使用Facebook分享按钮时出现错误的缩略图

当我点击我的一个wordpress帖子的分享按钮时，弹出窗口成功打开。它显示正确的缩略图图像，标题和摘要文本也是正确的。使用Facebook分享按钮时出现错误的缩略图

但是，当我真正去看Facebook上的份额时，缩略图是不正确的。出于某种原因，Facebook总是显示我为我制作的每一个分享而创造的第一份分享的缩略图。

奇怪的是标题和摘要总是正确的，但我无法让缩略图正常工作。

下面是我用我的Facebook分享按钮的代码：我阅读下面的答案here后把这个代码放在一起

<a class="facebook" onclick="return !window.open(this.href, 'Facebook', 'width=640,height=300')" href="http://www.facebook.com/sharer.php?s=100&amp;p[title]=This Is The Title Of My Post&amp;p[summary]=This is the summary of my post.&amp;p[url]=http://www.mywebsite.com/individual-wordpress-post/&amp;p[images[0]=http://www.mywebsite.com/images/this-is-my-thumbnail-image.jpg" target="_blank"><img class="size-full wp-image-96 alignleft" alt="shareonfacebook" src="http://www.mywebsite.com/images/this-is-my-facebook-share-button-image.jpg" /></a>

。

任何想法为什么标题和摘要总是正确的，但缩略图从来不对吗？请记住，当我点击分享按钮时，缩略图在弹出式窗口中是正确的，但当我去看Facebook上的分享时，缩略图是不正确的。

感谢您的帮助，我真的很感激。

来源

2014-02-12 user3117509

Facebook使用Open Graph protocol来确定共享网页时显示的信息。这个问题很可能不是你的链接，但缺少Open Graph标签。

要调试该问题，请将您正在测试的URL复制/粘贴到Facebook Open Graph Debugger并按下'调试'按钮。调试器将显示Faceebook在共享该特定URL时将使用的信息。

作为一个例子，对于＃1的主页的打开图标记是：

<meta name="og:type" content="website" /> 
<meta name="og:image" content="http://cdn.sstatic.net/stackoverflow/img/[email protected]?v=fde65a5a78c6"/> 
<meta name="og:title" content="Stack Overflow" /> 
<meta name="og:description" content="Q&amp;A for professional and enthusiast programmers" /> 
<meta name="og:url" content="http://stackoverflow.com/"/>

用于打开图调试器的输出如下所示。

Stackoverflow Open Graph Debug Output

解决您的问题，您可以：

更改您的WordPress主题output the Open Graph tags每个职位/页。
安装一个插件来输出Open Graph标签。 Facebook have an official plugin或者您可以使用Wordpress for SEO，它将输出Open Graph标签以及Twitter的元数据标签。

来源

2014-02-12 05:37:39 Jonathan

谢谢。你的回答是一个很大的帮助。我安装了官方的facebook插件，但我仍然有两个问题。首先，我的一些Facebook股票包括wordpress的发布日期，就像这个“Feb122014”，所以我去看了一下facebook调试器的结果，但是“Feb122014”在结果中没有任何结果。任何想法如何摆脱，或为什么它出现在一些股票，但不是其他人？ – user3117509

第二个问题是我在调试器“fb：admins和fb：app_id标记丢失了”中得到这个错误。这些标记对于Facebook呈现产生高点击率的新闻馈送故事是必需的。“我注册成为一名Facebook开发人员，所以我可以获得一个应用程序ID，它说我注册了，然后它无处可去。如果我再次点击”应用程序“下拉菜单，它只是让我可以选择再次注册为开发人员。应用程序ID是否真的有必要？还有什么想法给fb：admin？ – user3117509

我认为这两个问题都与Facebook插件有关。我实际上建议使用我的第二个建议，除非您需要与Facebook完全集成。可能需要创建一个Facebook应用程序ID，看看我的第二个建议，它可能会解决所有问题 - [http://wordpress.org/plugins/wordpress-seo/]（http://wordpress.org/plugins/） wordpress-seo /） – Jonathan

为了解决这个问题，你只需要编辑您的主题header.php并设置标签下面这段代码：

<?php 
if (has_post_thumbnail()) 
    { 
    $fb_image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full'); 
} 
?> 
<meta property="og:image" content="<?php echo $fb_image[0];?>" />

来源

2016-08-12 08:23:27 raBne

使用Facebook分享按钮时出现错误的缩略图

回答

相关问题