title: Google+ snippet description and title of page not showing
body: <p>This is my code which i have added inside head of my website <a href="http://www.eravikant.com" rel="nofollow">eravikant.com</a></p>
  
  <pre><code>&lt;meta itemprop="name" content="MySMSBuddy"&gt;
  &lt;meta itemprop="description" content="Description of my webpage"&gt;
  &lt;meta itemprop="image" content="http://eravikant.com/images/image.png"&gt;
  
  &lt;script type="text/javascript"&gt;
    (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);
    })();
  &lt;/script&gt;
  </code></pre>
  
  <p>and code which which will show google+ icon for +1 is</p>
  
  <pre><code>&lt;div align="right"&gt;&lt;g:plusone size="medium" callback="MySMSBuddy" href="http://eravikant.com/images/image.png"&gt;&lt;/g:plusone&gt;&lt;/div&gt;
  </code></pre>
  
  <p>But, when i click on +1. then only image of my website has share not description and title..</p>
  
  <p>Need help !!!</p>