Schema.org en Next.js: qué es, tipos clave y por qué importa al SEO

Google entiende texto, pero también datos estructurados: etiquetas que describen qué es cada página (artículo, empresa, FAQ, producto…). Schema.org es el vocabulario estándar más usado. En proyectos con Next.js — sobre todo headless o híbridos — suele tener sentido porque controlas el HTML que recibe el buscador sin depender de un plugin que inyecte markup genérico.

Esta guía explica qué aporta al SEO, qué tipos conviene priorizar y qué errores evitar. No es un manual de código: es el mapa que necesitas antes de hablar con desarrollo o validar una auditoría.

Grafo abstracto de entidades conectadas representando vocabulario Schema.org y relaciones entre tipos
Schema.org conecta entidades (organización, artículo, FAQ…) para que Google interprete tu contenido con más precisión.

Índice

Qué es Schema.org

Schema.org es un conjunto de tipos y propiedades acordados por buscadores y la industria para describir contenido en la web. Ejemplos:

  • Un artículo de blog → tipo Article o BlogPosting.
  • La home de una agencia → Organization + WebSite.
  • Un bloque de preguntas visibles → FAQPage.
  • Un producto en tienda → Product con precio y disponibilidad.

No sustituye a un buen title, meta description ni a contenido útil. Actúa como capa de contexto: ayuda a Google a clasificar la página y, en algunos casos, a mostrar resultados enriquecidos (estrellas, FAQ expandible, breadcrumbs en SERP).

En una auditoría SEO técnica, el schema suele revisarse en el paso de datos estructurados — después de indexación y rendimiento, pero antes de escalar contenido.

Por qué encaja con Next.js y sitios headless

En WordPress clásico, plugins como Yoast o Rank Math generan JSON-LD automáticamente. En arquitecturas donde el CMS guarda contenido y Next.js sirve el frontend (como en muchos proyectos WordPress headless con Next.js), la responsabilidad del markup estructurado pasa al equipo que construye las plantillas públicas.

Ventajas de abordarlo en Next.js (como concepto, no como receta):

  • Consistencia: mismo patrón de schema en todas las rutas (blog, landings, contacto).
  • Datos dinámicos: título, fecha, imagen y autor del post pueden alimentar BlogPosting desde la API del CMS.
  • Menos duplicados: evitas que CMS y frontend inyecten dos bloques JSON-LD contradictorios.
  • Control de QA: puedes validar schema en staging antes del deploy, igual que canonicals o hreflang.

El keyword schema.org nextjs no implica que Next.js “tenga SEO mágico”: implica que tienes libertad — y obligación — de definir bien la capa estructurada.

JSON-LD, microdatos y RDFa

Google recomienda JSON-LD: un bloque <script type="application/ld+json"> en el HTML, separado del contenido visible. Es más fácil de mantener que microdatos incrustados en cada etiqueta HTML.

Formato Ventaja Inconveniente
JSON-LD Limpio, versionable, ideal para SPAs y SSR Debe reflejar contenido real de la página
Microdatos Acoplado al HTML visible Verboso; fácil romper al cambiar plantillas
RDFa Flexible en XML/HTML complejos Poco habitual en stacks modernos
Bloque abstracto de código JSON conectado a iconos de página web y buscador
JSON-LD describe la página en un lenguaje que el buscador parsea aparte del diseño visual.

Tipos de schema que más importan al SEO

Sitio corporativo / agencia

  • Organization — nombre, logo, URL, redes (sameAs).
  • WebSite — sitio y, opcionalmente, acción de búsqueda interna.
  • LocalBusiness — solo si tienes ficha física verificable; no inventes direcciones.

Blog y contenido

  • BlogPosting o Article — headline, datePublished, author, image.
  • BreadcrumbList — migas visibles alineadas con la URL.

Landings de servicio

  • Service — descripción del servicio, provider (Organization).
  • FAQPage — solo si las preguntas están en el HTML visible (no ocultas solo para robots).

E-commerce (si aplica)

  • Product, Offer, AggregateRating — con datos reales; reseñas falsas penalizan.

Prioriza los tipos que corresponden a plantillas con tráfico: home, artículos, páginas de servicio. Añadir diez tipos irrelevantes no mejora posiciones.

Rich results: qué puedes ganar (y qué no)

Los resultados enriquecidos son snippets con FAQ desplegable, estrellas, breadcrumbs, etc. Google decide si los muestra; el schema solo te hace elegible.

  • FAQ visible → posible acordeón en SERP (cuando Google lo considera útil).
  • Artículo bien marcado → mejor comprensión; no garantiza carrusel Top Stories.
  • Product + reviews reales → estrellas en algunos mercados.
Resultado de búsqueda abstracto con extras: FAQ, breadcrumbs y estrellas
El schema abre la puerta a rich results; el contenido, la autoridad y las políticas de Google deciden si entras.

Schema no sustituye Core Web Vitals ni enlaces internos. Es una pieza más del puzzle técnico.

Cómo validar antes de publicar

  1. Prueba de resultados enriquecidos de Google — URL en vivo o fragmento HTML.
  2. Search Console → Mejoras / datos estructurados — errores e impresiones de rich results.
  3. Inspección manual: “Ver código fuente” y buscar un solo bloque coherente por tipo principal.
  4. Coherencia con la página: fechas, imágenes y autor del JSON-LD deben coincidir con lo visible.
  5. Tras cada deploy — igual que revisar canonicals en migraciones.

Para el resto de señales técnicas, combina esta revisión con la guía de DevTools para SEO y, si el foco es velocidad, con la auditoría PageSpeed práctica.

Errores habituales

  • FAQPage sin FAQ visible — política de spam; riesgo de ignorar todo el bloque.
  • Duplicar Organization en cada URL con datos distintos — confunde a Google.
  • Campos obligatorios vacíos — image, author, datePublished en artículos.
  • Schema del CMS + schema del frontend en headless sin coordinación — duplicados o conflictos.
  • Markup de Product/Review inventado — puede acarrear acciones manuales.
  • Confundir schema con ranking directo — ayuda a elegibilidad, no es un boost garantizado.

Preguntas frecuentes

¿Schema.org es obligatorio para indexar?

No. Las páginas sin schema se indexan con normalidad. Los datos estructurados mejoran comprensión y, a veces, la presentación en resultados.

¿Next.js incluye Schema.org por defecto?

No de forma automática en todas las rutas. Depende de cómo construyas metadata y scripts en cada plantilla o de lo que exponga tu CMS vía API.

¿Yoast en headless sigue valiendo para schema?

Muchas instalaciones headless leen SEO del CMS (title, meta, opengraphImage). El JSON-LD puede generarse en el frontend, en el CMS o en ambos — lo crítico es una sola fuente de verdad coherente.

¿Cuántos tipos de schema por página?

Un tipo principal claro (Article, Service, FAQPage…) más tipos anidados lógicos (Organization como publisher). Evita listar tipos no relacionados con el contenido.

¿Con qué frecuencia revisarlo?

En cada plantilla nueva, rediseño o cambio de CMS. Trimestral en sitios estables, como parte del paso de schema en una auditoría técnica.

¿Quieres más guías técnicas en español e inglés?

En el blog de Veloce Devs publicamos artículos sobre SEO técnico, rendimiento, headless y automatización — con enlaces a herramientas y landings de servicio.

Ver el blog Servicio SEO