Microdata kruimelpad toevoegen aan Joomla

banner joomladagen

Microdata toevoegen aan je pagina's is een mooie manier om structuur aan je HTML mee te geven voor zoekmachines. Helaas is dit voor Joomla nog niet in alle onderdelen doorgevoerd. Met name in het kruimelpad zou het mooi zijn als dat wel zo zou zijn, aangezien je daarmee je site mooi positief kunt laten opvallen op de Google pagina's. Als je een kruimelpad hebt zonder microdata doet Google er niets mee, en staat er een URL bij je resultaat:

kruimelpad zonder microdata

NB: Sinds Joomla 3.4 is het kruimelpad netjes met microdata opgemaakt door Joomla zelf, dus zelf microdata toevoegen is niet meer nodig.

Laten we eens zien wat we hier aan kunnen doen. Er zijn meerdere manieren om de correcte syntax toe te voegen aan de kruimelpad module. Je kunt dit bijoorbeeld doen met een extensie, maar de kruimelpad module is relatief simpel, dus we kunnen het ook zelf bouwen.

Joomla Hosting tip: Siteground

Joomlaseo.com laadt in 0.5 - 1 seconden en heeft een Pingdom score van 100%!!! Daarom bevelen we Siteground hosting aan. Snelle servers, goede support, gratis SSL, etc. En niet duur...

 

Laten we eerst eens zien hoe de output van het Joomla kruimelpad er uitziet:

<ul class="breadcrumb">
<li><a href="/" class="pathway">Home</a></li>
<li><a href="/" class="pathway">Checklist</a></li>
<li><span>Microdata</span></li>
</ul>

Met microdata zou dat als volgt moeten worden:

<ul class="breadcrumb">
   <li><div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/" itemprop="url"><span itemprop="title">home</span></a> </div></li>
   <li><div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/joomlaseo/checklist" itemprop="url"> <span itemprop="title">Checklist</span> </a> › </div></li>
   <li><div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">Microdata</span></div></li></div>
</ul>

Het is iets meer code, maar het zou niet moeilijk moeten zijn om dit in een template override te plaatsen. Dit artikel geldt voor Joomla 3, maar zelfs voor Joomla 2.5 zal het niet veel anders zijn:

Eerst moeten we een override maken in onze template. Ga naar Extensies > Templatebeheer > Templates, en selecteer de huidige template. Maak dan een override voor de module mod_breadcrumbs. De override wordt aangemaakt in html\mod_breadcrumbs\default.php, en kun je in het Templatebeheer aanpassen. Vanaf ongeveer regel 53 ziet dit er als volgt uit:

echo '<a href="' . $item->link . '" class="pathway">' . $item->name . '</a>';

Verander dit in:

echo '<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="' . $item->link . '" class="pathway"><span itemprop="title">' . $item->name . '</span></a></div>';

Hiermee worden alle items in het kruimelpad aangepast, behalve de laatste, het huidige item. De laatste is geen link, dus heeft geen itemprop="url" nodig, maar wel een titel. Dit vind je rond regel 72:

echo '<span>' . $item->name . '</span>';

Verander dit in:

echo '<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">' . $item->name . '</span></div>';

Nu zou het kruimelpad met microdata verrijkt moeten zijn. Dit kun je echecken met de Webmaster rich snippets tool op www.google.com/webmasters/tools/richsnippets of in je eigen Webmaster tools account onder Uiterlijk van Site Search > Gestructureerde data.

Als het goed is wordt de URL in het kruimelpad na een paar dagen in Google wel goed getoond:

 kruimelpad met microdata in google

Je kunt deze override eventueel hier downloaden. Plaats hem in de html-folder van je template:

Download de kruimelpad microdata override (laatste update voor Joomla 3.2)

Let wel op dat je override blijft werken bij nieuwe Joomla updates.

Joomla Hosting tip: Siteground

Joomlaseo.com laadt in 0.5 - 1 seconden en heeft een Pingdom score van 100%!!! Daarom bevelen we Siteground hosting aan. Snelle servers, goede support, gratis SSL, etc. En niet duur...

 

Extensies voor kruimelpad microdata

Als je niet van programmeren houd zijn er natuurlijk altijd extensies die dit voor je kunnen doen. Een daarvan is Microdata Google Breadcrumbs, die de standaard kruimelpad module vervangt door vrijwel dezelfde, maar met microdata.

Als je al SH404SEF gebruikt kun je tegenwoordig een parameter gebruiken om microdata in JSON formaat toe te voegen (iets anders dan de code in het voorbeeld hierboven, maar net zo goed). Dit is een nieuwe optie, toegevoegd in versie 4.6.0 (Juli 2015):

google breadcrumbs

Over deze site

Joomlaseo.com is volledig gebouwd en geschreven door Simon Kloostra, SEO Specialist en Webdesigner uit Utrecht. Ik heb ook een boek geschreven en blogs voor bedrijven als OStraining, TemplateMonster, SEMrush en dergelijke.