Schema markup generator — gratis JSON-LD voor Product & FAQ

Kort antwoord: kies een schema-type, vul de velden in en kopieer de geldige JSON-LD die je direct in je thema kunt plakken. Product, FAQPage, BreadcrumbList, LocalBusiness en Article worden ondersteund. Alles draait in je browser — er wordt niets naar een server verzonden.

Wat dit genereert

Geldige JSON-LD, het formaat dat Google aanbeveelt boven Microdata en RDFa. Elk type hieronder komt overeen met een rijk resultaat dat Google daadwerkelijk ondersteunt.

De regel die bepaalt of markup helpt of schaadt

Markeer wat een bezoeker kan zien. Deze ene regel dekt bijna elke handmatige actie voor gestructureerde data: FAQ-markup voor vragen die niet op de pagina staan, reviewsterren voor beoordelingen die op een andere site staan, een schema-prijs die niet overeenkomt met de zichtbare prijs. De richtlijnen van Google wijzen hier expliciet op, en het is de ene foutmodus die een gemiste rijke resultaat verandert in een straf.

Ongeldige markup daarentegen wordt simpelweg genegeerd. Die asymmetrie is de moeite waard om te internaliseren — verkeerd zijn over de syntax kost je een kans, oneerlijk zijn over de inhoud kost je reputatie.

Shopify-specifiek

Shopify-thema's bevatten al enige gestructureerde data, maar dit is meestal gedeeltelijk. Dawn genereert een Productblok met naam, afbeelding en aanbiedingen, maar zonder sku, brand en aggregateRating. Het toevoegen van een tweede, vollediger Productblok op dezelfde pagina is geen conflict — Google voegt blokken met hetzelfde @type samen — maar twee blokken die verschillende prijzen aangeven, vormen precies de hierboven beschreven tegenstrijdigheid.

Controleer wat je thema al genereert voordat je iets toevoegt:

1. Open een productpagina en bekijk de broncode.
2. Zoek naar application/ld+json.
3. Lees de @type waarden die je vindt.

Voeg vervolgens alleen toe wat ontbreekt. Shopify schema markup legt de betrokken themabestanden uit, en schema toevoegen aan Shopify zonder app behandelt hoe je dit handmatig kunt doen.

@graph, en wanneer te gebruiken

Zodra een pagina drie of vier typen bevat, is een enkele @graph array gemakkelijker te onderhouden dan vier afzonderlijke script-tags, en het stelt de typen in staat om naar elkaar te verwijzen:

{
  "@context": "https://schema.org",
  "@graph": [
    { "@type": "Organization", "@id": "https://example.com/#org", "name": "Ember & Oak" },
    { "@type": "Product", "brand": { "@id": "https://example.com/#org" } }
  ]
}

De @id referentie betekent dat het merk één keer wordt gedeclareerd en erop wordt gewezen, in plaats van herhaald met iets verschillende waarden bij elk product — wat de manier is waarop prijs en merk uit elkaar kunnen gaan bij enkele honderden producten.

Valideer voor en na

De Rich Results Test beantwoordt de vraag "voor welk rich result komt dit in aanmerking", de Schema Markup Validator beantwoordt "is dit geldige schema.org", en de verbeteringsrapporten van Search Console beantwoorden "wat heeft Google daadwerkelijk op mijn live pagina's geparseerd". Je hebt alle drie nodig: de eerste twee testen een fragment, alleen de derde test je site.

RankEngine schrijft automatisch Product-, FAQ-, Breadcrumb-, Organization- en LocalBusiness-blokken in een Shopify-winkel en leest vervolgens de live pagina opnieuw om te bevestigen dat ze zijn geplaatst — zie Shopify schema markup voor hoe die verificatiestap werkt.