FB、Twitter和G+分享链接以及固定预览图片

Question

FB、Twitter和G+分享链接以及固定预览图片

urltwittergoogle-plussharingfacebook-sharer

5

我有这些简单的社交分享链接：

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>

这些链接会打开一个弹出窗口，用于分享页面链接。

我希望为用户分享的每个链接添加一个固定的站点图像预览。

我该如何为每个链接（FB、Twitter、G+）添加预览图片？

注意：预览图片是指这张照片中显示的图片（在www.google.it链接旁边）：

对于FB分享器，我尝试过：但似乎不起作用。

- itsme

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- andyrandy · Accepted Answer

为了让sharer.php正常工作，您需要填写更多的Open Graph标签。请查看此网站：http://ogp.me/

您可以在Facebook调试器中测试您的网站：https://developers.facebook.com/tools/debug 调试器还会显示警告/错误，非常适合测试。

Twitter没有图片。好吧，那并不正确，您需要为您的页面创建“Twitter Card”。这在这里有解释：https://dev.twitter.com/docs/cards

关于Google+，应该可以使用：

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

（请在此处比较：http://www.google.com/intl/zh-CN/webmasters/+1/button/index.html）

同时，请查看此主题：Google +1 在个人资料中生成的缩略图