Com afegir un blog al teu lloc web: opcions, SEO i configuració

Per afegir un blog al teu lloc web, tria com s'escriuran els articles —fitxers Markdown al projecte si ho escrius tu o un programador, una base de dades amb un editor d'administració si hi escriuran persones no tècniques, o un CMS si vols una eina d'edició completa— i després posa el blog a /blog al teu domini principal, amb una pàgina de llista, una pàgina per article i un canal RSS. Per als motors de cerca, assegura't que cada article es serveixi com a HTML real amb el seu propi títol, descripció i imatge per compartir, i que aparegui al mapa del lloc. Un constructor d'aplicacions amb IA pot construir qualsevol d'aquestes opcions a partir d'un prompt; l'elecció depèn sobretot de qui escriurà.

Tria com s'escriuran els articles

Aquesta és la decisió més important. La tecnologia es deriva d'ella.

Opció	Com funciona	Millor per a	Inconvenients
Fitxers Markdown al projecte	Cada article és un fitxer `.md`; el lloc el converteix en una pàgina	Fundadors o programadors que escriuen de tant en tant	Publicar un article implica canviar el projecte i tornar a desplegar
Base de dades + editor d'administració	Els articles són files en una taula, escrites en un editor dins de la teva aplicació	Equips petits, escriptors no tècnics	Tu construeixes i mantens l'editor
CMS headless	Una eina de contingut separada; el teu lloc obté els articles a través de la seva API	Equips de contingut, molts escriptors, fluxos d'aprovació	Un altre compte, clau d'API i factura
Plataforma de blocs separada	Una eina de blocs allotjada en un subdomini	Començar sense construir res	Disseny diferent, vincle més feble amb el teu lloc principal

Una regla útil: si estaries còmode escrivint en un fitxer de text pla, Markdown és el més simple i ràpid de servir. Si les paraules «commit» i «redesplegar» us aturarien a tu o al teu equip de publicar, tria un editor.

Subcarpeta o subdomini?

Subcarpeta (example.com/blog): un sol lloc, un sol disseny, una sola analítica, i els articles estan al mateix domini que les pàgines que vols posicionar. És el més senzill per a la majoria d'empreses.
Subdomini (blog.example.com): necessari si el blog funciona en una plataforma diferent que no pots servir sota el teu lloc principal.

Si ja estàs construint el blog dins del teu propi lloc, fes servir la subcarpeta.

Què necessita un blog

Pàgina de llista d'articles amb títols, dates, extractes curts i paginació.
Pàgina d'article amb una amplada de lectura còmoda (unes 60–80 lletres per línia), capçaleres clares i bona gestió de les imatges.
URLs netes: /blog/com-triar-un-catering, no /blog?id=17.
Títol i metadescripció per article, més les etiquetes Open Graph perquè els enllaços compartits mostrin una previsualització adequada.
Entrades al mapa del lloc per a cada article, i un canal RSS per als lectors i les eines de butlletins.
Autor i data, i una data d'«actualitzat» quan revisis un article.
Categories o etiquetes quan tinguis prou articles perquè en calgui.
Esborranys perquè els articles inacabats es mantinguin privats.

SEO: fes que els articles siguin pàgines reals

Molts llocs construïts amb eines modernes són aplicacions d'una sola pàgina: el navegador descarrega JavaScript que després dibuixa la pàgina. Això funciona per a aplicacions, però un blog viu de la cerca i de les previsualitzacions d'enllaços, i les pàgines dibuixades només al navegador són més difícils de llegir per a alguns rastrejadors i previsualitzacions socials. Per a un blog, demana que els articles es pre-renderitzin (es converteixin en HTML en compilar el lloc) o es renderitzin al servidor, perquè cada URL d'article retorni de seguida tot el seu contingut, títol i descripció.

La nostra guia sobre SEO per a llocs construïts amb IA cobreix més a fons els títols, els mapes del lloc i les dades estructurades.

Prompts d'exemple

Blog en Markdown:

Afegeix un blog a /blog. Cada article és un fitxer Markdown a content/blog amb un títol, una descripció, una data i una imatge de portada opcional a la part superior. Construeix una pàgina de llista (més recent primer, 10 per pàgina) i una pàgina per article a /blog/[slug]. Pre-renderitza totes les pàgines del blog en HTML estàtic perquè cadascuna tingui el seu propi títol, metadescripció i etiquetes Open Graph. Afegeix els articles a sitemap.xml i genera un canal RSS a /blog/rss.xml.

Blog amb editor:

Afegeix un blog amb articles guardats a la base de dades: títol, slug, extracte, cos (Markdown), imatge de portada, estat (esborrany o publicat), data de publicació. Afegeix una àrea d'administració protegida amb contrasenya per crear, editar, previsualitzar i publicar articles, amb pujada d'imatges per a la portada i les imatges del text. Només els articles publicats apareixen a /blog. Renderitza cada pàgina d'article al servidor amb el seu propi títol i metadescripció.

Polit:

Millora el disseny de les entrades del blog: amplada de lectura còmoda, interlineat més gran, capçaleres, blocs de codi i cites amb estil, imatges adaptatives i enllaços «article següent / anterior» al final. Mantén els colors i les fonts actuals del lloc.

Pas a pas

Decideix qui escriu i tria Markdown, base de dades + editor o un CMS.
Tria l'estructura d'URLs: /blog i /blog/slug-de-larticle.
Construeix les pàgines de llista i d'article amb les bases de disseny de dalt.
Afegeix les metadades per article: títol, descripció, imatge per compartir, dates.
Fes els articles rastrejables: pre-renderitza'ls o renderitza'ls al servidor i després comprova-ho veient el codi font d'un article; el text de l'article hi ha de ser.
Afegeix un mapa del lloc i un canal RSS.
Gestiona les imatges: comprimeix-les, defineix-ne les mides, afegeix text alternatiu. Per a un editor, guarda les pujades a l'emmagatzematge de fitxers (consulta com afegir pujada de fitxers a la teva aplicació).
Escriu dos o tres articles abans del llançament, perquè el blog no es vegi buit.
Publica i després envia el mapa del lloc a Google Search Console.

Errors habituals

Triar una configuració que ningú farà servir. Un blog en Markdown per a un equip que no toca fitxers es quedarà buit.
Articles renderitzats només al navegador. Les compartides mostren una previsualització en blanc i els motors de cerca poden veure menys contingut.
El mateix títol i la mateixa descripció a tots els articles. Cada article n'ha de tenir els seus.
Canviar els slugs després de publicar. Trenca els enllaços; si no hi ha més remei, afegeix una redirecció.
Imatges enormes sense comprimir. Alenteixen tots els articles.
Sense esborranys. Els articles a mitges es publiquen per accident.
Escriure sobre tu mateix en lloc de les preguntes dels clients. Les respostes útils atrauen visites; els anuncis gairebé mai.

Llista de comprovació

El mètode d'escriptura coincideix amb qui escriurà de debò
El blog viu a /blog al teu domini principal
URLs netes i estables per a cada article
Títol, descripció i imatge per compartir úniques per a cada article
L'HTML de l'article conté l'article complet (comprova el codi font)
El mapa del lloc i el canal RSS inclouen tots els articles publicats
Els esborranys es mantenen privats
Imatges comprimides, amb text alternatiu
Alguns articles escrits abans del llançament

Afegir un blog amb Mythex

A Mythex pots afegir qualsevol dels dos tipus de blog des del xat. Per a un blog amb editor, els articles van a la base de dades del projecte i les imatges a l'emmagatzematge de fitxers, que Mythex activa quan l'aplicació els necessita. La documentació de Mythex indica que les aplicacions noves per defecte sovint són aplicacions Vite d'una sola pàgina, amb un SEO més feble que l'HTML renderitzat al servidor o estàtic; així que per a un blog, demana pàgines d'article pre-renderitzades o estàtiques, o una configuració de Next.js. Consulta SEO per a la teva aplicació publicada, i torna a publicar després dels canvis.

Si comences de zero, consulta com construir un lloc web amb IA i com construir un lloc web per a una petita empresa.

Preguntes

El blog ha d'estar en un subdomini o en una subcarpeta?

Una subcarpeta com example.com/blog manté el blog al mateix lloc que el teu producte i és l'opció més senzilla per a la majoria de petites empreses. Un subdomini com blog.example.com té sentit quan el blog funciona en una plataforma separada que no pots allotjar sota el teu lloc principal.

Quina és la manera més fàcil d'afegir un blog a un lloc que he construït amb IA?

Si només escriuràs tu o un programador, guarda cada article com un fitxer Markdown al projecte i fes que el lloc el converteixi en pàgines. Si hi escriuran persones no tècniques, afegeix els articles a una base de dades amb un editor d'administració senzill, o connecta un CMS.

Un blog en una aplicació d'una sola pàgina és dolent per al SEO?

Pot ser més feble. Les pàgines que només es renderitzen al navegador són més difícils de llegir per alguns rastrejadors i per les previsualitzacions a les xarxes. Els articles del blog s'han de servir com a HTML real —pre-renderitzat en compilar o renderitzat al servidor— amb el seu propi títol i descripció.

Amb quina freqüència he de publicar en un blog empresarial?

No hi ha un nombre màgic. Un ritme constant que puguis mantenir, amb articles que responguin preguntes reals dels teus clients, guanya a una ràfega d'articles seguida de mesos de silenci.