Rich snippets in Google results - html

I am looking to include rich snippets into a site I'm building to reflect a musician's upcoming tour schedule. I have done some searching on various musicians and have found a few which seem to follow a similar format. I have uploaded two screen shots below to show as an example of what I mean exactly.
Example 1:
Example 2:
What is puzzling me is the fact that when I enter these sites into Google's Rich Snippet Test Tool, no data shows up. Furthermore, when I check the source for one of the tour pages, there are no rich snippets incorporated into the code. How are these sites managing to get their tour dates listed in this format?

You are correct, these band pages are not implementing rich snippets of any form. What Google is actually doing is showing information pulled from other sites about that band. This information comes from the sites listed on the "More Info" line. These 3rd party sites are the ones implementing rich snippets into their pages.
I don't have enough rep to comment on Oded's "answer" to this question, but he is completely wrong. Microformats are an accepted form of rich snippet markup, just like microdata and RDFa. I would recommend going with Schema.org microdata on your site, though, since Google is presenting it as the future of rich snippet markup

As Johnathon mentioned, the future really belongs to microdata format, because it's the part of the new HTML5. I highly recommend to use this format.
I believe that this is the even rich snippet, which have you showed in your post. You can implement your event rich snippet like this:
<div itemscope itemtype="http://data-vocabulary.org/Event">
​<a href="http://www.example.com/events/spinaltap" itemprop="url" >
<span itemprop="summary">Spinal Tap</span>
</a>
<img itemprop="photo" src="spinal_tap.jpg" />
<span itemprop="description">After their highly-publicized search for a new drummer,
Spinal Tap kicks off their latest comeback tour with a San
Francisco show.</span>
When:
<time itemprop="startDate" datetime="2015-10-15T19:00-08:00">Oct 15, 7:00PM</time>—
<time itemprop="endDate" datetime="2015-10-15T19:00-08:00">Oct 15, 9:00PM</time>
Where:
​<span itemprop="location" itemscope itemtype="http://data-vocabulary.org/​Organization">
​<span itemprop="name">Warfield Theatre</span>
​<span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">
<span itemprop="street-address">982 Market St</span>,
<span itemprop="locality">San Francisco</span>,
<span itemprop="region">CA</span>
</span>
<span itemprop="geo" itemscope itemtype="http://data-vocabulary.org/​Geo">
<meta itemprop="latitude" content="37.774929" />
<meta itemprop="longitude" content="-122.419416" />
</span>
</span>
Category: <span itemprop="eventType">Concert</span>
<span itemprop="ticketAggregate" itemscope itemtype="http://data-vocabulary.org/Offer-aggregate">
Tickets from $<span itemprop="lowPrice">10.00</span>-$<span itemprop="highPrice">11.00</span>
<span itemprop="currency" content="USD" />
<span itemprop="offerCount">2,000</span> tickets available
<a href="http://www.example.com/events/spinaltap/alltickets" itemprop="offerurl">
http://google.com/ticket</span>See all available tickets</a>
</span>
<span itemprop="tickets" itemscope itemtype="http://data-vocabulary.org/Offer">
Presale tickets
<span itemprop="price">$10</span><span itemprop="currency" content="USD" />
till <time itemprop="priceValidUntil" datetime="2015-11-10">10 November 2015</time>
(<span itemprop="quantity">1000</span> available)
</span>
<span itemprop="tickets" itemscope itemtype="http://data-vocabulary.org/Offer">
Full-price tickets
<span itemprop="price">$11</span><span itemprop="currency" content="USD" />
</span>
</div>
If you still having problems, then take a look at this Google article http://support.google.com/webmasters/bin/answer.py?hl=en&answer=164506&topic=1088474&ctx=topic.
To know more about rich snippets, what are they, what are they useful for and what type of rich snippets exist, check my article at http://blog.victorlava.com/what-is-a-rich-snippet-everything/.

I also agree that Google not only fetches and displays rich snippet data from the owner website or the querying website, but it also uses third party data to pull the result into the rich snippet friendly search result links.
Recently, Google has been pushing a lot of data using its Knowledge Graph and updated search algorithms. However it depends on many factors to see your site's data into Google search result using the rich snippet format. Factors like your site's authority, popularity, content trustworthy generally play vital role and that's what happening with the above example case.
Thanks

Related

How can I tell if I nested microdata correctly within my code?

I am new to microdata, and have to try and put together an assignment.
It requires "At least one itemtype should be embedded (or nested) in another itemtype: the value for at least one itemprop should itself be another itemtype with its own set of properties."
The code I came up with is this:
<div itemscope itemtype="https://schema.org/Person">
<div style="white-space: pre-wrap;">
<span itemprop="description">
Since I am still in my <span itemprop="knowsAbout">library and information science program</span>, I do not have as many finished projects as I wish to showcase here.
</span>
I have been performing coursework on reference and information services, information organization (including metadata), and an introduction to technologies that are used in the library sciences field, such as database management.
<div itemscope itemtype="https://schema.org/Action">
I have done a few <span itemprop="result">library science projects</span> over the last year that have been recently completed. Actually, this<span itemprop="result"> early version of my website</span> you are on is one of them! I programmed this
myself over the course of several days using a combination of HTML and CSS to create this website experience.</div>
<div itemscope itemtype="https://schema.org/CreativeWork">
Another project I have worked on is a <a itemprop="exampleOfWork" href="link_insert_here" target="_blank">LibGuide</a> (a library research guide) for LGBTQ+ characters in Comic Books and Graphic Novels. I have also created several learning aids.
First is an example of a <a itemprop="exampleOfWork" href="handout.pdf" target="_blank">handout</a> I created discussing some basic information on virtual machines. This is an example of a <a itemprop="exampleOfWork" href="link_insert_here" target="_blank">video tutorial</a> I created on how to sign up for a Local Public Library eCard.
</div>
</div>
</div>
I'm not sure I nested everything properly, and when I use various structured testing tools it picks up my microdata. While it seems right, I just can't tell.

Using of multiple localBusiness in one page - schema. is it correct?

using of multiple localBusiness in one page - schema. is it correct?
Here is my code.
<div itemscope itemtype="http://schema.org/LocalBusiness">
<span itemprop="description"> A superb collection of fine gifts and clothing
to accent your stay in Mexico Beach.</span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">3102 Highway 98</span>
<span itemprop="addressLocality">Mexico Beach</span>,
<span itemprop="addressRegion">FL</span>
</div>
Phone: <span itemprop="telephone">850-648-4200</span>
</div>
<div itemscope itemtype="http://schema.org/LocalBusiness">
<h1><span itemprop="name">Beachwalk Beachwear & Giftware</span></h1>
</div>
Please guide me if I am doing it wrong.
Yes you can use multiple localBusiness in one page just make sure there are no error in the markup, see the http://schema.org/LocalBusiness and test you code in google Structured Data Testing Tool
for example in you code there are 2 error and one warning in the first localBusiness there is no image and no name and those are required
and The priceRange field is recommended.
in the second localBusiness there are 1 error and 3 warning.
like i said text your code and then put it in your web site.
if the google Structured Data Testing Tool say that everything is okey then there is no problem

How would one find out how google would sort a webpage?

So I was told that you can set a certain tag in a html page that will tell search engines what kind of page it is (like if the tag was set to game then google would organize it as game). What tag would this be done in and how would it be found?? (I was told this by older brother so If not possible or is false information I will understand)
You can use structured data in your website to tell the search engines what is described on the page and give machine readable details.
This is (at this time) the recommended way by Google.
The format for this is described in great detail on http://schema.org, the types can be found here:
http://schema.org/docs/full.html
To address your example, here is the sample from the type Game (copy&paste):
<section itemscope itemtype="http://schema.org/Game">
<section itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span>Approx. Retail:</span>
<span itemprop="priceCurrency">$</span><span itemprop="price">17.99</span>
Where To Buy
</section>
<span itemprop="audience" itemscope itemtype="http://schema.org/PeopleAudience">
Ages: <span itemprop="suggestedMinAge">8</span> YEARS & UP
</span>
<h4>Game Description:</h4>
<p itemprop="description">Own it all as a high-flying trader in the fast-paced world of real estate. Tour the city for the hottest properties: sites, stations and utilities are all up for grabs. Invest in houses and hotels, then watch the rent come pouring in! Make deals with other players and look out for bargains at auction. There are many ways to get what you want. For really speedy dealers, use the speed die for a quick and intense game of Monopoly. So get on Go and trade your way to success!<br/><br/>Includes <span itemprop="gameItem">gameboard</span>, <span itemprop="gameItem">8 tokens</span>, <span itemprop="gameItem">28 Title Deed cards</span>, <span itemprop="gameItem">16 Chance cards</span>, <span itemprop="gameItem">16 Community Chest cards</span>, <span itemprop="gameItem">money pack</span>,<span itemprop="gameItem"> 32 houses</span>, <span itemprop="gameItem">12 hotels</span>, 2 dice and instructions<br/><br/>•Features a speed die for a faster, more intense game<br/>•Includes the new token that was voted No. 1: the cat<br/><br/>For <div itemprop="numberOfPlayers" itemscope itemtype="http://schema.org/QuantitativeValue">
<span itemprop="minValue">3</span> to <span itemprop="maxValue">5</span> players </div>.<br/><br/>Ages 8 and up.<br/><br/>Monopoly and all related characters are trademarks of <span itemprop="copyrightHolder">Hasbro</span>. <P></p>
</section>
As you can see there are several attributes like itemtype, itemprop etc. added that contain the data that is targeted for search engines. These attributes vary from type to type.
Google does a lot more than read tags to organize pages and rank them. However, there is a tag defined in HTML to describe keywords and other information about your page.
Placed in the head of your HTML document, the meta tag can be used to define your pages character set, add a description, keywords and an author (amongst other things).
For example:
<head>
<meta charset="UTF-8">
<meta name="description" content="Jordan's Homepage">
<meta name="keywords" content="Games, younger brothers, stack overflow">
<meta name="author" content="Jordan 1591">
</head>
Google's ranking algorithms are very complex and not publicly known in their entirety, partly to prevent people from abusing them and being unfairly ranked highly, but any seach engine -including Google - will look at meta tags as a bare minimum.

"availability" not showing in Google Rich Snippet

I’m using Schema.org properties to provide product data of my webshop to search engines. It includes stuff like the image, product name and price. All works great, and as a result, the price shows up nicely in Google’s search results.
However, the availability (In stock) for some reason doesn’t make it into the results, even after waiting a few weeks.
My products are on number 1 in the SERPs, just without the availability. I validated my page with Google's Structured Data Testing Tool and it looks great.
Does anyone know why Google doesn’t bother to show the availability?
A snippet of my source:
<div itemscope itemtype="http://schema.org/Product">
<img itemprop="image" src="/media/product.jpg" alt="Product image">
<h2 itemprop="name">Product name</h2>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="EUR">
<span itemprop="price">€ 12,95</span>
<ul>
<li itemprop="availability" href="http://schema.org/InStock">Op voorraad</li>
</ul>
</div>
</div>
I don’t know if this is the reason why Google Search does not pick it up, but your markup is not valid.
The li element can’t have a href attribute.
So instead of this
<li itemprop="availability" href="http://schema.org/InStock">Op voorraad</li>
you should use, for example, this
<li><link itemprop="availability" href="http://schema.org/InStock"/>Op voorraad</li>
Side note: About your price
The value of the price property should not contain the currency symbol, so you might want to use this instead:
<span itemprop="price">12,95</span> €
As Schema.org recommends to use the . as decimal separator, you could use the data element or the meta element to still how , to your visitors:
<data itemprop="price" value="12.95">12,95</data> €
<span><meta itemprop="price" content="12.95" />12,95</span> €
The http://schema.org/InStock should idealy be defined at the itemscope level and your itemprop can continue to be mentioned in the li tag as before, without the link in it.
Google may not choose to show availability in organic search results depending on how relevant it perceives that information to be for users compared to price, item name etc (remember, there's only a limited amount of space in the results).
Do any of your other competitors' listings show availability?

Preferred approach for marking up a blog with Schema.org

Background/context
As schema.org is relatively new, perhaps this question will promote more discussion than a definitive answer. Either way, hopefully some learning from others' application/experience can be gained.
Having studied the http://schema.org documentation pages – and whilst there seems to be an extensive array of properties (read: itemprop attributes) available to enrich a blog post, there seems to be some inconsistencies and 'grey areas' with regard to the best approach to mark up blog comments. Let me provide an example:
The schema.org documentation for blogs can be found on within Thing > CreativeWork > Blog and for reference, a blog post lives within Thing > CreativeWork > Article > BlogPosting
So far, the documentation and markup examples on the aforementioned pages provide enough reference to format a blog index page, and the bulk of content within an individual post (author, pubDate, articleBody, interactionCount, etc.)
The problem: applying the UserInteraction schema to individual blog comments
It is when we start to look at individual UserInteraction elements (blog comments) within the interactionCount that things get a little vague. The documentation leads us through to Thing > Event > UserInteraction > UserComments, and is described as 'User interaction: A comment about an item.' However all of the suggested properties of UserInteraction are geared towards a physical event.
The only property that appears to be relevant to a blog comment in this schema's documentation is description; which could be used for the comment body. What feels lacking is some specific context for user comments about a blog post. There's also no evidence of example markup for said comments, even a search for 'comments' on the site doesn't seem to yield any clarity.
Has anyone marked up their blog using schema.org – and how did you approach/solve this?
I'll also raise this matter via the schema.org feedback form and update this post if anything comes to light.
Have a look at the examples here http://schema.org/WebPage and notice how the reviews are used for the Books.
You can do the same for Comments in Article, here's an example:
<div itemscope itemtype="http://schema.org/Article">
<-- Article content -->
<div itemprop="comment" itemscope itemtype="http://schema.org/UserComments">
<meta itemprop="discusses" content="A masterpiece of literature" />
<span itemprop="creator">John Doe</span>
<time itemprop="commentTime" datetime="2011-05-08T19:30">May 8, 7:30pm</time>
<span itemprop="commentText">I really enjoyed this book. It captures the essential
challenge people face as they try make sense of their lives.</span>
</div>
<div itemprop="comment" itemscope itemtype="http://schema.org/UserComments">
<meta itemprop="discusses" content="A masterpiece of literature" />
<span itemprop="creator">John Doe</span>
<time itemprop="commentTime" datetime="2011-05-08T19:30">May 8, 7:30pm</time>
<span itemprop="commentText">I really enjoyed this book. It captures the essential
challenge people face as they try make sense of their lives.</span>
</div>
</div>
Some years later, http://schema.org/Comment has been introduced.
A comment on an item - for example, a comment on a blog post. The comment's content is expressed via the "text" property, and its topic via "about", properties shared with all CreativeWorks.
My understanding is that UserComments is not for marking up blog comments. It exists only as one of the possible interaction types to be used with the interactionCount property on CreativeWork, such as:
<div itemscope itemtype="http://schema.org/Article">
<span itemprop="http://schema.org/interactionCount">UserComments:7</span>
</div>
I would mark up each of the comments as a CreativeWork or Article, and make sure that their about property points to the blog post that they are commenting to.
Blaise appears to be correct as of now. The example used on schema.org/Comment is:
A comment on an item - for example, a comment on a blog post. The comment's content is expressed via the "text" property, and its topic via "about", properties shared with all CreativeWorks.
I personally don't like the <meta> approach when I have the content matching the data. Since schema.org is not yet fully documented, I went ahead with this:
<span itemprop="interactionCount">100</span>
and/or this:
<span itemprop="interactionCount">100 comments</span>
I know that it doesn't specify "UserComments" anywhere. Thoughts?