我的 og:image 标签有问题。我按照 SO 上关于实现标签的说明进行操作，这非常简单。当有人喜欢该页面时，它的效果非常好。但现在有一个问题，当我将链接发布到我在 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
那里有缩略图。只是发帖时不起作用。有什么想法吗？
I have a problem with the og:image tag. I followed the instructions on SO about implementing the tag, which was very straight forward. It works great when someone like's the page. There is now a problem though, that when I post the link into a message I am composing on facebook, it does not show any thumbnail.
Here's my site: http://www.sunlitehardware.com.au/
So check this.
Okay jump onto facebook, and create a private message to one of your friends.
Paste in this link: http://www.sunlitehardware.com.au/blog/Power-Tools-Save-Your-Energy
Watch the thumbnail box below the post generate, and pull in some data. You'll notice it has a title, a link but no image.
The head of that particular link looks like this:
<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=" />
If you take a look, the link to the og:image link, you can see the link points here:
http://www.sunlitehardware.com.au/site/assets/media/Bosch-1590EVSK-6.jpg
If you were to click that, you should be able to see the image, i know I can, so the link is working.
Seems like for some reason facebook is ignoring it ..
Take a look at the facebook lint page here: http://developers.facebook.com/tools/lint/?url=http%3A%2F%2Fwww.sunlitehardware.com.au%2Fblog%2FPower-Tools-Save-Your-Energy
It has the thumbnail there. It just won't work when making posts. Any ideas?
发布评论
评论（2）
Facebook 调试器是检查链接的便捷方法，通常会警告您 OG 的问题标签。
The Facebook Debugger is a handy way of checking your links and usually warns you of the problems with your OG tags.
对于 og:image，请尝试使用接近 50x50 的图像（您的图像大约为 1200x1200）。
For the og:image, try using an image that's closer to 50x50 (yours is roughly 1200x1200).