title: FB, TWITTER,G+ share url and fixed preview image
body: <p>i have these simple social sharing links:</p>
  
  <pre><code>FB share link
       &lt;a href="#" class="share-fb" onclick='window.open( "https://www.facebook.com/sharer/sharer.php?u=http://mysite.org", "myWindow", 
                    "status = 1, height = 300, width = 600, resizable = 0" )'&gt;&lt;/a&gt;
  
  TWITTER share link
  &lt;a href="#" class="share-tw" onclick='window.open( "https://twitter.com/intent/tweet?url=http://mysite.org", "myWindow", 
                "status = 1, height = 300, width = 600, resizable = 0" )'&gt;&lt;/a&gt;
  GOOGLE PLUS
   &lt;a href="#" class="share-g" onclick='window.open( "https://plus.google.com/share?url=http://mysite.org", "myWindow", 
                "status = 1, height = 300, width = 600, resizable = 0" )'&gt;
               &lt;/a&gt;
  </code></pre>
  
  <p>these links opens up a popup window where to share the page link.</p>
  
  <p>What i would like is to <code>add a fixed site image preview</code> for each of the links user gonna sharing.</p>
  
  <p>How can i add the preview image , fixed , foreach (FB,TWITTER, G+) of them?</p>
  
  <p>NB: with preview image i mean the one showed in this photo (next to the link www.google.it):</p>
  
  <p><img src="https://i.stack.imgur.com/yInCb.png" alt="enter image description here"></p>
  
  <p>For the FB sharer i tryed :<code>&lt;meta property="og:image" content="URL of your image" /&gt;</code></p>
  
  <p>but it doesn't seems to work</p>