JSON-LD schema voor Lovable bouwen — stap voor stap

Schema-markup is geen ‘leuk extraatje’ — het is hoe Google jouw content beter begrijpt. Voor een Lovable-site begin je met drie types: Organization (op root), WebSite (op root), en pagina-specifieke types (Article, Product, LocalBusiness).

De minimale set voor elke Lovable-site

In je index.html (of via een React-component die in de <head> injecteert), plaats:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Voorbeeld",
  "url": "https://voorbeeld.nl",
  "logo": "https://voorbeeld.nl/logo.png",
  "sameAs": [
    "https://www.linkedin.com/company/voorbeeld",
    "https://twitter.com/voorbeeld"
  ]
}
</script>

Per pagina-type

Blogpost? Voeg Article-schema toe met author, datePublished, image. Productpagina? Zie de e-commerce gids. Lokaal bedrijf? Zie de lokale SEO-gids.

Testen voor je deployt

Plak je code in Schema.org Validator voor syntax-validatie en in Google Rich Results Test voor rich-result-eligibility. Beide tools moeten groen geven — anders deploy niet.

Waar mensen het mis hebben

• JSON-LD pas na hydration injecteren — Google rendert dan trager, of helemaal niet.
• Meerdere conflicterende @id velden — leidt tot ambiguous-source warnings.
• Schema met placeholder-waarden (“test”, “Lorem ipsum”) in productie — wordt afgekeurd in Search Console.
• Schema toevoegen, maar de pagina daarna noindex’en — schema heeft geen effect op niet-geïndexeerde pagina’s.

Waar je JSON-LD neerzet in een Lovable-project

Het blok moet in de HTML staan die de server terugstuurt. Zet je het pas met JavaScript neer nadat de pagina geladen is, dan is het maar de vraag of Google het meeneemt — en bij de meeste andere crawlers weet je het zeker: die zien het niet.

Voor een Lovable-project betekent dat concreet:

1. Zet het blok in de head van de route, niet in een component dat pas na een dataverzoek rendert.
2. Genereer het per pagina met de echte waarden van die pagina, niet één keer met een sjabloon voor de hele site.
3. Controleer het in de paginabron, niet in de inspector. De inspector toont de opgebouwde pagina; de bron toont wat Google krijgt.

De vier types waar je mee begint

Verkoop je iets, dan komt Product erbij; zie e-commerce schema. Meer dan dit heb je niet nodig, en meer toevoegen levert niets extra’s op.

De vijf fouten die het vaakst gemaakt worden

• Een datum die niet klopt met de pagina. Als datePublished vandaag zegt en er staat een jaar oude datum op de pagina, is dat een tegenstrijdig signaal.
• Een auteur die geen persoon is. author met de naam van je website erin voegt niets toe. Zet er een mens neer, of laat het veld weg.
• Twee Organization-blokken. Eén op je homepage is genoeg. Op elke pagina hetzelfde bedrijfsblok herhalen levert geen extra signaal.
• Aanhalingstekens die de JSON breken. Eén apostrof in een titel en het hele blok wordt genegeerd, zonder melding. Escape je waarden.
• Schema dat iets beweert wat er niet staat. Een beoordeling markeren die nergens zichtbaar is, is precies waar Google op handhaaft.

Controleer altijd met de Rich Results Test. Groen daar betekent niet dat je een rijk resultaat krijgt, maar rood betekent zeker van niet. Waarom dat onderscheid ertoe doet staat in structured data is geen rankingknop.