I have been looking at rich snippets in google. Google lists the following schema.org items as being supported:
Reviews
People
List item
Products
Businesses and organizations
Recipes
Events Music
I have noticed that in search results, Google displays Rich Snippets for Article and BlogPosting. When clicking on the link and using Firebug to check the source code, I can see that the schema.org being used is indeed BlogPosting.
I've tried adding BlogPosting to my sample code and using Google's Rich Snippet tool to check the results but I cant get an image to display. I am using the following code:
<html>
<body> etc etc....
<div itemscope="" itemtype="http://schema.org/BlogPosting">
<img itemprop="image" href="/images/test.jpg" item>
</div>
...
Although it doesn't show the image in the Rich Snippet tool, it does recognize that an image has been set and displays the url text in the "Extracted rich snippet data from the page" box. I have tried using the SoftwareApplication schema and then I get an image to show.
My question is: Does the Rich Snippet tool restrict the images it shows based on the schemas listed above, and actually once in the live search results, Rich Snippets for Article and BlogPostings will be shown?
Google has introduced Rich Snippet for Articles, so you can now use articles snippet for your article/blog post.
See this official document from Google on implementing rich snippet for your articles: https://developers.google.com/structured-data/rich-snippets/articles
And as far as your image issue is concerned, try to apply the snippet code as per the document above and it should show the image. I tested it and all worked fine.
As of now, Google is not going to display product images in SERPS for schema.org/Article or schema.org/BlogPosting item types. It's going to show the Author profile image that it pulls from Google+ using one of two methods:
https://plus.google.com/authorship
... think about it. Everyone would be trying to attach add some (spammy) image next to their blog post in SERPS. Google only wants to show verified authorship by their authentification methods (via G+) -- not just from any "author" tag in microdata.
Yes, the rich snippet tool will not show you what the actual SERP will always look like, because it depends on the query. In fact they say
Note that there is no guarantee that a Rich Snippet will be shown for
this page on actual search results.
Related
I have some schema data for product reviews, but none of it actually prints to the page, it's only there in the background for Google.
Is this a bad idea? Do Google look for it on page as well? I can't find the answer anywhere. Thank you.
You can add Schema markup in your webpage content to make the relevant sections such as dates and reviews of the products visible to the searcher in the form of rich snippets. It is definitely not a bad idea to include structured data in the HTML of your webpage because Google shows additional data like the review, recipes, and events in the meta description of the link of the webpage. This will also help searchers to visit your webpage for product review due to the additional data provided as a rich snippet, and as a result, boost your SERP ranking.
I googled Top 10 Songs and it returned me a rich snippet of 10 songs from Top10 website. Digging further, the website had a list of exact same songs which google displayed in their Rich snippet.
Reading about Rich Snippet SEO, I got to know that we need to markup our data to qualify for Rich snippet card. Looking into the source of Top10 website, I found out that it didnt had schema.org/og definition that would mark their site up. To backup my claim, I checked the same on Google Structure Data Testing Tool and, as expected, it returned nothing.
I want to know how google is displaying the data on the Rich Snippet card. PS:- I read somewhere Google does not use their Knowledge Graph for Rich Snippet.
Please find the attached screenshot of the rich snippet.
That is likely a featured snippet (not a rich snippet, nor a rich result, as they are called now).
Google Search extracts the information from the webpage.
You can’t directly influence that such a featured snippet gets shown for your result:
How can I mark my page as a featured snippet?
You can't. Google programmatically determines that a page contains a likely answer to the user's question, and displays the result as a featured snippet.
What you see on top of organic result results is not Rich Snippet. A rich snippet is just a rich result. Rich snippet provides more graphical elements like rating stars, recipe cooking time, calory count, thumbnails etc. Rich snippets are generally more visually appealing. For example, I wanted to know the best recipe for chicken broth and googled to search for the same. Google will show me a list of rich snippets (like below) if the ranked pages are with structured code added for recipes.
rich snippet pic from learnly.info
Featured snippets often show up for some of the most competitive queries. Google's automated systems determine whether a page would make a good featured snippet to highlight for a specific search request. This is not something we can control using structured codes. There are ways to opt out if you don't want your content from your pages to be displayed as a featured snippet.
References for this answer: rich snippet guide by learnly.info
I am trying to share a post from my website(blog) onto Google plus but it isn't showing the featured image of the article, instead it is just showing the title and link of the article. I have microdata and also "og" tags for my page. When tested using Google Structured data testing tool, it is showing all good. I expect to get some help here. If I am trying to share the home page, it is showing an image, however if I am trying to share any post from the website, it is not showing any image. Please help, let me know if you need any more info, would be happy to provide.
One of post's from website
The og:image meta tag is being used by google plus rather than the image property within your http://schema.org/BlogPosting -as #abraham pointed out this is a broken link, it should go to http://top10grocerysecrets.com/Top-10-foods-for-releiving-inflammation.jpg - currently it includes /wp-content/uploads/sites/17/2015/07/ which isn't part of the image's path.
In the structured data it is valid, but not correct: BlogPosting has an image set but without a full path which may be why it gets ignored: the source should begin http:// etc. This is also needed if you want the image to appear in the google search results preview.
The WebPage element does not have an image set: only the BlogPosting does. Consider setting the same image property using a meta tag inside the WebPage element if fixing the BlogPosting image's path does not resolve the structured data issue, e.g.
<meta itemprop="image" content="http://top10grocerysecrets.com/Top-10-foods-for-releiving-inflammation.jpg" nt-post-thumbnail wp-post-image" alt="Print" />
In the structured data there are two unrelated mistake
the BlogPosting has author set to a link with fixed IP address http://162.244.66.231/top10grocerysecrets/author/cyoung this will reduce the chance of it connecting the blog with C Young's profile on the website.
the file name http://top10grocerysecrets.com/Top-10-foods-for-releiving-inflammation.jpg has 'releiving' in it, which is not the spelling used in the text on the image itself. This doesn't matter a great deal.
I just found out that Google recently decided to start using their own "title" when they display their search results. Also, after checking Yahoo and Bing I saw that the way they are displaying their results are the same but in completely different way than Google.
I guess my question would be, if there is an actual "correct" way of adding titles to my pages in order for Google to display what I want them to and this way get the same results with Yahoo/Bing that are currently using the page's title as a search result (sometimes they pick up the first tag and use it as title).
Any recommendations or links to follow for more studying would be appreciated.
There's nothing you can really do about it. Google will choose what title to display based on criteria they have not made public. This usually is the page's title as found in the <title> tag but if Google feels a different title better summarizes the page's content they may choose to display something else.
You can try to change your page titles to better reflect the page's content and see if that helps.
Using optimal keyword prominency in meta tags according to guidelines... and Google will pick up your meta tags. See our news portal's source and metas (keywords: hírek, választás 2014, etc.): http://valasztas2014.hir24.hu/
I have integrated the Google +1 button into a website ( http://www2.highpoint.edu ).
I tried to use schema.org <meta> tags to provide Name, Description, and Image for the +Snippets information, but it doesn't work.
When I use the +1 button and try to post to Google+ about the website, it picks an image that I don't want. And it won't pick the image I have set with the <meta> tag.
My questions:
How do I get the +Snippet data populated from schema.org metadata?
For a page with 2 or more +1 buttons, can I have different name/description/image for each +1 button? Or must every +1 button on the page use the same metadata?
EDIT
I think it is best to use Open Graph Protocol instead of schema.org. That is, schema.org shouldn't be used at all. Facebook supports Open Graph Protocol, so you can kill 2 birds with 1 stone this way.
More importantly, Facebook provides a great debugging tool that tells you what exactly is getting parsed for a given URL: http://developers.facebook.com/tools/debug
I am still not sure about having multiple +1 buttons on the same page with each +1 button having distinctly different meta data.
In response to question 1:
I checked your page. It looks like you have a normal meta title and description. This should work for the +1 button, but it may take some time for the +1 button to pick up the changes you've made.
If you'd like control of the image, though, you will need to use schema.org markup or open graph as described in the official FAQ: http://code.google.com/apis/+1button/#plus-snippet
And for question 2:
If you are using schema.org markup, the +1 button will read the content for the itemscope nearest the top of the page's source code.
It does not work for me either. I have both Schema.org and Open Graph in the web page (eg. http://r.mycrep.net/3Nkh/), Multiple validators (Facebook's and one other) read info correctly.
I guess that Google still does not support metadata for everybody :-(