Og：图片和 Facebook 链接缩略图答案

【问题标题】：Og: Image and Facebook Link thumbnailsOg：图片和 Facebook 链接缩略图
【发布时间】：2011-07-20 06:13:23
【问题描述】：

我的 og:image 标签有问题。我遵循了关于实现标签的说明，这非常简单。当有人喜欢该页面时，它的效果很好。但是现在有一个问题，当我将链接发布到我在 facebook 上撰写的消息中时，它没有显示任何缩略图。

这是我的网站：http://www.sunlitehardware.com.au/

所以检查一下。

好的，跳到 facebook，给你的一位朋友创建一条私人消息。粘贴在此链接中：http://www.sunlitehardware.com.au/blog/Power-Tools-Save-Your-Energy 观看帖子下方的缩略图框生成，并提取一些数据。您会注意到它有一个标题、一个链接但没有图像。

该特定链接的头部如下所示：

 <head>
    <link rel="shortcut icon" type="image/x-icon" href="http://www.sunlitehardware.com.au/site/assets/template/images/favicon.ico" />

    <meta property="og:title" content="Power Tools - Save Your Energy" />
<meta property="og:image" content="http://www.sunlitehardware.com.au/site/assets/media/Bosch-1590EVSK-6.jpg"/>  

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content=" Sunlite Hardware stock a massive range of tools for all your hardware needs in Sydney City & Bondi Junction." />
    <meta name="keywords" content=",hardware, store, city, power tools, llight bulbs, paint, sydney, bondi junction" />
    <meta name="verify-v1" content="Ow6TX6iHLufi9DAwV6mWquC9SEW4Les+o/wz29uUdeY=" />

如果你看一下 og:image 链接的链接，你可以在这里看到链接点： http://www.sunlitehardware.com.au/site/assets/media/Bosch-1590EVSK-6.jpg

如果你点击它，你应该可以看到图片，我知道我可以，所以链接有效。

似乎出于某种原因 facebook 忽略了它.. 在此处查看 facebook lint 页面：http://developers.facebook.com/tools/lint/?url=http%3A%2F%2Fwww.sunlitehardware.com.au%2Fblog%2FPower-Tools-Save-Your-Energy

那里有缩略图。只是在发帖时不起作用。有什么想法吗？

【问题讨论】：

标签： html facebook facebook-opengraph

【解决方案1】：

Facebook Debugger 是一种检查链接的便捷方式，通常会警告您 OG 标签存在问题。

【讨论】：

【解决方案2】：

对于 og:image，请尝试使用更接近 50x50 的图像（您的图像大约为 1200x1200）。

【讨论】：

嘿伙计，好主意。不过我试过了，没什么区别。例如，如果您查看根页面，它的图像只有 100x100。这与 1200x1200 的页面存在相同的问题。感谢您的尝试。
查看您缺少的字段。您缺少 og:title、og:url 等。