Breadcrumbs toevoegen aan theme van WooThemes

Je hebt een theme van WooThemes en je wilt een breadcrumbs toevoegen aan je website. Je wilt dat op alle pagina’s van je website een broodkruimel spoor wordt weergegeven. Broodkruimel spoor is een simpelere naam voor de breadcrumbs, Google noemt het rich snippets.

Je kan dit op verschillende manieren toepassen bij themes. Je kan gebruik maken van standaard plugins of je kan het zelf toevoegen aan de codes. In dit bericht ga ik me specifiek richten op de themes van WooThemes. Deze website is ook gemaakt met een theme van WooThemes. Je kan dit bij dit theme automatisch toevoegen.

Stappenplan Breadcrumbs WooThemes

Je gaat naar Shelflife --> General Settings --> Display Breadcrumbs
Vink dan het vinkje aan bij Display Breadcrumbs.

Je hebt nu de standaard Breadcrumbs van WooThemes toegevoegd aan je website. Deze wordt n op alle websites weergegeven boven aan je pagina.

 

Breadcrumbs toevoegen Yoast WordPress SEO

Als je de plugin van Yoast hebt geinstalleerd kan je ook de breadcrumbs van Yoast toevoegen aan je website. Dit is iets ingewikkelder dan het toevoegen van de standaard broodkruimels van WooThemes.

Stappenplan:

1. Je gaat naar de instellingen van de Yoast plugin.
2. Ga naar het kopje “interne links”
3. Vinkt het vakje aan bij: Gebruik Kruimelpad
4. Je kopieert onderstaande code die je vindt bij “interne links”.

<?php if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('<p id="breadcrumbs">','</p>');
} ?>

Deze code moet je nu op alle pagina’s gaan plaatsen. Bij het theme Shelflife in dit voorbeeld zijn dat al veertien (14) pagina’s. Hieronder vind je een overzicht op welke pagina’s je de code moet plaatsen.
404 Template – (404.php)
Archief – (archive.php)
Paginatemplate – (page.php)
Zoekresultaten – (search.php)
Enkelvoudig bericht – (single.php)
Archives Page Paginatemplate – (template-archives.php)
Blog Paginatemplate – (template-blog.php)
Contact Form Paginatemplate – (template-contact.php)
Full Width Paginatemplate – (template-fullwidth.php)
Image Gallery Paginatemplate – (template-imagegallery.php)
Sale Paginatemplate – (template-sale.php)
Sitemap Paginatemplate – (template-sitemap.php)
Tags Paginatemplate – (template-tags.php)
Timeline Paginatemplate – (template-timeline.php)

In elke pagina zoek je naar “breadcrumbs”. Je kan dit doen door gebruik te maken van ctrl + F en dan zoeken op breadcrumbs. Je zit dan deze code:

<?php if ( isset( $woo_options['woo_breadcrumbs_show'] ) && $woo_options['woo_breadcrumbs_show'] == 'true' ) { ?>
<section id="breadcrumbs">
<?php woo_breadcrumbs(); ?>
</section><!--/#breadcrumbs -->
<?php } ?>

Dit is de standaard code van WooThemes waarmee de broodkruimels worden gemaakt. Je plaatst de code van Yoast hierboven. In de afbeelding hieronder zie je waar je de precies moet plaatsen. In dit voorbeeld wordt de pagina single.php gebruikt. De pagina single.php is de pagina van een enkel blog bericht. Waar je de code onder moet plaatsen is blauw gemaakt.

Als je goed kijkt zie je dat je de code onder <section id=”main” class=”col-left”> moet plaatsen. Dit moet je bij alle pagina’s doen.

Is het gelukt?

Je website heeft nu een mooie structuur wat het voor de bezoeker makkelijker maakt om te navigeren in je website. Daarnaast maak je het voor Google ook makkelijker als je theme gebruik maakt van de breadcrumbs. Is het gelukt of loop je ergens tegen aan? Laat dan hieronder een berichtje achter. Succes!