Microdata is een vorm van ingesloten semantische metadata die elementen aan je webinhoud toevoegt om zoekmachines te helpen meer nauwkeurige resultaten te leveren. Hier is hoe je het kunt gebruiken in HTML5.

1. Itemscope en Itemtype attributen: Het allereerste wat je moet doen is de ‘itemscope’- en ‘itemtype’-attributen toevoegen aan de HTML-tag die de set van gegevens omsluit die je wilt opmaken. Het ‘itemscope’-attribuut creëert het Item Scope en het ‘itemtype’-attribuut bepaalt het type van het Item.

Bijvoorbeeld: \`\`\`html

…

\`\`\` 1. Itemprop attribuut: Vervolgens wil je de ‘itemprop’-attributen toevoegen aan de tags die de eigenlijke data-items bevatten. Het ‘itemprop’-attribuut geeft aan dat de inhoud van het betreffende HTML-element de waarde van de gespecificeerde eigenschapssleutel is. Bijvoorbeeld: \`\`\`html

Moby-Dick

Herman Melville Harper 1851

\`\`\` In bovenstaand voorbeeld, “http://schema.org/Book” is de URL van het type inhoud (dat wil zeggen, Boek), dat de context voor de functie daarbinnen definieert. De ‘name’, ‘image’, ‘author’, etc. zijn de eigenschapssleutels en wat er tussen de tags staat zijn de waarden.

1. Genest items: Je kunt ook microdata opmaken binnen een item. Dit heet “Genest items”. Het enige wat je hoeft te doen is een nieuw itemscope binnen het bovenliggende itemscope toevoegen.

Bijvoorbeeld: \`\`\`html

Moby-Dick

Herman Melville

\`\`\`

1. Linken van items: Je kunt ook een link maken naar een type met behulp van het itemref-attribuut.

Bijvoorbeeld: \`\`\`html

Name: Amanda

The Book of Amanda

Written by: Amanda

\`\`\`

Met deze technieken kun je microdata gebruiken in HTML5 om je webinhoud te verrijken. Dit zal zoekmachines helpen bij het analyseren van je webpagina en zal resulteren in betere SEO-resultaten.

Hoe gebruik ik microdata-opmaak in HTML5?

Moby-Dick

Moby-Dick