Mary O'Connor
Mary O'Connor

Reputation: 31

Google+ share plugin - I cannot get the desired image to be displayed in my +1 update

I'm using the Google+ share plugin which simultaneously does a +1 and a share.

Unfortunately, I cannot get the image that I specify to appear.

I was using an image that is 200px by 200px which complies with the size requirements. I can get the name and the description to display as specified.

The following is the code that I'm using:

<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/Vacancy">
<head>

<meta itemprop="name" content="Vacancy">
<meta itemprop="description" content="A new job vacancy etc">
<meta itemprop="image" content="https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcQBafMb42NGLi-C-NEmdC-RQDJ5t8PRahD4uTdpOuSAnD5_gMU1_g">

</head>

<body> 

<!-- Place this tag where you want the +1 button to render -->
<g:plusone annotation="inline"></g:plusone>


<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

</body>

</html>

All works fine except that the correct image is not displayed on the +1 share.

Any help in this regard would be very much appreciated.

Many thanks,

Mary

Upvotes: 1

Views: 586

Answers (1)

mimming
mimming

Reputation: 13954

The code you've supplied is working for me. An image of a cat that is 160px square is showing up in your snippet.

a screen shot of snippet

Upvotes: 1

Related Questions