Mobile app version of vmapp.org
Login or Join
Speyer207

: 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

@Speyer207

Posted in: #Breadcrumbs #Html5 #Microdata

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?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Speyer207

2 Comments

Sorted by latest first Latest Oldest Best

 

@Ann8826881

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/" />

10% popularity Vote Up Vote Down


 

@Tiffany637

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.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme