【问题标题】:Post thumbnails not showing on facebook despite correct size.尽管尺寸正确,但在 Facebook 上发布的缩略图未显示。
【发布时间】:2013-02-18 03:20:02
【问题描述】:

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

我的 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.

【问题讨论】:

  • 我之前也遇到了同样的问题,然后我尝试将图像移动到根目录。所以 og:image 指向 domain.com/image.jpg 并且工作正常。也许你可以从那里开始。
  • 感谢您的帮助! og:image 标记中引用的图像显示正确。问题在于每个帖子的特色图片...是否可以更改每张图片的名称和/或位置?
  • 我最大的问题是......当代码为每个帖子呈现正确的特色图像时,为什么调试器会向我显示一个不相关的缩略图?

标签: facebook wordpress thumbnails facebook-opengraph


【解决方案1】:

http://estamosobservando.com/ 的 HTML 在其标头中有两个 og:image 标签:&lt;meta property="og:image" content="http://estamosobservando.com/wp-content/uploads/2011/06/servicios-publicos-bogota-concept-art-150x150.jpg" /&gt;&lt;meta property="og:image" content="http://estamosobservando.com/wp-content/themes/servicios/images/ogtag-2013.jpg" /&gt;

由于您网站上的所有页面都使用相同的 og:url 标签,因此用户在您网站上共享的任何页面都将共享主页。虽然 Facebook 通常在发布时为用户提供图像之间的选择,但在 URL 被共享几次后,Facebook 会“冻结”一些元数据。这可能就是只显示通用图像的原因。

如果您希望用户能够分享单个帖子,您应该修改较低的 OpenGraph 标签以表示 individual articles 而不是 film website as a whole

【讨论】:

  • 你好 Martey 你好吗?嗯,第一个元属性对应于每个帖子的特色图像。第二个对应于为整个站点定义的图像。这不应该是这样吗?第一个标签是由我在问题中发布的代码生成的。有什么想法吗?
  • 你知道为什么 facebook 调试器会忽略第一个 Meta 属性并且总是为每个帖子显示相同的缩略图吗?
  • 感谢 Martey 的帮助。我刚刚阅读了 Facebook 指南,但有点困惑。在 wordpress 站点中,整个站点的标题是相同的。如何更改每个帖子的标签?
  • 是否有任何功能可以让我专门确定(使用 Url)每个帖子的特色图片?这可以解决这个问题吗?
  • 我注意到了别的东西...调试器不断获取错误的 og:tag 图像。它检索元标记:estamosobservando.com/wp-content/uploads/2011/06/…" /> 忽略
【解决方案2】:

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

&lt;meta property="og:url" content=" 行。

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

替换了那个值

&lt;?php echo get_permalink(); ?&gt;

然后就做到了。感谢您的帮助,我希望这个问题可以帮助其他人解决类似的问题。

【讨论】:

    【解决方案3】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-09-10
      • 1970-01-01
      • 2015-10-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多