Question

我有這些簡單的社交共享鏈接：

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> 

這些鏈接打開一個彈出窗口，在這裏分享網頁的鏈接。

我想要的是add a fixed site image preview爲每個用戶要分享的鏈接。

我該如何添加預覽圖像，固定的，他們的foreach（FB，TWITTER，G +）？

注：與預覽圖像我的意思是在這張照片（旁邊的鏈接www.google.it）的一個表現：

對於FB分享者我tryed：<meta property="og:image" content="URL of your image" />

但它似乎並不工作

Answer 1

對於sharer.php的工作，你應該填寫一些更多的開放圖形標籤。看看這個網站：http://ogp.me/

你可以在Facebook的調試器始終測試您的網站：https://developers.facebook.com/tools/debug 調試器也顯示警告/錯誤，所以it's完美的測試。

Twitter沒有圖像。那麼，這是不正確的，你必須爲你的頁面創建一個「Twitter卡」。也就是說這裏解釋：https://dev.twitter.com/docs/cards

關於Google+，這應該工作：

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

（這裏比較：http://www.google.com/intl/en/webmasters/+1/button/index.html）

也看看這個線程：Google +1 Generated Thumbmail in Profile