Cómo añadir un blog a tu web: opciones, SEO y configuración

Para añadir un blog a tu web, elige cómo se escribirán las entradas: archivos Markdown en tu proyecto si los escribes tú o un desarrollador, una base de datos con un editor de administración si lo harán personas no técnicas, o un CMS si quieres una herramienta de edición completa. Después coloca el blog en /blog en tu dominio principal, con una página de listado, una página por entrada y un feed RSS. Para los buscadores, asegúrate de que cada entrada se sirva como HTML real, con su propio título, descripción e imagen para compartir, y de que aparezca en tu sitemap. Un creador de apps con IA puede construir cualquiera de estas opciones a partir de un prompt; la elección depende sobre todo de quién va a escribir.

Elige cómo se escriben las entradas

Esta es la decisión que más importa. La tecnología se deriva de ella.

Opción	Cómo funciona	Ideal para	Inconvenientes
Archivos Markdown en el proyecto	Cada entrada es un archivo `.md`; la web lo convierte en una página	Fundadores o desarrolladores que escriben de vez en cuando	Publicar una entrada implica cambiar el proyecto y volver a desplegarlo
Base de datos + editor de administración	Las entradas son filas de una tabla, escritas en un editor dentro de tu app	Equipos pequeños, redactores no técnicos	Tú construyes y mantienes el editor
CMS sin cabeza (headless)	Una herramienta de contenido aparte; tu web obtiene las entradas por su API	Equipos de contenido, muchos redactores, flujos de aprobación	Otra cuenta, clave de API y otra factura
Plataforma de blog separada	Una herramienta de blog alojada en un subdominio	Empezar sin construir nada	Diseño distinto, vínculo más débil con tu web principal

Una regla útil: si te sientes cómodo escribiendo en un archivo de texto plano, Markdown es lo más sencillo y rápido de servir. Si las palabras «commit» y «redeploy» frenarían a ti o a tu equipo para publicar, elige un editor.

¿Subcarpeta o subdominio?

Subcarpeta (ejemplo.com/blog): un sitio, un diseño, una sola analítica, y las entradas están en el mismo dominio que las páginas que quieres posicionar. Lo más sencillo para la mayoría de negocios.
Subdominio (blog.ejemplo.com): necesario si el blog funciona en una plataforma distinta que no puedes servir bajo tu web principal.

Si vas a construir el blog dentro de tu propia web de todos modos, usa la subcarpeta.

Lo que necesita un blog

Página de listado con títulos, fechas, extractos breves y paginación.
Página de entrada con un ancho de lectura cómodo (más o menos entre 60 y 80 caracteres por línea), encabezados claros y buen tratamiento de las imágenes.
URLs limpias: /blog/como-elegir-un-catering, no /blog?id=17.
Título y meta descripción por entrada, más etiquetas Open Graph para que los enlaces compartidos muestren una vista previa adecuada.
Entradas en el sitemap para cada publicación, y un feed RSS para lectores y herramientas de boletines.
Autor y fecha, y una fecha de «actualizado» cuando revises una entrada.
Categorías o etiquetas cuando tengas suficientes entradas para necesitarlas.
Borradores para que las entradas sin terminar sigan privadas.

SEO: que las entradas sean páginas reales

Muchas webs creadas con herramientas modernas son single-page apps: el navegador descarga JavaScript que luego dibuja la página. Eso funciona para las apps, pero un blog vive de los buscadores y de las vistas previas de los enlaces, y las páginas que solo se dibujan en el navegador son más difíciles de leer para algunos rastreadores y para las vistas previas en redes sociales. En un blog, pide que las entradas se prerenderizen (se conviertan en HTML al compilar la web) o se rendericen en el servidor, de modo que cada URL de entrada devuelva de inmediato todo su contenido, título y descripción.

Nuestra guía sobre SEO para webs creadas con IA cubre con más detalle títulos, sitemaps y datos estructurados.

Prompts de ejemplo

Blog en Markdown:

Añade un blog en /blog. Cada entrada es un archivo Markdown en content/blog con un título, una descripción, una fecha y una imagen de portada opcional al principio. Crea una página de listado (la más reciente primero, 10 por página) y una página por entrada en /blog/[slug]. Prerenderiza todas las páginas del blog como HTML estático para que cada una tenga su propio título, meta descripción y etiquetas Open Graph. Añade las entradas a sitemap.xml y genera un feed RSS en /blog/rss.xml.

Blog con editor:

Añade un blog con las entradas guardadas en la base de datos: título, slug, extracto, cuerpo (Markdown), imagen de portada, estado (borrador o publicado) y fecha de publicación. Añade un área de administración protegida con contraseña para crear, editar, previsualizar y publicar entradas, con subida de imágenes para la portada y las imágenes en el texto. Solo las entradas publicadas aparecen en /blog. Renderiza cada página de entrada en el servidor con su propio título y meta descripción.

Pulido:

Mejora el diseño de las entradas del blog: ancho de lectura cómodo, mayor interlineado, encabezados, bloques de código y citas con estilo, imágenes adaptables y enlaces de «entrada siguiente / anterior» al final. Mantén los colores y las fuentes actuales de la web.

Paso a paso

Decide quién escribe y elige Markdown, base de datos + editor o un CMS.
Elige la estructura de URLs: /blog y /blog/slug-de-la-entrada.
Construye las páginas de listado y de entrada con las bases de diseño de arriba.
Añade metadatos por entrada: título, descripción, imagen para compartir, fechas.
Haz las entradas rastreables: prerenderízalas o renderízalas en el servidor, y luego comprueba viendo el código fuente de una entrada: el texto del artículo debe estar ahí.
Añade el sitemap y el feed RSS.
Gestiona las imágenes: comprímelas, define tamaños y añade texto alternativo. Para un editor, guarda las subidas en el almacenamiento de archivos (mira cómo añadir subidas de archivos a tu app).
Escribe dos o tres entradas antes del lanzamiento, para que el blog no parezca vacío.
Publica y envía el sitemap en Google Search Console.

Errores habituales

Elegir una configuración que nadie va a usar. Un blog en Markdown para un equipo que no quiere tocar archivos se quedará vacío.
Entradas que solo se renderizan en el navegador. Al compartirlas, la vista previa sale en blanco y los buscadores pueden ver menos contenido.
El mismo título y la misma descripción en todas las entradas. Cada entrada necesita las suyas.
Cambiar los slugs después de publicar. Rompe los enlaces; si no queda más remedio, añade una redirección.
Imágenes enormes sin comprimir. Ralentizan todas las entradas.
No tener borradores. Las entradas a medio escribir se publican por accidente.
Escribir sobre ti mismo en lugar de sobre las preguntas de tus clientes. Las respuestas útiles traen visitas; los anuncios rara vez lo hacen.

Lista de comprobación

El método de escritura coincide con quién va a escribir de verdad
El blog vive en /blog en tu dominio principal
URLs limpias y estables por entrada
Título, descripción e imagen para compartir únicos por entrada
El HTML de la entrada contiene el artículo completo (compruébalo en el código fuente)
El sitemap y el feed RSS incluyen todas las entradas publicadas
Los borradores permanecen privados
Imágenes comprimidas, con texto alternativo
Algunas entradas escritas antes del lanzamiento

Añadir un blog con Mythex

En Mythex puedes añadir cualquiera de los dos tipos de blog desde el chat. Para un blog con editor, las entradas van en la base de datos del proyecto y las imágenes en el almacenamiento de archivos, que Mythex activa cuando la app lo necesita. La documentación de Mythex indica que las apps nuevas suelen ser apps Vite de una sola página, con un SEO más débil que el HTML renderizado en el servidor o estático; así que, para un blog, pide páginas de entrada prerenderizadas o estáticas, o una configuración con Next.js. Consulta SEO para tu app publicada y vuelve a publicar después de los cambios.

Si empiezas desde cero, mira cómo crear una web con IA y cómo crear la web de un pequeño negocio.

Preguntas

¿El blog debe estar en un subdominio o en una subcarpeta?

Una subcarpeta como ejemplo.com/blog mantiene el blog en el mismo sitio que tu producto y es la opción más sencilla para la mayoría de pequeños negocios. Un subdominio como blog.ejemplo.com tiene sentido cuando el blog funciona en una plataforma separada que no puedes alojar bajo tu web principal.

¿Cuál es la forma más fácil de añadir un blog a una web creada con IA?

Si solo escribirás tú o un desarrollador, guarda cada entrada como un archivo Markdown en el proyecto y deja que la web los convierta en páginas. Si escribirán personas no técnicas, añade las entradas a una base de datos con un editor de administración sencillo, o conecta un CMS.

¿Un blog en una single-page app perjudica al SEO?

Puede debilitarlo. Las páginas que solo se generan en el navegador son más difíciles de leer para algunos rastreadores y para las vistas previas al compartir. Las entradas del blog deben servirse como HTML real —prerenderizado en la compilación o renderizado en el servidor— con su propio título y descripción.

¿Con qué frecuencia debo publicar en un blog de empresa?

No hay un número mágico. Un ritmo constante que puedas mantener, con entradas que respondan a preguntas reales de tus clientes, vale más que una ráfaga de entradas seguida de meses de silencio.