I am very new to schemas (this is my first time) and I am a little confused on this info. I was reading into schemas for breadcrumbs and I came across 2 different methods:
Google way: From what I read from here, Google shows example of adding Microdata using http://data-vocabulary.org/Breadcrumb
Schema.org example: The example in Schema.org shows a very different approach. Something like this:
<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>
My questions are:
(1) Is it better for me to use the Schema.org method instead of Data-Vocabulary.org in 2014? When I read the discussions in this topic here where some has said that Data-Vocabulary.org is outdated and Schema.org is the latest method. Is this a valid statement for today? I have still seen a lot of websites using Data-Vocabulary.org similar to Google's example.
(2) The Schema.org method is too simple and unlike Google's Data-vocabulary.org example that adds
itemprop="url"
for URLs,itemprop="title"
for titles, etc. individually. But the Schema.org method just wraps the whole breadcrumbs and doesn't declare individual URLs and titles. So would Google's search engine understand the URLs and titles if I used the Schema.org method? Or is Google's Data-Vocabulary.org method better for Google's search engine results?(3) Lastly, with the breadcrumb separator does it only show the separator used in the HTML markup? For instance, I have breadcrumb separator added via CSS and it's not in the HTML markup. So in this case, if the breadcrumbs are shown in search results, would it automatically add the
>
separator or will it show exactly the way I've shown in my HTML?