Mejores prácticas para la implementación técnica:
Dónde colocar JSON-LD:
<head>
<!-- Otro contenido del head -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
...
}
</script>
</head>
O en el body (también válido):
<body>
<script type="application/ld+json">
...
</script>
<!-- Contenido de la página -->
</body>
Para CMS/frameworks JavaScript:
Next.js: Usa next-seo o genera en getServerSideProps
WordPress: Usa Yoast, Rank Math o inserción directa en plantillas
React SPA: Usa react-helmet-async con SSR
Vue: Usa vue-meta con SSR
La regla:
Si tu framework tiene capacidad SSR, úsala para el esquema. Si es solo del lado del cliente, necesitas una solución de prerenderizado.
Pruebas tras la implementación:
- Ver código fuente - ¿el esquema es visible? Bien.
- Rich Results Test - ¿aprueba? Bien.
- Am I Cited - ¿estás siendo citado? La prueba real.