Najlepsze praktyki implementacji technicznej:
Gdzie umiescic JSON-LD:
<head>
<!-- Inna tresc naglowka -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
...
}
</script>
</head>
Lub w body (rowniez poprawne):
<body>
<script type="application/ld+json">
...
</script>
<!-- Tresc strony -->
</body>
Dla CMS/frameworkow JavaScript:
Next.js: Uzyj next-seo lub generuj w getServerSideProps
WordPress: Uzyj Yoast, Rank Math lub bezposrednie wstawienie do szablonu
React SPA: Uzyj react-helmet-async z SSR
Vue: Uzyj vue-meta z SSR
Zasada:
Jesli Twoj framework ma mozliwosci SSR, uzyj ich dla schema. Jesli jest czysto po stronie klienta, potrzebujesz rozwiazania prerendering.
Testowanie po implementacji:
- View source - schema widoczne? Dobrze.
- Rich Results Test - przechodzi? Dobrze.
- Am I Cited - jestes cytowany? Prawdziwy test.