2

我需要像缩略图一样更改 facebook，我已经尝试过了

<link rel="image_src" href="thisurl" />

和这个

<meta property="og:image" content="thisurl"/>

后来我意识到这需要放在头脑中，但是由于代码的结构，我无法在其中修改并仍然决定我需要哪个 url（我无法访问我为那里的图像所拥有的变量)，我可以这样修改

<html>
<head></head>
<body>
...
modify in here
...
</body>
</html>

我还尝试在我可以更改的区域中使用 javascript 创建一个元标记，但这不会影响它

有谁知道我可以告诉facebook我想要哪个图像作为缩略图而无需修改头部元素内部的方法

4

1 回答 1

2

正如您所说，缩略图应该放在标题中，使用 rel="image_src" 或 opengraph 标签。

在您的 html 正文中指定缩略图

如果 Facebook 无法从标题中获取您的缩略图，它会尝试从内容中获取它。它通常采用它喜欢的第一张图片，因此如果您想强制页面中不包含特定的缩略图，请在标签之后放置一个不可见的图片（使用内联 css display:none ）：

<img src=”http://www.website.com/images/thumbnail.jpg” alt=”thumbnail” height=”200″ width=”250″ style=”display:none” />

这样做，请记住：

  • 避免缩略图名称中的空格（FB 不能很好地管理空格）
  • 使用 jpg（FB 不喜欢 png）
  • 使用正确的尺寸（见下文）

检查缩略图的尺寸

Facebook 不喜欢各种尺寸的缩略图。最重要的是高度和宽度之间的比例应该小于1/3。所以 40 & 100 可以，但 30 & 100 不行。此外，Facebook 最近似乎更喜欢两个尺寸至少为 200 像素的图像（但不要忘记 1/3 规则）。

清理 Facebook 缓存

此外，您应该在每次测试之前使用 Facebook 调试工具（曾经称为Facebook Linter）清理 Facebook 缓存：http: //developers.facebook.com/tools/debug

在表单字段中插入您的网址，然后按调试。您将强制 Facebook 覆盖其有关您的链接的信息。有时您认为仍然有问题，但这只是因为它使用了错误的页面缓存版本。

关于 Facebook Linter，请注意（根据他的 OGraph 文档）：

您可以通过更新页面的标签来更新页面的属性。请注意，og:title 和 og:type 最初只能编辑 - 在您的页面收到 50 个赞后，标题变为固定，在您的页面收到 10,000 个赞后，类型变为固定。这些属性是固定的，以避免让已经喜欢该页面的用户感到惊讶。达到这些限制后更改标题或类型标签没有任何作用，您的页面将保留原始标题和类型。

于 2012-09-04T14:08:31.697 回答