Gestructureerde gegevens en microdata 1


Behalve een optimaal geschreven inhoud, uitgebalanceerde meta tags en een goede url structuur zijn er nog heel wat andere aspecten van websites die je kunt optimaliseren.


Hoe krijg ik extra gegevens in zoekresultaten van Google?
Zie je wel eens sterren van waarderingen en recenties in zoekresultaten verschijnen?Bij recepten staan soms ingrediënten en een foto naast de zoekresultaten in Google en andere zoekmachines.
Evenementen zijn soms speciaal gemarkeerd, evenals vluchtgegevens en een veeltal andere details uit webpagina’s.

Deze rich snippets zijn tamelijk nieuw.
In mijn opinie is dit het beste gereedschap wat er de laatste jaren voorhanden is gekomen voor een goede SEO.


Wat zijn gestructureerde gegevens? *

Een extra manier om aan zoekmachines te vertellen waar je inhoud over handelt.
Interactieve elementen zoals recenties en waarderingen kunnen de zoekresultaten verrijken.

Open Graph aan je pagina’s toevoegen.

De Facebook social Graph animatie.

Deze animatie laat de verschillende verhoudingen zien tussen zogenaamde sociale objecten.

Sinds het Open Graph protocol hebbeb webmasters een mogelijkheid om website gegevens te integreren in de social graph van Facebook.

Voor een betere interactie met Facebook.

Éen van de eerste stukje code die je aan een website kunt toevoegen zijn er een paar tags in de head van je pagina voor Facebook en Twitter.

Bij een CMS zorg je ervoor dat deze gegevens per pagina automatisch worden ingevoegd.

Als iemand de pagina met vrienden uit het sociale netwerk deelt dan worden er automatisch gegevens over die link toegevoegd.
Dat zijn ondere de naam en omschrijving, afbeeldingen om te delen en de URL naar de bron,  je eigen webpagina.

Open Graph tags.

<meta property="og:title" content="De pagina titel." />
<meta property="og:type" content="product" />
<meta property="og:url" content="http://www.domeinnaam/paginanaam.html" />
<meta property="og:image" content="http://www.domeinnaam/fotonaam.jpg" />
<meta property="og:site_name" content="De website naam" />
<meta property="og:description" content="Een pakkende omschrijving." />

De toepassing van rich snippets. *

Met rich snippets heb je een extra mogelijkheid om zoekmachines te vertellen waar de pagina inhoud over gaat.
Onderaan deze pagina ziet u een voorbeeld van de code voor gestructureerde gegevens.
De resultaten in zoekmachines.
Met deze snippets kunnen meer details in de zoekresultaten verschijnen dan met alleen maar meta tags. Hieronder ziet u voorbeelden van een horecabedrijf, een recepten site en muziekgegevens. Inclusief gemiddelde waardering.

Gestructureerde gegevens zijn een belangrijk ingrediënt voor succes. *

De toepassing lijkt ingewikkeld, toch is het heel eenvoudig om zelf je gestructureerde data te markeren.

Je markeert gestructureerde data zodanig dat zoekmachines de inhoud kunnen begrijpen,  je hebt daarvoor 2 manieren.

Markeringen met een gereedschap van, en alleen zichtbaar in de zoekresultaten van Google.
Stukjes code die je rond de te markeren gegevens plaatst.

Voor welke websites zijn rich snippets geschikt? *

Zoekresulaten verbeteren met rich snippets voor gestructureerde gegevens.

Met een markering van gestructureerde gegevens kunnen zoekmachines meer details vertonen.

Voor restaurants kunnen gestructureerde gegevens een recensiescore en gemiddelde prijs weergeven.
De bedrijfsinformatie en type keuken, de gemiddelde prijs en het menu kunnen gemarkeerd worden.
Kijk op Schema.org voor de verschillende tags die je voor een horecabedrijf kunt gebruiken en de gegevens voor de voedsel industrie in het algemeen.
Evenementen in je horeca bedrijf. Een speciale gelegenheid?
Markeer de data wanneer een artiest komt of wanneer er feest zal zijn.

Gestructureerde markeringen voor de voedselbranche: *

Op een recepten website kan de totale bereidingstijd, een foto van het gerecht en opmerkingen weergeven.

Webwinkels kunnen de producten, beschikbaarheid en afbeeldingen markeren.
Productrecenties kunnen in zoekresultaten verschijnen.

Eevenementen markeren. *

Een evenement georganiseerd? 

Organisatoren van een evenement hebben baat bij het gebruik van gestructureerde evenement gegevens in de pagina code van een website.

De voorbeelden hierboven zijn slechts een klein gedeelte van het soort websites wat rich data markeringen gebruikt. Er is geen enkele site die geen baat heeft bij het gebruik van gestructureerde gegevens.

Hoe markeer ik mijn gegevens? *

De standaard manier van toepassing zijn stukjes script die je in de pagina bron plaatst.
Sommige CMS sjablonen hebben standaard al een paar rich snippets, meestal moeten er voor goede SEO functiesvan een CMS wat aanpassingen worden gemaakt.

Als je zelf de pagina’s schrijft met een WYSIWYG programma dan kun je de stukjes script gemakkelijk in de broncode plakken.

Twee manieren om gestructureerde gegevens toe te voegen. *

Markeer je rich data met de Google hulpprogramma's voor webmasters.

Het uitgeklapte menu met toegang tot het markeren van gestructureerde gegevens.

Manier 1. Opmaakhulp voor gestructureerde gegevens in de webmaster tools van Google. *

De gemakkelijkste manier om een, weliswaar beperkt, aantal elementen te markeren is het gereedschap wat Google daarvoor ter beschikking heeft in je webmaster tools.
Hier kun je de opmaakhulp vinden:

  1. Klik op de startpagina van Google Webmastertools op uiterlijk van site search.
  2. Klik op gegevens markeren.
  3. Kies het soort pagina wat je wilt markeren.
  4. Volg de handleiding, deze manier werkt alleen als de website een vaste structuur heeft.
    Bij de meeste standaard webshop scripts en CMS websites zul je er niet veel moeite mee hebben.

Na een paar dagen kun je bij gestructureerde gegevens een stijging zien in het aantal markeringen per soort.

Statistiek van het aantal gestructureerde data van een webwinkel.

Voorbeeld van een webwinkel met rich snippets. Te zien is een toename na het handmatig markeren.

Manier 2. Voeg gestructureerde gegevens toe aan je pagina bron. *

Markeringen voor xhtml en html5. *

Wat is je doctype?
Kies eerst een indeling waarmee je de gegevens wilt markeren, die is afhankelijk van je doctype declaration om te valideren als correcte html.
Voor de meeste types van webpagina opmaak is microdata aanbevolen, bijvoorbeeld voor HTML4 en HTML5.
XHTML (strict) ondersteunt geen microdata waardoor je bij het valideren een aantal foutmeldingen zult zien, hieronder staat de uitleg voor microdata in RDFa formaat voor gebruik in XHTML.

De beste manier voor HTML5 is microdata. *

Microdata maakt gebruik van eenvoudige kenmerken (vaak <span> of <div>) om korte en beschrijvende namen toe te wijzen aan items en eigenschappen
Elk informatietype beschrijft een specifiek soort item, zoals een persoon, een gebeurtenis of evenement of een recensie.

XHTML en RDFa gaan goed samen. *

Over het algemeen maakt RDFa gebruik van eenvoudige kenmerken in XHTML-tags (vaak<span> of <div>) om korte en beschrijvende namen toe te kennen aan entiteiten en eigenschappen.

Voor de validatie van een xhtml pagina kun je het beste RFDa markeringen en de volgende doctype gebruiken:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
Microformats. *
Rich snippets in zoekresultaten en email.

Met gestructureerde gegevens kunnen steeds meer items gemarkeerd worden.

Over het algemeen gebruiken microformats het kenmerk class in HTML-tags (vaak <span> of <div>) om korte en beschrijvende namen toe te wijzen aan entiteiten en hun eigenschappen.

Hulp voor het structureren van data. *

Kies voor een webshop of het markeren van een evenement de markeringsindeling voor gestructureerde gegevens in microdata, microformats of RDFa.

Google begrijpt de markeringen voor de volgende soorten web inhoud:

  • Recensies
    Wanneer recensiegegevens zijn gemarkeerd in de hoofdtekst van een webpagina, kan Google deze identificeren en gebruiken om de informatie op uw pagina’s beter te begrijpen en te presenteren.
  • Personen en contactgegevens
    Het markeren van contactgegevens en informatie uit sociale netwerken in de hoofdtekst van een webpagina zorgt ervoor dat Google uw informatie beter kan herkennen en kan presenteren in de zoekresultaten.
  • Producten
    Als u verkoper bent, kunt u Google voorzien van gedetailleerde productgegevens die we kunnen gebruiken om rich snippets (bijvoorbeeld prijs, beschikbaarheid en recensiebeoordelingen) weer te geven op onze zoekresultatenpagina’s.
  • Bedrijven en organisaties
    Voor uw organisatie kunnen eigenschappen worden opgegeven zoals naam, adres, het website adres en het telefoon nummer. U kunt kiezen om microdata, microformats of RDFa  te gebruiken om deze gegevens te labelen.
  • Recepten
    Wanneer uw receptgegevens zijn gemarkeerd kan Google die gedetailleerde gegevens gebruiken om rich snippets op te nemen in de recepten resultaten. Deze markering helpt ook voor opname in Google Recipe View.
  • Evenementen
    Gedetailleerde informatie met betrekking tot een evenement, de titel, datum en de evenement locatie kan gebruikers laten beslissen op welke pagina te klikken in zoekresultaten.
  • Muziek
    Wanneer gebruikers zoeken naar albums of nummers, kunnen we deze informatie gebruiken om links naar die nummers of voorbeelden in uw zoekresultaatfragment weer te geven.
  • Video-inhoud
    Video-informatie die is gemarkeerd in de hoofdtekst van een pagina kan worden herkend en verbetert  de zoekresultaten van Google.
  • Met Facebook Share– en Yahoo! SearchMonkey RDFa-markeringen kunt u video’s markeren in de HTML.

Op Schema.org kunt u alle beschikbare rich snippets bekijken.
Een voorbeeld zijn de snippets voor restaurants.

Rich snippet markeringen per bedrijfstak. *

Resultaat van gemarkeerde inhoud.

Voorbeeld van gegevens die door Google uit markeringen worden gehaald.

Hoe kan ik gestructureerde gegevens markeren? *

Hieronder ziet u als voorbeeld de markeringen voor een restaurant.
 Eerst de standaard html van de pagina met daaronder dezelfde inhoud met markeringen.
 De originele inhoud.
 <p>Lekker eten bij mamma<br />
 4 sterren – gebaseerd op 250 reviews<br />
 1234 AB<br />
 Amsterdam, NH<br />
 (020) 1234567<br />
 <a href="http://www.etenbijmamma.com" title="Eten bij Mamma">etenbijmamma.com</a><br />
 Openingstijden:<br /> Maandag-Zaterdag 11am – 2:30pm<br /> Maandag-Donderdag 5pm – 9:30pm<br />
 Vrijdag-Zaterdag 5pm – 10pm<br />
 Categoriën: Hollandse pot, Vis<br /> Prijsklasse: €€<br /> Mogelijkheid tot reserveren: Ja</p>
 Gemarkeerde inhoud.
 <div itemscope itemtype="http://schema.org/Restaurant">
 <span itemprop="name">Lekker eten bij mamma</span>
 <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
 <span itemprop="ratingValue">4</span>sterren - gebaseerd op
 <span itemprop="ratingCount">250</span> reviews
 </div>
 <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
 <span itemprop="streetAddress">Dorpstraat 1</span>
 <span itemprop="addressLocality">Amsterdam</span>,
 <span itemprop="addressRegion">NH</span> <span itemprop="postalCode">1234 AB</span>
 </div>
 <span itemprop="telephone">(020) 1234567</span>
 <a itemprop="url" href="<a href="http://www.etenbijmamma.com">www.etenbijmamma.com</a>
 Openingstijden:
 <meta itemprop="openingHours" content="Maandag-Zaterdag 11am - 2:30pm">Maandag-Zaterdag 11am - 2:30pm
 <meta itemprop="openingHours" content="Maandag-Donderdag 5pm - 9:30pm">Maandag-Donderdag 5pm - 9:30pm
 <meta itemprop="openingHours" content="Vrijdag-Zaterdag 5pm - 10pm">Vrijdag-Zaterdag 5pm - 10pm
 Categoriën:
 <span itemprop="servesCuisine">Hollandse pot</span>,
 <span itemprop="servesCuisine">Vis</span>
 Prijsklasse: <span itemprop="priceRange">€€</span>
 Mogelijkheid tot reserveren: Ja
 </div>

Dublin core. *

Een aantal standaarden voor het resource desription framework RDF.
Deze standaard is bedacht op de eerste bijeenkomst van metadata- en webspecialisten in het dorpje Dublin in Ohio (Verenigde Staten).
Dublin core is bedoeld voor metadata in Extended Markup Language, XML.
De eerste markup is bedoeld voor plaatsing in de HEAD van je pagina.

Belangrijk: Deze markeringen veroorzaken validatie fouten als je HTML5 gebruikt.
DC basis elementen.
Title (titel) – Creator (maker) – Subject (onderwerp) – Description (beschrijving) – Publisher (uitgever) – Contributor (medewerker) – Date (datum) – Type – Format (formaat) – Identifier – Source (bron) – Language (taal) – Relation (relatie) – Coverage – Rights (rechten).

Dublin Core voorbeeld (HEAD).

<link href="http://purl.org/dc/elements/1.1/" rel="schema.DC" />
<meta name="DC.title" content="Titel van de webpagina" />
<meta name="DC.description" content="Korte beschrijving van de inhoud" />
<meta name="DC.date" content="2011-05-18" />
<meta name="DC.format" content="text/html" />
<meta name="DC.creator" content="Naam 1" />
<meta name="DC.creator" content="Naam 2" />
<meta name="DC.language" content="nl" />
<meta name="DC.publisher" content="Uitgevende instantie" />

Dublin Core voorbeeld (BODY)

<div itemscope itemtype="http://schema.org/Person">
<dl><dt>Titel:</dt><dd>SEO zoekmachine optimalisatie</dd>
<dt>Adres:</dt><dd><a href="https://paellaman.com/">paellaman.com</a></dd>
<dt>Omschrijving:</dt><dd>Zoekmachine optimalisatie, tools en handleidingen voor SEO.</dd>
<dt>Trefwoorden:</dt><dd>seo, zoekmachine, optimalisatie, webmaster, paellaman</dd>
<dt>Taal:</dt><dd>nl</dd>
<dt>Auteur:</dt><dd><a href="https://paellaman.com/author/Paellaman/"><span itemprop="name">Paellaman</span></a><img src="paellaman.jpg" itemprop="image" alt="Paellaman, Kees Van Der Veen." title="Paellaman, Kees Van Der Veen." height="22" width="24" /></dd>
<dt>Geschreven door:</dt><dd><a href="https://plus.google.com/117035540609024141089/">Kees van der Veen</a></dd>
<dt>Editor:</dt><dd><a href="https://paellaman.com/seo-website-optimalisatie-contact/"><span itemprop="jobTitle">Webmaster</span> contactpagina</a></dd></dl>
</div>

Hoe weet ik of de markeringen goed zijn? *

  1. Test de gestructureerde gegevens met het rich snippets testgereedschap van Google.
  2. Controleer of je geen fouten in de pagina syntax hebt met de validator van W3.org.

Een gedachte over “Gestructureerde gegevens en microdata

  • Paellaman Bericht auteur

    Heeft u vragen of hulp nodig met betrekking tot dit thema? Gebruik de contactpagina om een bericht te sturen.
    Aanvullingen op deze inhoud kunt u hier plaatsen, de opmerkingen verschijnen pas na mijn revisie.

Reacties kunnen niet achtergelaten worden op dit moment.