Rich Snippet Breadcrumbs for Craft CMS - Twig

{# Breadcrumb snippet for improved view @ google#} {# For "offscreen"-reference/layout independent, disabled <div style="position:absolute;width:0;height:0;max-width:0;max-height:0;overflow:hidden"> #} <ul class="breadcrumbs" vocab="http://schema.org/" typeof="BreadcrumbList"> {# The first item should be your home #} <li property="itemListElement" typeof="ListItem"> <a href="{{ siteUrl }}" property="item" typeof="WebPage"> <span property="name" class="hidden">{{ siteName }}</span> </a> <meta property="position" content="1"> </li> {# Check if the current page has parents #} {% set crumbs = entry.ancestors|default([]) %} {% if crumbs|length %}{% for crumb in crumbs %} <li property="itemListElement" typeof="ListItem"> <a href="{{ crumb.url }}" property="item" typeof="WebPage"> <span property="name">{{ crumb.title }}</span> </a> <meta property="position" content="{% set lastLevel = (crumb.level + 1) %}{{ (crumb.level + 1) }}"> </li> {% endfor %}{% endif %} {# Display the current page #} {% if entry is defined %} <li property="itemListElement" typeof="ListItem"> <a href="{{ entry.url }}" property="item" typeof="WebPage"> <span property="name">{{ entry.title ) }}</span> </a> <meta property="position" content="{{ (lastLevel + 1) }}"> </li> {% else %} {# ? #} {% endif %} </ul> {# Don't forget to close the "offscreen"-div if you've used ;) </div> #}