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>

这些链接会打开一个共享页面链接的弹出窗口。

我想要的是add a fixed site image preview用户要分享的每个链接。

如何添加它们的预览图像、固定、foreach（FB、TWITTER、G+）？

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

在此处输入图像描述

对于我试过的 FB 分享者：<meta property="og:image" content="URL of your image" />

但它似乎不起作用

4

1 回答 1

12

为了使 sharer.php 工作，您应该填写更多的 Open Graph Tags。看看这个网站： 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/en/webmasters/+1/button/index.html ）

另请查看此线程：Google +1 Generated Thumbmail in Profile

于 2012-11-21T18:30:14.197 回答