Boost je Drupal SEO m.b.v. schema.org

29 May 2015

Wij implementeerde onlangs schema.org tags voor meerdere Drupal sites. De SEO boost die dit gaf is een blog post waard.

Wat is schema.org

Schema.org is een samenwerking van Google, Yahoo! en Bing om de manier waarop data gestructureerd wordt binnen web pagina’s te standaardiseren. Door gebruik te maken van deze standaarden ‘snappen’ deze zoekmachines de inhoud van je web pagina beter. Wat een behoorlijke SEO boost geeft.

De schema.org bibliotheek bevat onder andere beschrijvende tags voor content als films, personen, organisaties, events, locaties, etc. Het doel van de zoekmachine is om zoekresultaten meer helder te maken, waardoor mensen makkelijker de juiste web pagina’s kunnen vinden.

Installatie schema.org in Drupal

Er staan verschillende tutorials online over installatie hiervan in een bestaande Drupal website:

 

 

Op maat inbouwen van schema.org in Drupal

Voor sommige pagina's vooral met wat complexere data is het raadzaam om de schema.org implementatie via de node templates (.tpl files) te doen. Een andere reden zou kunnen zijn omdat je het niet wilt configureren of liever zelf alles in de hand hebt.

Voorbeelden

Voor de implementatie van schema.org in een template kan je gebruik maken van de voorbeelden op de site zelf. Als eenvoudig voorbeeld nemen we een recept: https://schema.org/Recipe
Op schema.org staan de verschillende properties (eigenschappen) die geaccepteerd zijn binnen een recept. Deze items staan netjes in tabellen onder elkaar. Naast de naamgeving van een eigenschap staat het verwachtte type zoals bijv. duration.

Formaat en eigenschappen

Voor sommige van deze eigenschappen is een bepaald formaat benodigd. Deze staat dan vermeld op de detailpagina van het type en soms in de omschrijving.

Naast het verwachtte type staat een duidelijke omschrijving van de eigenschap. Niet alle items zijn bijvoorbeeld direct afkomstig van een recept maar van de parent daar van. De volledige tree met daarin alle types en children daarvan vind je op de index https://schema.org/docs/full.html

Implementatie in Drupal theme van schema.org

Op het moment dat alle benodigde eigenschappen bekend zijn kan je deze gaan toevoegen aan je inhoudstype. Deze velden kunnen vervolgens d.m.v. preprocessing of theming omgezet worden in het verwachtte type. Hiervoor kan je direct gebruik maken van volgende hooks:

  1. theme_field, met deze hook kan je de html output van een veld bepalen.
  2. template_preprocess_field, met deze hook kan je de inhoud, eigenschappen en theme suggestions van een veld beinvloeden.
  3. template_process_field, zie omschrijving (2)

Verder kan je de velden nog beinvloeden met templates zie: field.tpl.php

De opmaak van deze velden is ook belangrijk. Op de site van schema.org wordt per type vaak een voorbeeld gegeven. Er zijn vier verschillende mogelijkheden:

  1. Zonder markup, hierbij loop je het risico dat de data niet goed wordt herkend.
  2. Microdata http://en.wikipedia.org/wiki/Microdata_%28HTML%29
  3. RDFa http://en.wikipedia.org/wiki/RDFa 
  4. JSON-LD http://nl.wikipedia.org/wiki/JSON-LD

Hoewel je elk van deze typen kunt gebruiken of combineren is het raadzaam om gebruik te maken van RDFA of JSON-LD. Microdata is slechts een "W3C Group Note" en hier wordt verder niet meer mee gedaan door W3C. Voor een goed overzicht raad ik aan om even te kijken naar http://stackoverflow.com/questions/8957902/microdata-vs-rdfa/25888436#25... en http://www.seoskeptic.com/json-ld-google-knowledge-graph-schema-org-seo/

Mocht je kiezen voor JSON-LD dan kan je het beste gebruik maken van drupal_add_html_head om de script tag met het type "application/ld+json" er in te krijgen.

 

Bron afbeelding

Comments

Nóg meer
kennis nodig?

Check ons ons blog archief >