Schema para Blogs: Article, HowTo y BreadcrumbList para Artículos Perfectos
Los blogs y sitios de contenido editorial tienen a su disposición varios tipos de Schema especialmente diseñados para mejorar su visibilidad en Google: el Schema Article para artículos, el Schema HowTo para tutoriales paso a paso, y el BreadcrumbList para mostrar la jerarquía de navegación en los resultados. Combinados correctamente, estos tres tipos de Schema pueden transformar tus resultados en la SERP de simples links a contenidos visuales y enriquecidos que generan más clics y más autoridad temática.
Schema Article vs BlogPosting vs NewsArticle: cuándo usar cada uno
Schema.org distingue tres tipos de artículos con características similares pero usos específicos: **Article:** el tipo más genérico y versátil. Válido para cualquier texto editorial, incluyendo artículos técnicos, análisis y artículos de opinión. Es la opción segura cuando no estás seguro de qué tipo más específico usar. **BlogPosting:** subtipo de Article específico para entradas de blog. Semánticamente indica que el contenido es más informal y personal que un artículo periodístico. Google lo trata de forma muy similar a Article en la práctica, pero es más preciso para blogs de opinión o contenido personal. **NewsArticle:** para contenido periodístico de actualidad con fecha relevante. Solo es elegible para Google News si el sitio está registrado y aprobado en Google Publisher Center. Si no eres una publicación de noticias reconocida, usar NewsArticle no aportará ventaja sobre Article. Para la mayoría de blogs de contenido evergreen (guías, tutoriales, comparativas), usa `Article` o `BlogPosting`. La elección entre los dos es principalmente semántica y Google no penaliza usar uno u otro para el tipo de contenido del otro. Propiedades más importantes para Article: `headline` (máximo 110 caracteres), `image` (imprescindible, mínimo 696×392 px), `datePublished`, `dateModified` (importante para mostrar fecha actualizada en resultados), `author` (objeto `Person` con `name` y `url`), y `publisher` (objeto `Organization` con `name` y `logo`).
Schema HowTo para tutoriales: muestra los pasos directamente en Google
El Schema HowTo transforma tutoriales paso a paso en Rich Snippets que pueden mostrar los pasos del proceso directamente en los resultados de Google, con la posibilidad de incluir imágenes para cada paso. Cuándo usar HowTo: cuando tu artículo describe un proceso con pasos secuenciales claros para lograr un objetivo específico. Ejemplos perfectos: «Cómo configurar robots.txt en WordPress», «Cómo comprimir imágenes para web» o «Cómo crear un código QR con logo». ```json { "@context": "https://schema.org", "@type": "HowTo", "name": "Cómo generar y publicar el archivo robots.txt", "totalTime": "PT5M", "step": [ { "@type": "HowToStep", "name": "Abre el generador de robots.txt", "text": "Visita la herramienta de Generador de Robots.txt en WikiPlus y selecciona las rutas que quieres bloquear.", "url": "https://wikiplus.app/es/tools/seo-web/robots-generator" }, { "@type": "HowToStep", "name": "Configura las reglas", "text": "Selecciona los bots a los que aplican las reglas y añade las rutas de URL que no deben ser rastreadas." }, { "@type": "HowToStep", "name": "Copia y publica el archivo", "text": "Copia el código generado, crea el archivo robots.txt en la raíz de tu servidor y sube el contenido." } ] } ``` Propiedades opcionales pero valiosas: `totalTime` (duración estimada en formato ISO 8601 como `PT5M` para 5 minutos), `estimatedCost` para procesos que tienen coste, y `image` por paso para tutoriales visuales.
BreadcrumbList: muestra la jerarquía de tu sitio en los resultados
El Schema BreadcrumbList es uno de los más sencillos de implementar y uno de los más universalmente efectivos: hace que Google muestre la ruta de navegación (migas de pan) de tu página en los resultados de búsqueda en lugar de mostrar la URL completa. Esto mejora la legibilidad del resultado y comunica la estructura del sitio a primera vista. En lugar de ver `wikiplus.app/es/tools/seo-web/schema-generator`, el usuario ve en el resultado: `wikiplus.app › herramientas › SEO › Generador de Schema`. Esto hace el resultado más visual y comprensible. ```json { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Herramientas", "item": "https://wikiplus.app/es/tools" }, { "@type": "ListItem", "position": 2, "name": "SEO Web", "item": "https://wikiplus.app/es/tools/seo-web" }, { "@type": "ListItem", "position": 3, "name": "Generador de Schema", "item": "https://wikiplus.app/es/tools/seo-web/schema-generator" } ] } ``` El BreadcrumbList debe reflejar la navegación real de tu sitio. Cada `ListItem` tiene `position` (número empezando en 1), `name` (texto visible en la miga de pan) e `item` (URL de ese nivel de navegación).
Implementación en Next.js App Router: Schema dinámico para blogs
En Next.js con App Router, puedes generar Schema dinámico que se adapta automáticamente al contenido de cada artículo, sin necesidad de mantener el JSON-LD manualmente para cada post. La forma más limpia es incluir el Schema en la función `generateMetadata` o como un `<script>` dentro del componente de página. Para blogs con muchos artículos, la generación dinámica desde los datos del CMS es esencial: ```jsx // app/[lang]/blog/[slug]/page.jsx export default function BlogPost({ params, articleData }) { const schemaArticle = { '@context': 'https://schema.org', '@type': 'BlogPosting', headline: articleData.title, image: articleData.featuredImage, datePublished: articleData.publishedAt, dateModified: articleData.updatedAt, author: { '@type': 'Person', name: articleData.authorName }, publisher: { '@type': 'Organization', name: 'WikiPlus', logo: { '@type': 'ImageObject', url: 'https://wikiplus.app/logo.png' } } }; return ( <> <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(schemaArticle) }} /> {/* contenido del artículo */} </> ); } ``` Esta arquitectura garantiza que el Schema siempre esté sincronizado con el contenido real del artículo y se genere en el servidor (Server Component), asegurando que los crawlers de Google puedan leerlo sin ejecutar JavaScript.
Preguntas frecuentes
- ¿El Schema de Article mejora directamente el ranking de mi blog en Google?
- No directamente. El Schema Article no es un factor de ranking confirmado por Google. Su principal beneficio es habilitar Rich Results (imágenes, fechas, autores en los resultados) que mejoran el CTR. Google también puede usar la información del autor para construir su perfil de autoridad en su sistema E-E-A-T.
- ¿Debo incluir `dateModified` aunque no haya actualizado el artículo?
- No. Solo incluye `dateModified` si realmente has actualizado el contenido del artículo. Actualizar artificialmente la fecha para que Google crea que el contenido es más reciente es considerado spam por Google y puede resultar en pérdida de visibilidad. La honestidad en los datos estructurados es clave.
- ¿El Schema HowTo funciona para artículos en idioma español?
- Sí, el Schema HowTo funciona en todos los idiomas que soporta Google Search. Los campos `name` y `text` deben estar en el idioma del artículo para máxima coherencia. Google muestra los pasos del HowTo en los Rich Results para búsquedas en español si detecta el schema válido y el contenido es relevante.