4

From here, we have an example of a rich snippet breadcrumb implementation:

<body itemscope itemtype="http://schema.org/WebPage">
...
<div itemprop="breadcrumb">
  <a href="category/books.html">Books</a> >
  <a href="category/books-literature.html">Literature & Fiction</a> >
  <a href="category/books-classics">Classics</a>
</div>

The breadcrumbs are grouped under a div. Unfortunately, a page does not necessarily group its a links in one place.

Can one spread rich snippet markup like this?

<body itemscope itemtype="http://schema.org/WebPage">
...
<p>
  Bla bla bla some text <a itemprop="breadcrumb" href="category/books.html">Books</a> > bla bla bla. 
  Bla bla ble more text <a itemprop="breadcrumb" href="category/books-literature.html">Literature & Fiction</a> > bla bla bla.
  Some more text about more topics bla bla bla <a itemprop="breadcrumb" href="category/books-classics">Classics</a> bla bla bla. 
</p>

Or will the following work too (i.e., the itemprop is inherited by all a links like css)?

<p itemprop="breadcrumb">
  Bla bla bla some text <a href="category/books.html">Books</a> > bla bla bla. 
  Bla bla ble more text <a href="category/books-literature.html">Literature & Fiction</a> > bla bla bla.
  Some more text about more topics bla bla bla <a href="category/books-classics">Classics</a> bla bla bla. 
</p>

If breadcrumb links are spread all over a page, what is the right way to set the rich snippet markup for these?

  • 2
    Surely it wouldn't really be breadcrumb navigation if they were spread out that much? – DisgruntledGoat Jun 20 '13 at 11:30
4

Yes, markup can be spread all over the page. In fact, you can try it out with Google's own Structured Data Markup Helper, which will allow you to highlight items on a page and see suggested marked-up HTML.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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