Google +1 Generated Thumbmail in Profile

M

5

12

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:

google+ thumbnail

Midweek answered 8/7, 2011 at 17:35 Comment(1)

I know Facebook caches image thumbnails. Wouldn't be surprised if G+ does as well. Hopefully (similar to FB), G+ will allow specification of a thumbnail via a meta tag. – Ascent 12/7, 2011 at 23:10

H

5

~~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

Heteropterous answered 12/7, 2011 at 23:4 Comment(0)

V

5

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

Volatilize answered 6/9, 2011 at 21:25 Comment(0)

F

1

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....

Flexile answered 13/7, 2011 at 13:29 Comment(1)

OGP META my friends ;) Tell Facebook and Google whatever you want your search result to say. Always use proper ogp: meta tags, i believe its part of the whole equation now! Seriously. [blog]: digitalrxcloud.com "Check out our computer repair blog out. We are located in Venice Sarasota Florida, but offer nationwide remote assistance, as well" – Natoshanatron 11/12, 2012 at 3:15

N

0

meta og:image works, secret is to have image large enough. It failed at 140x112 and work when I change to bigger thumbnail 511x364

Nitrobacteria answered 12/10, 2011 at 17:14 Comment(0)

A

0

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.

Ammo answered 25/8, 2012 at 13:10 Comment(0)

Recommended topics

Hot tags