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 lo escribes tú o un desarrollador, una base de datos con editor de administración si lo escribirán personas no técnicas, o un CMS si quieres una herramienta de edición completa—, y luego pon 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 sirve como HTML real con su propio título, descripción e imagen para compartir, y de que aparece 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 | Contrapartidas |
|---|---|---|---|
| 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, escritores 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 sentirías cómodo escribiendo en un archivo de texto plano, Markdown es lo más sencillo y rápido de servir. Si las palabras «confirmar» y «volver a desplegar» te frenarían a ti o a tu equipo para publicar, elige un editor.
¿Subcarpeta o subdominio?
- Subcarpeta (
ejemplo.com/blog): una web, 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 simple para la mayoría de los 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 integrar el blog en tu propia web de todos modos, usa la subcarpeta.
Qué necesita un blog
- Página de listado con títulos, fechas, extractos breves y paginación.
- Página de cada entrada con un ancho de lectura cómodo (unos 60–80 caracteres por línea), encabezados claros y buen manejo de imágenes.
- URLs limpias:
/blog/como-elegir-un-catering, no/blog?id=17. - Título y meta descripción por entrada, además de etiquetas Open Graph para que los enlaces compartidos muestren una vista previa adecuada.
- Entradas en el sitemap para cada una, y un feed RSS para lectores y herramientas de boletín.
- Autor y fecha, y una fecha de «actualizado» cuando la revises.
- Categorías o etiquetas cuando tengas suficientes entradas para necesitarlas.
- Borradores para que las entradas sin terminar se mantengan privadas.
SEO: que las entradas sean páginas reales
Muchas webs construidas con herramientas modernas son single-page apps: el navegador descarga JavaScript que luego dibuja la página. Eso funciona para aplicaciones, pero un blog vive de la búsqueda y de las vistas previas de los enlaces, y las páginas dibujadas solo en el navegador son más difíciles de leer para algunos rastreadores y vistas previas de redes sociales. Para 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 su contenido completo, título y descripción de inmediato.
Nuestra guía sobre SEO para webs construidas con IA cubre con más profundidad títulos, sitemaps y datos estructurados.
Ejemplos de prompts
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 a 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 una zona 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, interlineado más amplio, 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 tipografías 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:
/blogy/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 que las entradas sean 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 aparecer ahí.
- Añade un sitemap y un feed RSS.
- Gestiona las imágenes: comprímelas, define sus tamaños, añade texto alternativo. Para un editor, guarda las subidas en almacenamiento de archivos (consulta cómo añadir subida de archivos).
- Escribe dos o tres entradas antes del lanzamiento, para que el blog no parezca vacío.
- Publica y después envía el sitemap en Google Search Console.
Errores comunes
- Elegir una configuración que nadie usará. Un blog en Markdown para un equipo que no toca archivos se quedará vacío.
- Entradas que solo se renderizan en el navegador. Las vistas previas al compartir salen en blanco y los buscadores pueden ver menos contenido.
- El mismo título y descripción en todas las entradas. Cada entrada necesita los suyos.
- Cambiar los slugs después de publicar. Rompe los enlaces; si es imprescindible, añade una redirección.
- Imágenes enormes sin comprimir. Ralentizan cada entrada.
- Sin 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 atraen visitas; los anuncios rara vez lo hacen.
Lista de comprobación
- El método de escritura coincide con quién escribirá de verdad
- El blog vive en /blog en tu dominio principal
- URLs limpias y estables para cada 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 por defecto Vite single-page apps, 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, consulta cómo construir una web con IA y cómo construir una web para un pequeño negocio.
Preguntas
¿Mi 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 los pequeños negocios. Un subdominio, como blog.ejemplo.com, tiene sentido cuando el blog funciona en una plataforma distinta 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 que construí con IA?
Si solo escribirás tú o un desarrollador, guarda cada entrada como un archivo Markdown en el proyecto y haz que la web la convierta en páginas. Si escribirán personas no técnicas, añade las entradas a una base de datos con un editor sencillo, o conecta un CMS.
¿Es malo para el SEO un blog en una single-page app?
Puede ser peor. 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 debería 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, gana a una ráfaga de entradas seguida de meses de silencio.