Melhores praticas de implementacao tecnica:
Onde colocar JSON-LD:
<head>
<!-- Outro conteudo do head -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
...
}
</script>
</head>
Ou no body (tambem valido):
<body>
<script type="application/ld+json">
...
</script>
<!-- Conteudo da pagina -->
</body>
Para CMS/frameworks JavaScript:
Next.js: Use next-seo ou gere em getServerSideProps
WordPress: Use Yoast, Rank Math ou insercao direta no template
React SPA: Use react-helmet-async com SSR
Vue: Use vue-meta com SSR
A regra:
Se seu framework tem capacidade SSR, use para schema. Se e puramente client-side, voce precisa de solucao de pre-renderizacao.
Testando apos implementacao:
- View source - schema visivel? Bom.
- Rich Results Test - passou? Bom.
- Am I Cited - sendo citado? O teste real.