: Breadcrumbs with , or ? Does it matter whether my microdata breadcrumb trail starts and ends with <div>, <span> or <li>? Consider <div> tag first: <div><span itemscope
Does it matter whether my microdata breadcrumb trail starts and ends with <div>, <span> or <li>? Consider <div> tag first:
<div><span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/dresses" itemprop="url">
<span itemprop="title">Dresses</span>
</a></span> »
</div>
And now what if I replace it with <li> or <span> tags? What difference it would make?
I saw this <li> in website's breadcrumbs and it displayed without showing bullet points.
UPDATE: Look what I just found:
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/" itemprop="url">
<span itemprop="title">Dresses</span>
</a>
</span> >>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<span a href="http://www.example.com/" itemprop="url"></span>
<span itemprop="title">Last Page**</span>
</a>
</span>
Normally last page is not displayed in search results unless it has URL propery. However I was able to make it display in a non-hyperlinked way in green. How is that looked upon by Google?
More posts by @Speyer207
2 Comments
Sorted by latest first Latest Oldest Best
For the Microdata, it does not matter if you use div, span or li.
Using this is invalid, of course (span can’t have the attributes a and href):
<span a href="http://www.example.com/" itemprop="url"></span>
If you want to provide a URL without having a clickable/visible link, use the link element (which can be used in the body if used for Microdata):
<link itemprop="url" href="http://www.example.com/" />
If the code is validated, no.
The following is:
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/" itemprop="url">
<span itemprop="title">Dresses</span>
</a>
</div>
Gets validated with any of those tags (<span>, <li>, <div>) and many more.
Try it out at www.google.com/webmasters/tools/richsnippets.
P.S.: Your first <div> tag is closed on your example, which makes it not functional.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.