Tell me more ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.
up vote 2 down vote favorite
1

I am having problems implementing the breadcrumb rich snippets from schema.org. When I construct my breadcrumb using the documentation and run via Google Rich Snippet testing tool, the breadcrumb is identified but not shown in the preview. 

<!DOCTYPE html>
<html>
  <head>
    <title>My Test Page</title>
  </head>
  <body itemscope itemtype="http://schema.org/WebPage">     
      <strong>You are here: </strong>
      <div itemprop="breadcrumb">
        <a title="Home" href="/">Home</a> >
        <a title="Test Pages" href="/Test-Pages/">Test Pages</a> >
      </div>
  </body>
</html>

If I change to use the snippets from data-vocabulary.org, the rich snippets show correctly in the preview.

<!DOCTYPE html>
<html>
  <head>
    <title>My Test Page</title>
  </head>
  <body>
      <strong>You are here: </strong>
      <ol itemprop="breadcrumb">
        <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
          <a href="/" itemprop="url">
            <span itemprop="title">Home</span>
          </a>
        </li>
        <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
          <a href="/Test-Pages/" itemprop="url">
            <span itemprop="title">Test Pages</span>
          </a>
        </li>
      </ol>
  </body>
</html>

I want the breadcrumb to be shown in the search result rather than the url to the page.

Given that schema.org is the recommended way to be using rich snippets, I would rather use this, however as the breadcrumb is not showing in the preview of the search result using this method, i'm not convinced this is working correctly.

Am I doing something wrong in the markup for schema.org example?

share|improve this question
Google recommends using microdata format over others. Breadcrumbs they support microdata and RDFa support.google.com/webmasters/bin/… i'd use their recommended format if you want it to appear in search results. – Anagio Aug 1 '12 at 10:20

2 Answers

up vote 1 down vote

Using the microdata example from here http://support.google.com/webmasters/bin/answer.py?hl=en&answer=185417&topic=1088474&ctx=topic

I would modify your code to be

  <ol>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="/" itemprop="url">
        <span itemprop="title">Home</span>
      </a>
    </li>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="/Test-Pages/" itemprop="url">
        <span itemprop="title">Test Pages</span>
      </a>
    </li>
  </ol>

Tested this on http://www.google.com/webmasters/tools/richsnippets and it works

share|improve this answer
1  
OP has this as the working example in his question. – lnrbob Aug 1 '12 at 9:54
up vote 1 down vote

It seems to me that the issue is with the schema.org documentation itself. Here are some educating links:

I've ranked those as most helpful first, essentially they all link to each other eventually. The action on this is due at the end of this month but it looks like the result will be the same as in your second example.

It's a pity because the html ends up being more complicated than really it needs to be, but there we are.

Hope that helps!

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.