Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

If you share a link on Google Plus it will often grab a fews images you can attach when you post the image. Facebook has a similar feature. You can tell Facebook which is the primary image for a page with a simple LINK tag. However, this isn't working for G+.

How do you tell G+ what the primary image for a page is?

share|improve this question
    
much related: stackoverflow.com/questions/7985398/… –  Cawas Jul 10 '13 at 23:06

2 Answers 2

up vote 14 down vote accepted

Here's the information copied from the +1 button documentation (tweaked a bit for improved readability). This method applies to all ways that URLs are shared on to Google+.

Populating the +Snippet: After +1'ing a page, the user is given the option to share the page to Google+ via a displayed Share bubble. This share bubble (along with the resulting Google+ activity post) includes a preview, or +Snippet, that contains the page title, a brief description of the page, and a thumbnail image. These pieces of data are extracted from the target URL's content in one of four ways, listed in order of precedence:

Schema.org microdata (recommended): If the page is annotated with schema.org microdata, the +Snippet will use the name, image, and description properties found on any schema.org type.

<body itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Shiny Trinket</h1>
  <img itemprop="image" src="image-url"></img>
  <p itemprop="description">Shiny trinkets are shiny.</p>
</body>

Open Graph protocol: If the page contains Open Graph properties for the title, image, and description, then they will be used for the +Snippet.

<meta property="og:title" content="..."/>
<meta property="og:image" content="..."/>
<meta property="og:description" content="..."/>

Meta "title" and "description" tags: If the page's <head> element contains <meta name="title" ... /> and <meta name="description" ... /> tags, the +Snippet will use their content attributes for the title and description, respectively. For the thumbnail image, the sharebox will attempt to find a suitable image on the page.

<meta name="title" content="..." />
<meta name="description" content="..." />

Best guess from page content (not recommended): If none of this data is present, then Google will parse the page and attempt to find the best title, description, and image.

share|improve this answer
1  
Thanks for this, but does it also work when just sharing a link on Google+ directly? My page uses the Open Graph Protocol and when I use the [google.com/webmasters/tools/richsnippets] -Tool I can see the link to the image in the "Extracted rich snippet data from the page"-Section, but when I share the link in Google+, it does not load the image. –  Ethan Leroy Jun 19 '12 at 10:57
4  
Don't forget <link rel="image_src" href="[insert image url here]"/> –  Supuhstar Dec 10 '12 at 3:09
    
Supuhstar's tip of using <link> has made the image of my web page selected by the link sharing of Google+. –  Hong May 6 '13 at 17:06
    
W3C says: ` Bad value title for attribute name on element meta: Keyword title is not registered.` –  Jeroen Aug 29 '13 at 18:38

[Sorry for the speculative response, but I don't have a site I can try this on immediately]
I've only seen information on doing this for the +1 button. It seems reasonable that on the Google+ back-end this is the same process and so would look for the same information. Assuming your templates are constructed in a way you can apply itemprop="image" to your desired image, give that a try.

share|improve this answer
    
I will try this and report back. Thanks! –  Justin Feb 7 '12 at 15:24
    
That didn't seem to work. Thanks though! –  Justin Apr 23 '12 at 21:25

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.