Question

您好亲爱的Stack溢出社区。我迫切希望解决这个问题，真的希望你们中的任何人都能帮助我。

我在Header.php上有这段代码，告诉Facebook在分享我的链接时显示我的精选图片缩略图。我也设置了所有的Open图标。

<?php
global $wp_query;
$thePostID = $wp_query->post->ID;
if( has_post_thumbnail( $thePostID )){
    $thumb_id = get_post_thumbnail_id( $thePostID );
    $image = wp_get_attachment_image_src( $thumb_id );
    echo '<meta property="og:image" content="'.$image[0].'" />';
} ?>

我已在浏览器中确认代码正确呈现并且指向相应的缩略图文件。该文件是300x300所以它应该是正确的。

嗯，它不是！

当我通过facebook调试器传递我的网址时，它显示出两个致命的错误。一，它甚至没有显示正确的图像！我通过调试器发出的每个链接都显示相同的特色图像。为什么忽略每个帖子的特色图片？

并且它还说我的图像不符合他们的最小尺寸要求（200x200）

图像是300x300 !!!为什么这么说！？

我的网站是www.estamosobservando.com，如果有人想通过调试器传递它。

如果你能帮助我赢得与Opengraph，Facebook和全世界的战斗，你将永远感激我！

乙

Answer 1

好的我修好了......也许这会帮助其他用户遇到同样的问题...尽管在源代码中渲染了正确的图像，但是在每个链接中使用相同缩略图的原因是因为

<meta property="og:url" content="行。

我在那里输入了网站的网址，当然，规范网址统治了所有网址，然后调试人员去那里获取精选图片。我用

替换了这个值

<?php echo get_permalink(); ?>

就是这样做的。感谢您的帮助，我希望这个问题可以帮助其他人解决类似问题。

Answer 2

尝试Facebook开发人员调试器。它对我有用 - https://developers.facebook.com/tools/debug

Answer 3

http://estamosobservando.com/的HTML在其标题中包含两个og：image标记：<meta property="og:image" content="http://estamosobservando.com/wp-content/uploads/2011/06/servicios-publicos-bogota-concept-art-150x150.jpg" />和<meta property="og:image" content="http://estamosobservando.com/wp-content/themes/servicios/images/ogtag-2013.jpg" />。

由于您网站上的所有网页都使用相同的og：url标记，因此用户在您网站上分享的任何网页都会共享主页。虽然Facebook通常在发布时为用户提供图像之间的选择，但Facebook在共享URL几次后“冻结”了一些元数据。这可能就是为什么只出现通用图像的原因。

如果您希望用户能够分享各个帖子，则应修改较低的OpenGraph标记以代表individual articles而不是film website as a whole。

尽管尺寸正确，但发布的缩略图并未显示在Facebook上。

3 个答案: