Board Optimization - [SEO] Add Microdata Breadcrumbs

Hello.
Before you find out what this mod does, you need to have some knowledge of Microdata.

Now its time to take advantage of this wonderful feature; and we will label our breadcrumbs to describe it's type to Google for better understanding and to presenting your site better in Google search result.

In order add microdata tags in our breadcrumb here is what we need to do:

(please take backup of your template before performing following steps)

Step 1:

Find and Replace everything in navbar_link template with the following code:

<vb:if condition="$show['breadcrumb']">
<div itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
    <li class="navbit"><a href="{vb:raw nav_url}" itemprop="url"><span itemprop="title">{vb:raw nav_title}</span></a></li>
</div>
<vb:else />
<div itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
    <li class="navbit lastnavbit"><span><span itemprop="title">{vb:raw nav_title}</span></span></li>
</div>
</vb:if>

Step 2:

Hit Save button !!

And That's it you are done. Now you just have to wait until Google show your website in search result like this:


Also check following articles for better understanding:

http://support.google.com/webmasters...8472&ctx=topic
http://support.google.com/webmasters...8472&ctx=topic
http://support.google.com/webmasters...8472&ctx=topic


Thank You

[smirkley]

Giving it a try,..will check back

[smirkley]

Well it seems to be propagating on my serps.

I noticed it hasnt yet for threads or profiles yet.
Google reports for threads: Warning: Itemtype not recognized.

I havent determined if this hasnt returned any visitor results improvements yet.

But I like how it looks so far.

[smirkley]

Bump,... so this works for threads? or am I not seeing it right.

[autoescala]

its easy , replace this:

<vb:if condition="$show['breadcrumb']">
	<li class="navbit"><a href="{vb:raw nav_url}">{vb:raw nav_title}</a></li>
<vb:else />
	<li class="navbit lastnavbit"><span>{vb:raw nav_title}</span></li>
</vb:if>

by

<vb:if condition="$show['breadcrumb']">
<div itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
    <li class="navbit"><a href="{vb:raw nav_url}" itemprop="url"><span itemprop="title">{vb:raw nav_title}</span></a></li>
</div>
<vb:else />
<div itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
    <li class="navbit lastnavbit"><span><span itemprop="title">{vb:raw nav_title}</span></span></li>
</div>
</vb:if>

[smirkley]

Originally Posted by autoescala

its easy , replace this:

<vb:if condition="$show['breadcrumb']">
	<li class="navbit"><a href="{vb:raw nav_url}">{vb:raw nav_title}</a></li>
<vb:else />
	<li class="navbit lastnavbit"><span>{vb:raw nav_title}</span></li>
</vb:if>

by

<vb:if condition="$show['breadcrumb']">
<div itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
    <li class="navbit"><a href="{vb:raw nav_url}" itemprop="url"><span itemprop="title">{vb:raw nav_title}</span></a></li>
</div>
<vb:else />
<div itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
    <li class="navbit lastnavbit"><span><span itemprop="title">{vb:raw nav_title}</span></span></li>
</div>
</vb:if>

I know, I got that part of the mod.

I have had this installed for weeks but it doesnt seem to be applying to threads.

And after testing a thread link with this tool...
http://www.google.com/webmasters/tools/richsnippets

I get this as a result,...

Warning: Itemtype not recognized.

I would expect a result like this,..

Website > Catagory > Threadname


So what am I not understanding?

[Rodrigo.]

Great very nice !!

[zero477]

Thanks!! magnific!!

[ramesh_umk3]

Originally Posted by smirkley

I know, I got that part of the mod.

I have had this installed for weeks but it doesnt seem to be applying to threads.

And after testing a thread link with this tool...
http://www.google.com/webmasters/tools/richsnippets

I get this as a result,...




I would expect a result like this,..

Website > Catagory > Threadname


So what am I not understanding?

Use span tag rather than DIV , and you should arrange categories in the code how you like to mention
Example

[smirkley]

Originally Posted by ramesh_umk3

Use span tag rather than DIV , and you should arrange categories in the code how you like to mention
Example

You mean like this?...

<vb:if condition="$show['breadcrumb']">
<span itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
    <li class="navbit"><a href="{vb:raw nav_url}" itemprop="url"><span itemprop="title">{vb:raw nav_title}</span></a></li>
</span>
<vb:else />
<span itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
    <li class="navbit lastnavbit"><span><span itemprop="title">{vb:raw nav_title}</span></span></li>
</span>
</vb:if>

[ramesh_umk3]

Originally Posted by smirkley

You mean like this?...

<vb:if condition="$show['breadcrumb']">
<span itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
    <li class="navbit"><a href="{vb:raw nav_url}" itemprop="url"><span itemprop="title">{vb:raw nav_title}</span></a></li>
</span>
<vb:else />
<span itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
    <li class="navbit lastnavbit"><span><span itemprop="title">{vb:raw nav_title}</span></span></li>
</span>
</vb:if>

Exactly it should be better now