无法在状态更新中更改我的网站的Facebook图标

时间:2013-02-19 16:30:02

标签: html facebook facebook-graph-api

当我在状态更新中链接到我的网站时,我无法显示正确的图像。它要么从首页抓取我不想要它使用的图像(链接到首页),要么根本没有图像(指向特定页面的链接)。

我发现了几个教程都提供了关于使用元标记来指定使用哪个图像的相同建议,我已经完成了。 Example Tutorial。例如:

<link rel="image_src" href="http://URL-TO-IMAGE" />

这没有效果。文章提到Facebook缓存这些查找并提供了URL Debugger的链接,{{3}}应该为我擦除缓存。我用它来验证我的元标记是否正确插入(它是),但它对新的状态更新没有影响。我错过了什么吗?教程说话的方式给了我一个指示,即使用这个调试器将清除页面的Facebook缓存,以便下一个查找将加载并重新缓存正确的图像。相反,似乎所有这一切都是为了测试而绕过缓存一次。

有没有办法真正强制清除此缓存,还是只需要等待?已经好几天了。此缓存需要多长时间才能过期?

重现步骤:

  1. 访问Facebook新闻Feed或时间线
  2. 在状态更新中输入我的网站的网址(如果需要,可以提供)
  3. 预期结果

    我的网站的Favicon被加载为状态更新的图标

    实际结果

    人物的图像(显示在我们网站的侧边栏中)用作图标(用于指向首页的链接。链接到网站的内部页面根本不加载任何图标。)

    此外:

    1. 访问网址调试程序
    2. 输入网站网址
    3. 确认正在加载正确的图标
    4. 在新状态更新中发布链接。
    5. 预期结果

      FB的缓存将被更新,现在将使用Favicon。

      实际结果

      Nope ...仍然是首页侧边栏上的人物链接,内页链接根本没有图标。

      更新2/22/2013:

      我将网址发布到Facebook时加载的图片已更改!但它仍然是错的:(。

      我今天早上去测试它,我现在有一个额外的图像作为选项,这意味着Facebook确实更新了它从网站上加载的内容,但它仍然不是我指定的图像在我的标签。它只是从我的其他一个侧边栏中抓取另一张图像,而我仍然没有为我的内页获取图像。

      很奇怪...... URL调试工具抓取正确的图像,所以我不认为问题是我的Meta标签。这就是URL调试器应该帮助我识别的内容。我认为在查找和Facebook实际发布的内容之间存在一些脱节。我认为这是Facebook的一个问题,除非我错过了一些巨大的东西,但我没有看到它......

      更新2/25/2013:

      我已经取得了进步,但仍有一些奇怪的事情发生。 Martey让我直接使用og:meta标签,而不仅仅是标签。我一直关注的教程说忽略了Open Graph警告,但是一旦我开始关注它们,我就得到了一些很好的信息。就像,它实际上说我的图像太小,而且它将使用另一个图像。猜猜我应该注意:)

      无论如何,问题是电子图标太小了。根据Open Graph警告,它需要在两个方向上都是200像素。所以我抓住了实际的标题徽标并尝试使用它。它的宽度为340像素。哎呀,它只有164像素高。

      所以我使用GIMP将它设置为200像素高的透明背景并再次尝试,但它仍然告诉我它太小了。它不再告诉我需要200像素。它只是说它太小了。

      我再次难过......

      2013年2月25日更新:问题已解决

      问题在于透明度。我用白色填充背景并再次尝试,现在它装得很好。

      感谢你的帮助,Martey!

1 个答案:

答案 0 :(得分:1)

您应该参考Facebook's official OpenGraph documentation,而不是使用第三方教程。他们建议使用og:image元标记来引用文档图像。

正如我在my comment中所提到的,Facebook上未更新的数据问题可能是错误格式化或错误的OpenGraph元标记的结果。如果没有麻烦页面的URL或有关URL调试器警告的信息,则很难推荐解决方案。