google rich snippets (reviews) showing completely incorrectly? - seo

I'm working on rich snippet review data for a website; there aren't any reviews rich snippets showing on a page that google links to, but the SERP result shows a 5 star rating with 800 ratings?
here's the search to see the rating: artworx
and here's the page google links to: artworx bizyhood page
Anyone have any ideas why a review count of 800+ is showing with a 5 star rating when the rating is not present on the destination URL?

The version of your page which Google has cached (from 2015-03-23) contains an AggregateRating:
<div class="score high clearfix" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="ratingCount" content="804" />
<meta itemprop="worstRating" content="33" />
<meta itemprop="bestRating" content="100" />
<span id="business-score" itemprop="ratingValue">100</span>
<h6>Customer Rating</h6>
<small>View customer feedback</small>
</div>
The next time the Googlebot crawls this page and updates its cache, Google Search will likely no longer show this Rich Snippet.

Related

How to change embed image of a website for Whatsapp

I have a website, that people share on whatsapp. When I share the link, I get a small image right next to the site title and description. I would like it to be a big iamge, with the title and descrption under it, just as they are when I share a youtube link
Right now A link to the meta tag for the image looks something like this:
<meta property="og:image" content="URL">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="720">
It changes nothing if the width matches the image or not
Any idea how can I get to this result, or WhatsApp just created something for some websites, and I'm just not one of them?

Google adds suffix to title

I was wondering why Google adds a suffix to my website, but I don't know why just this specific word.
The website I am talking about has a sub domain. To keep this post free of ads, let's say the domain is:
http://sub.my-name.com/
So when I search for my website on Google I get this:
"Lorem ipsum| Specific Page Title - my_name"
Original page title:
<title>Lorem ipsum | Specific Page Title</title>
Maybe Google got this word from here, but why?:
At the bottom / footer of each website I include the following code:
<div class="container">
<p class="any-class"><b>my_name</b>
</p>
</div>
The main website http://my-name.com/ has the following code:
<div class="title">
<h1 class="title-text">my_name</h1>
<p class="title-sub"><b>this is</b>a subtitle</p>
</div>
and
<title>my_name</title>
Where and why did Google get this word from?
How can I change this suffix (if it is possible).
Thanks for your ideas, Jonas.
If you are using entirely different title tags for your pages, Google tries to add a common string. This is done to prevent title spamming.
For example if your /index.html has the title “Foobar - Welcome to the website“, Google may add “Foobar“ to all pages with short or disconnected titles.

Google Plus Open Graph bug: G+ doesn't recognize open graph image when UTM or other query string appended to URL

Google Plus is pretty good at pulling images specified by Open Graph meta tags when standard URLs are shared like:
http://stackoverflow.com/questions/22342854/what-is-the-optimal-algorithm-for-the-game-2048
See:
But things start to get screwy when you start appending query strings, such as is done in this URL:
http://stackoverflow.com/questions/22342854/what-is-the-optimal-algorithm-for-the-game-2048?utm_source=google-plus&utm_medium=social&utm_campaign=stackoverflow-general-promotion
And for certain URLs + query strings the default image seems to make no sense at all:
http://skeptics.stackexchange.com/questions/4508/can-every-grain-of-sand-be-addressed-in-ipv6?xyz_12312313
The image featured in the above screengrab is the user pic of the guy who last left an answer to the shared question.
Is there any way to force Google Plus to fall back on images defined by og:image tags even when query strings are appended?
No, there is no way to fallback with Google+.
This behaviour is possible with Facebook scraper because it supports checking for og:url which Google+ does not support (Why???). These are the items Google+ supports
<meta property="og:title" content="..." />
<meta property="og:image" content="..." />
<meta property="og:description" content="..." />
Normally when query parameters are added if og:url is defined
Their recommended format is Schema as described at https://developers.google.com/+/web/snippet/
The order in which Google+ checks
Schema
Open Graph
Title and meta description tags
Guess???
Seeing that multiple Schema are defined on the pages you linked, according to the https://developers.google.com/+/web/snippet/ documentation, it should take the information from the itemscope defined nearest to the top
<body class="question-page new-topbar" itemscope itemtype="http://schema.org/QAPage">
which is a little funny/weird since their tool doesn't pick this up http://www.google.com/webmasters/tools/richsnippets?q=stackoverflow.com%2Fquestions%2F22342854%2Fwhat-is-the-optimal-algorithm-for-the-game-2048%3Futm_source%3Dgoogle-plus%26utm_medium%3Dsocial%26utm_campaign%3Dstackoverflow-general-promotion
So, then this brings us back to looking at your second image
The title is different as well, so og:title isn't being detected either. <title> is being scraped instead
What does this all mean?
Google plus sucks with markup for sharing.
You will need to adjust your top most Schema.org microdata and hope Google+ makes sense of it when adding params to the canonical url.
<body itemscope itemtype="http://schema.org/QAPage">
<h1 itemprop="name">Shiny Trinket</h1>
<img itemprop="image" src="{image-url}" />
<p itemprop="description">Shiny trinkets are shiny.</p>
</body>
Read this in the FAQ section for OpenGraph in Google+ :
Why isn't my +Snippet image appearing?
Images that are too small or not square enough are not included in the +Snippet, even if the images are explicitly referenced by schema.org microdata or Open Graph markup. Specifically, the height must be at least 120px, and if the width is less than 100px, then the aspect ratio must be no greater than 3.0.

Customise the image a Google+ Share button displays upon sharing

I have found this link:
Adding a Google Plus (one or share) link to an email newsletter
It's great, it helped me to make a Google+ button for my HTML Email campaign. I'm using Mailchimp and I edited it as such:
<a href="https://plus.google.com/share?url=*|RSSITEM:URL|*">
<img src="http://mywebsite.co.uk/images/googleplus.jpg">
</a>
So now it has a customised image, and also works in my RSS email campaign. Mailchimp support didn't know this was possible, so that made me happy.
HOWEVER, what I want to achieve is to be able to choose which image is shared by default when the user clicks. Does anyone know if that's possible?
I hope my solution helps someone :)
The image that is displayed in the share is determined by the Schema.org markup on the page that you are sharing. Specifically, you will want to set the itemprop="image" to point to the image you wish to share.
<body itemscope itemtype="http://schema.org/Product">
<h1 itemprop="name">Shiny Trinket</h1>
<img itemprop="image" src="{image-url}" />
<p itemprop="description">Shiny trinkets are shiny.</p>
</body>
It is important to note that this is the markup for your page, so the same image that appears in the share is the one that will represent your page in other snippet tools.
You can see how this works, and see additional markup options, at https://developers.google.com/+/web/snippet/.
the sharer uses this image as the default one, but displays other images as well (they can be selected with the arrows on hover). Is there a way to disable the other images, for navigation images etc.?

Google +1 Generated Thumbmail in Profile

When you press the google +1 button on a site it grabs the typical meta data such as title and description. I thought it might be looking for the first image in the first article tag, but I tried changing the image and the thumbnail did not change. Does anyone know how the thumbnail is generated? Can it be added as meta info (similar to facebook likes)? Can it be linted?
The thumbnail i'm talking about:
There aren't any tools for developers on google+ yet.
You can subscribe for developer news
https://services.google.com/fb/forms/plusdevelopers/
API is available now
http://www.google.com/intl/en/webmasters/+1/button/index.html
<!-- Update your html tag to include the itemscope and itemtype attributes -->
<html itemscope itemtype="http://schema.org/LocalBusiness">
<!-- Add the following three tags inside head -->
<meta itemprop="name" content="title of your content">
<meta itemprop="description" content="description">
<meta itemprop="image" content="image url">
So... by the looks of it Google doesn't use the Open Graph Protocol http://ogp.me/ as their default information scrape.
For the image on the +1 listing they take the first useable image. The important part here is that even though on the +1 listing the image is resized to 45px x 45px the image you want to be used must be over 125px (at least). I'm using an image 180px x 180px (nice for scaling down to 45 x 45) and making sure it's the first large image on the page.
The title comes from the first h1 on the page and the description seems to come from the first paragraph; about 135 characters....
meta og:image works, secret is to have image large enough. It failed at 140x112 and work when I change to bigger thumbnail 511x364
Go to http://www.google.com/intl/en/webmasters/+1/button/index.html
Make sure to set "HTML 5 valid syntax" if you are using HTML5. I got it to work.