我怎么才能控制Facebook的点赞形象呢？

时间：2010-11-03 作者：hannit cohen

我有一个包含一些帖子的博客，每个帖子都有一个嵌入的Facebooklike button. 按下按钮将打开一个对话框，以便我的访问者可以在Facebook上共享帖子并发表评论。

然而，在共享时，Facebook选择的图像是一个通用的邮件图标，而不是帖子缩略图。

如何控制共享时使用的图像？

7 个回复

最合适的回答,由SO网友:curtismchale 整理而成

用于共享的图像取自站点标题中的一段代码，该代码如下所示：

<link rel="image_src" href="path/to/theme/screenshot.png" />

通常，它会链接到主题中站点的屏幕截图。如果您从文件头中删除了代码，请单击single。php将其放入循环中，并将您的帖子缩略图调用到href元素中，我相信这会起作用。所以它看起来像：

<link rel="image_src" href="<?php the_post_thumbnail(); ?>" />

这意味着，如果页面上有“喜欢”按钮列出多篇文章，则可能不会有图像。如果您包含一些条件代码，而这些条件代码仅在单个上删除它。php然后，您将在任何页面上具有多个帖子和一个like按钮的正常图像，以及当单个帖子出现时的帖子缩略图。正在使用php模板。因此，标题代码为：

<?php if ( is_single() ) { /* do nothing on single pages */ } else { ?>
<link rel="image_src" href="path/to/theme/screenshot.png" />
<?php } ?>

然后您仍然可以使用该代码在single中包含帖子缩略图。php。

SO网友:mattsay

Facebook现在使用opengraph协议。您可以使用以下方式添加图像：

<meta property="og:image" content="http://YOUR_IMAGE_URL" />

将此行添加到页面标题。

或者，您可以使用我的插件自动执行此操作。

它只做这项工作，不需要设置。

http://shailan.com/wordpress/plugins/facebook-meta-tags-plugin/

SO网友:bitwit

您需要使用Facebook Open Graph协议。我不知道为什么被接受的答案不是众多OG：相关答案中的一个（我投了赞成票），但它是错误的。

http://developers.facebook.com/docs/opengraph/

您可以自定义许多内容，包括标题、图像、描述、类别、上次更新等。。。如果使用Open Graph。如果你使用这些另一半的解决方案，你就错过了整个画面。

如果我做的所有FB工作都不遵守OG协议，我会被炒鱿鱼。

SO网友:Justin Burrow

如果指定的图像显示不正确，请确保在此处输入URL：

http://developers.facebook.com/tools/lint/

SO网友:Ashfame

如果你想使用帖子的第一张图片作为缩略图，并返回到类似于你的徽标的内容，请尝试我的插件-http://wordpress.org/extend/plugins/facebook-like-thumbnail/有关添加备用徽标图像的说明，请参阅http://blog.ashfame.com/?p=888

SO网友:Yo-L

<meta property="og:image" content="http://YOUR_IMAGE_URL" />

此方法适用于“like”：s，但稍后如果您想在ur日志中共享链接（例如）此图片是自动选择的。

如果没有这个元标记，您可以从链接站点上的所有图像中进行选择。

有人知道如何保持静态的“like”图像，但在共享url时仍然让您选择图像吗？

SO网友:Anna Billstrom

好的，我编写了一点javascript，用我选择的特色图片填充Meta-og:image。这是您添加到头文件的一次性黑客攻击。

在我的wordpress帖子中，我添加了id“特色图片”（我知道在后来的wordpress中，这是内置的，我使用的是旧的）。

<xmp><img src="http://mysite.com/catphoto.jpg" id="featured-image" /></xmp>

我为og:image编写了一个带有占位符的元标记，例如我的博客日志。在标签中添加“id=“meta image”，即。

<meta property="og:image" src="http://mysite.com/logo.jpg" id="meta-image" />

然后在标题中添加此javascript：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"> </script>

<script type="text/javascript">
$(document).ready( function(){
    var featured_image = $("#featured-image").attr("src");
    $(\'meta[property="og:image"]\').attr("content",featured_image);
});

结束

小码农CODE

我怎么才能控制Facebook的点赞形象呢？

相关推荐

使用Facebook API集成在WordPress上构建成员目录站点？