Question

ich diese einfache Social Sharing Links haben:

FB share link 
    <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")'></a> 

TWITTER share link 
<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")'></a> 
GOOGLE PLUS 
<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")'> 
      </a> 

diese Links öffnet sich ein Popup-Fenster, in dem Sie die Seite Link zu teilen.

Was ich möchte ist add a fixed site image preview für jeden der Links Benutzer wird teilen.

Wie kann ich das Vorschaubild, fixed, foreach (FB, TWITTER, G +) von ihnen hinzufügen?

NB: mit Vorschaubild meine ich das in diesem Foto gezeigt (neben dem Link www.google.it):

Für die FB-Sharer i tryed: <meta property="og:image" content="URL of your image" />

aber es scheint nicht zu funktionieren

Answer 1

Für die sharer.php zu arbeiten, sollten Sie mehr Open Graph Tags ausfüllen. Schauen Sie sich auf dieser Seite: http://ogp.me/

Sie können immer testen Sie Ihre Website in dem Facebook-Debugger: https://developers.facebook.com/tools/debug Der Debugger zeigt auch Warnungen/Fehler, so perfekt, es ist für die Prüfung.

Twitter hat keine Bilder. Nun, das ist nicht korrekt, Sie müssen eine "Twitter-Karte" für Ihre Seite erstellen. Das wird hier erklärt: https://dev.twitter.com/docs/cards

Über Google+, diese funktionieren sollte:

<meta itemprop="image" content="http://www....."> 

(Vergleichen Sie hier: http://www.google.com/intl/en/webmasters/+1/button/index.html)

Werfen Sie auch einen Blick auf diesen Thread: Google +1 Generated Thumbmail in Profile