Microdata Encoded Breadcrumbs

1,613 Posts

fourroses666 Reply #1, 12 years, 2 months ago

I would like to use breadcrumbs to my site, but it needs to be SEO proof.

Is there a Microdata Encoded Breadcrumbs snippet?

Source: http://www.brandbuilderwebsites.com/blog/2013/07/03/breadcrumbs-improve-seo/

<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="url1"><span itemprop="title">Home</span></a> > </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="url2"><span itemprop="title">title2</span></a> > </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="url3"><span itemprop="title">title3</span></a> > </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="url4"><span itemprop="title">title4</span></a></span>

This question has been answered by fourroses666. See the first response.

Evolution user, I like the back-end speed and simplicity

discuss.answer

1,613 Posts

fourroses666 Reply #2, 12 years, 2 months ago

Oké, it's a pritty simple task:

Snipper Breadcrumbs change the lines 35-53 to:

$templates = array(
    'defaultString' => array(
        'crumb' => '[+crumb+]',
        'separator' => ' '.$separator.' ',
        'crumbContainer' => '<span class="[+crumbBoxClass+]" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">[+crumbs+]</span>',
        'lastCrumbWrapper' => '<span class="[+lastCrumbClass+]" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">[+lastCrumbSpanA+]</span></span>',
        'firstCrumbWrapper' => '<span class="[+firstCrumbClass+]" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">[+firstCrumbSpanA+]</span></span>'
    ),
    'defaultList' => array(
        'crumb' => '<li>[+crumb+]</li>',
        'separator' => '',
        'crumbContainer' => '<ul class="[+crumbBoxClass+]">[+crumbs+]</ul>',
        'lastCrumbWrapper' => '<span class="[+lastCrumbClass+]" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">[+lastCrumbSpanA+]</span></span>',
        'firstCrumbWrapper' => '<span class="[+firstCrumbClass+]" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">[+firstCrumbSpanA+]</span></span>'
    ),
);

Evolution user, I like the back-end speed and simplicity

MODX Staff
2,502 Posts

Jay Gilmore Reply #3, 12 years, 2 months ago

If you want to accomplish this without modifying the Snippet, you may also wish to check out QuickCrumbs which was designed to accept templating for the crumb levels. We're using it on modx.com (where we have crumbs showing).

Author of zero books. Formerly of many strange things. Pairs well with meats. Conversations are magical experiences. He's dangerous around code but a markup magician. Blog ✦ Twitter ✦ LinkedIn ✦ GitHub

1,613 Posts

fourroses666 Reply #4, 12 years, 2 months ago

I need it for Evo!

Already added it to "issues" on Evo's github !

Evolution user, I like the back-end speed and simplicity

1,613 Posts

fourroses666 Reply #5, 12 years, 2 months ago

ps. this one is editable

http://modx.com/extras/package/breadcrumbs-evo

Evolution user, I like the back-end speed and simplicity

MODX Staff
2,502 Posts

Jay Gilmore Reply #6, 12 years, 2 months ago

Bah. Sorry I didn't notice what product we were in. I really do need to fix this issue.

Author of zero books. Formerly of many strange things. Pairs well with meats. Conversations are magical experiences. He's dangerous around code but a markup magician. Blog ✦ Twitter ✦ LinkedIn ✦ GitHub

Answered Microdata Encoded Breadcrumbs