0

你好亲爱的堆栈溢出社区。我很想解决这个问题，真的希望你们中的任何人都可以帮助我。

我的 Header.php 上有这段代码，告诉 facebook 在分享我的链接时显示我的特色图片缩略图。我还设置了所有打开的图形标签。

<?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 调试器传递我的 url 时，它显示了两个致命错误。一，它甚至不显示正确的图像！我通过调试器放置的每个链接都显示相同的特色图像。为什么忽略每个帖子的特色图片？

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

图片是300x300！！！为什么这么说！？

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

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

B.

4

3 回答 3

0

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

于 2013-04-17T15:46:02.357 回答
0

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

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

我在那里输入了网站的 URL，当然，规范的 URL 支配了它们，调试器去那里获取特色图像。我用

<?php echo get_permalink(); ?>

并且做到了。感谢您的帮助，我希望这个问题可以帮助其他人解决类似的问题。

于 2013-03-05T19:28:52.023 回答
-1

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 通常在发布时为用户提供图像之间的选择，但在 URL 被共享几次后，Facebook 会“冻结”一些元数据。这可能就是为什么只出现通用图像的原因。

如果您希望用户能够共享单个帖子，您应该修改较低的 OpenGraph 标签以表示单个文章而不是整个电影网站。

于 2013-03-04T07:11:30.000 回答