Com crear un blog amb IA: publicacions, editor, SEO i allotjament

Un blog necessita tres coses: publicacions que la gent pugui llegir a la seva pròpia URL, una manera de escriure-les i publicar-les, i pàgines que els motors de cerca puguin entendre. Un constructor d'apps amb IA pot construir les tres a partir d'una descripció en llenguatge natural. La decisió principal és on viuen les teves publicacions —com a fitxers del projecte o en una base de dades amb un editor—, i la resta de la guia en segueix.

Què necessita un blog

Pàgines

• Inici o llista de publicacions — les més recents primer, amb títol, data, un extracte curt i una imatge de portada.
• Pàgina de la publicació — l'article en si, amb la seva pròpia URL, com /blog/com-torrifiquem-cafe.
• Pàgines de categories o etiquetes — perquè els lectors puguin navegar per un tema.
• Pàgina Sobre nosaltres — qui escriu això i per què.
• Cerca (opcional) — val la pena afegir-la quan tens més d'unes quantes desenes de publicacions.
• Canal RSS — un petit fitxer que permet als lectors de canals i a algunes eines de butlletins detectar les publicacions noves automàticament.

Dades

Una publicació és un registre petit: títol, slug (la part de la URL), cos, extracte, imatge de portada, autor, categoria, etiquetes, estat (esborrany o publicada), data de publicació i data d'actualització. Si hi ha diversos autors, afegeix una taula d'autors amb un nom, una foto i una biografia curta.

Permisos

Els lectors només veuen les publicacions publicades. Els redactors poden crear i editar esborranys. Algú —sovint la mateixa persona— pot publicar. Per a un blog d'una sola persona això és simplement «jo i tothom»; per a un equip necessites inici de sessió i almenys dos rols.

La decisió important: fitxers o base de dades

Un CMS (sistema de gestió de contingut) és simplement la part on escrius i gestiones el contingut. Consulta què és un CMS per saber-ne més.

Per a la majoria de blogs personals o d'empresa, comença amb fitxers Markdown. Passa a una base de dades i un editor quan escriure a través del constructor es converteixi en el coll d'ampolla, o quan algú que no fa servir el constructor necessiti publicar.

Decisions de SEO que cal prendre d'hora

El valor d'un blog sol venir del trànsit de cerca, així que unes quantes decisions tècniques pesen més que el disseny.

• Les pàgines han de ser llegibles sense JavaScript. Moltes apps creades amb IA són aplicacions d'una sola pàgina (SPA): el navegador descarrega una pàgina buida i el JavaScript l'omple. Els motors de cerca sovint ho poden renderitzar, però és més lent i menys fiable. Per a un blog, demana que les publicacions es pre-renderitzin a HTML estàtic o es renderitzin al servidor, perquè el text sigui a la pàgina en el moment que es carrega.
• Una URL per publicació, i mantenir-la. Tria slugs curts i llegibles. Canviar-los més tard trenca els enllaços, tret que afegeixis redireccions.
• Títol i descripció per publicació. Cada publicació necessita el seu propi <title> i la seva meta descripció, més les etiquetes Open Graph perquè els enllaços es vegin bé quan es comparteixen.
• Un mapa del lloc. Un sitemap.xml que llisti cada publicació publicada ajuda els motors de cerca a trobar les noves.
• Dades estructurades. El marcat d'article (de schema.org) indica als motors de cerca el titular, l'autor i la data. Marca només el que realment és a la pàgina.

La nostra guia sobre SEO per a llocs web creats amb IA explica aquests punts amb més detall.

Exemple de primer prompt

Construeix un blog per al meu negoci de torrefacció de cafè d'especialitat. Pàgines: una pàgina d'inici amb les publicacions més recents primer (títol, data, extracte, imatge de portada), una pàgina de publicació a /blog/[slug], pàgines de categories i una pàgina Sobre nosaltres. Guarda les publicacions com a fitxers Markdown amb front matter per al títol, la data, l'extracte, la categoria i la imatge de portada, i pre-renderitza cada pàgina de publicació a HTML estàtic perquè els motors de cerca la puguin llegir sense JavaScript. Cada publicació necessita el seu propi títol i meta descripció, etiquetes Open Graph i dades estructurades d'Article. Genera un sitemap.xml i un canal RSS a partir de les publicacions. Tipografia neta i llegible, amb una amplada de línia màxima d'uns 70 caràcters, i un disseny que funcioni bé als telèfons. Afegeix tres publicacions d'exemple perquè pugui veure el disseny.

Passos de construcció

1. Dissenya amb publicacions d'exemple. Ajusta primer la pàgina de publicació: mida de la lletra, amplada de línia, espaiat, com es veuen les imatges i les cites. La gent hi passa la major part del temps.
2. Pàgines de llista i de categories. Revisa els extractes, les dates i les imatges de portada, i què passa quan una publicació no té imatge.
3. Bàsics de SEO. Demana títols, descripcions, etiquetes Open Graph, el mapa del lloc i el canal RSS. Després de publicar, obre una publicació i mira el codi font de la pàgina per confirmar que el text és a l'HTML.
4. Les teves publicacions reals. Substitueix les d'exemple. Escriu tu les primeres; marquen el to.
5. Subscripció al butlletí (opcional). Un formulari al final de cada publicació que guarda les adreces de correu en una base de dades, o les envia al teu proveïdor de correu. Consulta com construir un lloc web de butlletí.
6. Editor i inici de sessió (només si cal). Si passes a una base de dades, demana una àrea d'administració amb esborranys, un botó de vista prèvia i pujada d'imatges, i protegeix-la amb inici de sessió.
7. Domini propi. Un blog al teu propi domini crea reputació per a aquell domini. Consulta com connectar un domini propi.

Utilitzar la IA per a l'escriptura

La IA pot ajudar amb esquemes, esborranys inicials, opcions de titulars, resums i edició. És més feble en les coses que fan que un blog valgui la pena llegir: la teva experiència, les teves opinions, les teves fotos, els nombres reals del teu treball. Una regla útil és deixar que la IA t'ajudi a escriure més ràpid, no que escrigui per tu. Verifica cada fet que et doni i mai no publiquis estadístiques o cites que no puguis rastrejar fins a una font.

Si afegeixes un assistent d'escriptura amb IA dins del teu propi editor —un botó de «suggereix un títol» o «ajusta aquest paràgraf»—, la clau d'API ha de quedar al servidor. Posa-hi també límits d'ús, ja que cada suggeriment costa diners.

Errors habituals

• Renderitzat només al client per a les publicacions. El text de la publicació ha de ser a l'HTML, no afegit més tard amb JavaScript.
• Canviar els slugs després de publicar. Tots els enllaços antics es trenquen. Si no hi ha més remei, afegeix una redirecció des de la URL antiga.
• Imatges enormes. Una foto de portada de 5 MB fa lenta cada pàgina. Demana imatges redimensionades i comprimides amb amplada i alçada definides.
• Sense esborranys. Sense un estat d'esborrany, les publicacions a mitges acaben publicades.
• Comentaris sense moderació. Els comentaris oberts atrauen spam en pocs dies. Comença sense comentaris, o exigeix aprovació abans que res aparegui.
• Dates que falten. Els lectors i els motors de cerca volen saber quan es va escriure i quan es va actualitzar per última vegada.

Quan una plataforma de blogs és millor opció

Si vols escriure i res més, una plataforma de blogs allotjada o WordPress t'hi portarà més ràpid. Ja inclouen un editor acabat, temes, comentaris, en alguns casos butlletins, i anys de complements. Les plataformes a l'estil Substack també aporten una audiència integrada i enviament de correu.

Construeix el teu propi quan el blog està dins d'un producte més gran (un lloc d'empresa, una app SaaS, una botiga), quan vols que les publicacions utilitzin les teves pròpies dades —fitxes de producte, receptes, anuncis— o quan vols el control total del disseny i de les URL. També és una bona manera d'aprendre com funcionen els llocs web. Per afegir publicacions a un lloc que ja tens, consulta com afegir un blog al teu lloc web.

Construir-ho amb Mythex

A Mythex descrius el blog en el xat, el revises a la vista prèvia en directe (incloent-hi un marc de mida de telèfon) i el publiques en una adreça pública <slug>.mythex.app; els dominis propis són al pla Pro. La pila per defecte és una app de Vite i React, que es renderitza al navegador, així que per a un blog demana pàgines de publicació pre-renderitzades o Next.js, i segueix la recepta de SEO per als títols, les metaetiquetes i el mapa del lloc. Quan vulguis un editor al navegador, Mythex afegeix una base de dades i emmagatzematge de fitxers per a les imatges quan l'app ho necessiti. L'inici de sessió per als teus redactors el decideixes tu: tries l'enfocament i l'agent el connecta. Per començar, mira les plantilles de blog de cuina i blog de butlletí.

Preguntes