XF 1.0 HTML 5 Microdata in Breadcrumb

This is just a quickie really, but I noticed today that Google has finally started to make use of the HTML 5 Microdata embedded in the XenForo breadcrumb.

This means that it is now possible to click through to the forums that contain the page that matched your search, directly from the search results page. :cool:



Ryan Kent

Well-known member
To be honest I think this falls to something that's one of the strengths of XF...it's very easy to modify your templates and remove it from where you don't want it.

I agree but that's because I have the ability to learn code. Many do not.

Microsoft became the most dominate software provider in the world through the creation of Windows. Why? Windows allowed non-programmers to be able to effectively use computers.

Right now a non-technical person cannot set up or make changes in XF, nor any forum software that I am aware of. What is a company made "windows for forums". What I mean is...a forum suite that allowed administrators to make all the changes they desire without ever touching a line of code?

This breadcrumb discussion is a bridge into that thinking. If you tell an admin "oh, you don't care for the breadcrumbs? Uncheck the breadcrumb box" then it's no problem at all. If instead you say "oh, well figure out the id of the node, find the code template, then copy/paste this code in, and adjust as needed....oh and again after every forum update", there are a great many people who will shake their head and say "no way, it is beyond my skills".


Active member
just a comment (ontopic) to say that google computes breadcrumbs "as if" there was microdata for many sites with a semi meaningful breadcrumb in the layout (a succession of href suffices), but only for sites with a good Pagerank ( above PR4 I'd say - obviously none knows exactly how their stuff works )
Seems to "recognize" menus, breadcrumbs and footer texte easily. Or maybe this is all outsourced to 3000 people in a hangar in India. Anyway, it works.


How to use / implement Microdata Breadcrumb on external custom page ?

I see this codes that I think generate the breadcrumb to search engines
<div class="boardTitle"><strong>XenForo Community</strong></div>
<span class="crumbs">
<span class="crust" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://xenforo.com/" class="crumb" rel="up" itemprop="url"><span itemprop="title">Home</span></a>
<span class="arrow"><span></span></span>
<span class="crust" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://xenforo.com/community/" class="crumb" rel="up" itemprop="url"><span itemprop="title">Forums</span></a>
<span class="arrow"><span>&gt;</span></span>
<span class="crust" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://xenforo.com/community/#official-forums.1" class="crumb" rel="up" itemprop="url"><span itemprop="title">Official Forums</span></a>
<span class="arrow"><span>&gt;</span></span>
<span class="crust" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://xenforo.com/community/forums/have-you-seen/" class="crumb" rel="up" itemprop="url"><span itemprop="title">Have You Seen...?</span></a>
<span class="arrow"><span>&gt;</span></span>

Can any body guide me on how to implement it correctly ?
Thank you soo much !