Question

how to add Facebook, Google+ and twitter like/share button on my website, to sharing details of my website. because, i tried the following code in my website for google+. But, it’s only sharing my website pic not the description and title of my website

<meta itemprop="name" content="MySMSBuddy">
<meta itemprop="description" content="Description of my webpage">
<meta itemprop="image" content="http://eravikant.com/images/image.png">

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

Any help and idea will be appreciated !!!

Answer 1

Those sites use the title tag for page title, and meta name=”description” for description (not itemprop=”description”.

<title>Title of your page</tile>
<meta name="description" content="Description of your page" /> 

For Facebook, you can also use open graph meta tags:

 <meta property="og:title" content="Title"/>
 <meta property="og:description" content="Description"/>