Question

当有人在Facebook上发布链接时，脚本通常会扫描该链接以查找任何图像，并在帖子旁边显示一个快速缩略图。对于某些URL（包括我的），FB似乎没有任何东西，尽管它们在该页面上有许多图像。

我读到FB更喜欢用户希望指定的图像的“image_src”rel标签，但这不会为我的网站生成该缩略图。

我的网址直接转到DNS，但没有转发，所以我不认为这也可能是问题。

有没有人知道为什么FB无法从我的网站生成任何缩略图？

Answer 1

最简单的方法就是链接标记：

<link rel="image_src" href="http://stackoverflow.com/images/logo.gif" />

但是您可以添加一些其他内容以使其更适合社交媒体：

打开图表标记

Open Graph标记是您添加到网站<head>的标记，用于描述您的网页所代表的实体，无论是乐队，餐馆，博客还是其他内容。

Open Graph标记如下所示：

<meta property="og:tag name" content="tag value"/>

如果使用Open Graph标记，则需要以下六个：

og:title - 实体的标题。
og:type - 实体的类型。您必须从Open Graph类型列表中选择一种类型。
og:image - 表示实体的图像的URL。图像必须至少为50像素×50像素。方形图像效果最好，但您可以使用高达三倍的图像。
og:url - 表示实体的页面的规范永久URL。当您使用Open Graph标记时，Like按钮会发布指向og:url的链接，而不是Like按钮代码中的URL。
og:site_name - 您网站的可读名称，例如“IMDb”。
fb:admins或fb:app_id - 以逗号分隔的页面管理员的Facebook ID列表或Facebook平台应用程序ID。至少，只包括您自己的Facebook ID。

有关Open Graph标签的更多信息以及有关管理页面的详细信息，请参阅Open Graph协议文档。

http://developers.facebook.com/docs/reference/plugins/like

Answer 2

我知道这个问题已经过时了，但是我最近处理了同样的问题并且在它上面绕了几个星期。谷歌上的多次搜索发现了很多有用的信息，但大部分内容都集中在Open Graph标签上，我对此并不感兴趣。原来我的网站有多个问题，但这里有一些基础知识。

正如EightyEight所说，请确保您的HTML有效 - 您的javascript和服务器端代码（PHP，ASP等）也是如此。我在一段代码中遇到一个小PHP错误，该代码作为从主页面单独调用服务器执行。由于一些奇怪的巧合，该代码产生了500错误 - 但仅适用于IE6和严格的解析引擎，如W3C验证器和Facebook页面爬虫。这个问题没有出现在现代浏览器中（Chrome 4，FF 3.5，IE 8等），所以我没有立刻看到它，但是更老/更严格的客户每次都显示500，这是FB没有的主要原因抓取我们的页面（当其他一切似乎都正确时）。
关于Randy的回复，他说正确的是Facebook会在您更新页面后保留旧页面的缓存副本。 FB声称它只持有24小时，但我经历的时间要长得多。 FORTUNATELY，FB发布了他们的“URL Linter”工具，它将向您展示在FB上共享页面时的显示方式，和它将迫使FB立即更新其页面缓存。这是一种救生工具。您可以在http://developers.facebook.com/tools/lint/
关于URL Linter工具，请注意URL的每个变体都在Facebook上单独缓存，因此“www.example.com”与“example.com”不同。此外，还存储了唯一的大写，因此“ExampleOne.com”与“exampleone.com”不同。（当我觉得缓存已经很好地更新并且客户声称他们没有看到更新时，这导致我的客户和我之间的混淆很多混乱。原来我正在寻找在exampleone.com并使用Linter来更新缓存，但他们正在查看我没有提交给Linter的exampleOne.com。因此，我最终提交了很多URL的Linter来覆盖基地。）
WyrdNEXUS建议使用image_src链接标记。这样可以确保FB正在为您的页面抓取最佳图像。关于图像文件应具有哪些规格，有一些不同的指导方针，但我已成功使用128px方形图像并且已经看到130x97图像也可以通过。这是来自http://developers.facebook.com/docs/reference/plugins/like/的Facebook官方文档：

图像必须至少为50像素×50像素。方形图像效果最好，但您可以使用高达三倍的图像。

显然，FB会为你调整一张大图，但如果事先自己调整大小，你几乎总会得到更好的效果。
关于Mike Cooper与eHow文章的链接，请避免使用该文章中的第1步。在撰写文章和Mike发布链接时，这是有效的建议，但现在最好使用URL Linter工具预览页面在共享时的显示方式。通过使用Linter，在您有机会调整它之前，不会导致FB缓存（可能）错误的页面副本。

Answer 3

使用此处提供的facebook lintter。 http://developers.facebook.com/tools/lint/

这将检查您的链接并重新获取任何图像。这也清除了任何旧的缓存。

或试试这个 - https://developers.facebook.com/tools/debug

Answer 4

要更改标题，说明和图片，我们需要在标题下添加一些元标记。

第1步：在头标记

下添加元标记

<html>
<head>
<meta property="og:url" content="http://www.test.com/" />
<meta property="og:image" content="http://www.test.com/img/fb-logo.png" />
<meta property="og:title" content="Prepaid Phone Cards, low rates for International calls with Lucky Prepay" />
<meta property="og:description" content="Cheap prepaid Phone Cards. Low rates for international calls anywhere in the world." />

下一步：点击下面的链接 https://developers.facebook.com/tools/debug

在您提到标签的文本框中添加您的网址（例如http://www.test.com/）。点击DEBUG按钮。

完成了。

您可以在此处验证https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/

在上面的网址中，u =您的网站链接

ENJOY !!!!

Answer 5

试试这个：http://www.ehow.com/how_4938148_thumbnail-show-up-facebook-share.html

Answer 6

网站的HTML有效吗？通过w3c validation service运行它。

Answer 7

实际上，如果您已经尝试在Facebook上链接该页面，那么在添加“image_src”链接之前，Facebook将继续使用旧的缓存副本，甚至看不到您的更改。尝试删除或添加“www”来修改网址，或复制您的网页以进行测试。

Answer 8

我注意到Facebook如果以https开头，不会从网站上获取缩略图，这可能是你的情况吗？

Answer 9

有同样的问题，并发现我的头部关闭标签位于错误的地方

Answer 10

老问题但是最近我似乎遇到了同样的问题，我的链接中没有显示Facebook状态更新的缩略图。我为许多客户发帖，这是相对较新的。

FB似乎不再喜欢长网址 - 如果您使用goo.gl或bitly.com等网址缩短程序，则链接/帖子中的缩略图将显示在您的FB更新中。

Answer 11

尝试使用以下内容：

<link rel="image_src" href="http://yoursite.com/graphics/yourimage.jpg" /link>`

只要你使用图片的完整路径，似乎在Firefox上工作得很好。

麻烦是由于某种原因它被垂直向下偏移。根据我的推荐，图像是200 x 200。

Answer 12

如果您使用任何插件进行搜索引擎优化，请先检查您的seo插件设置。然后找出Noindex设置，如果启用Noindex的媒体，则禁用它。

Facebook Post Link Image

12 个答案: