我的 og:image 标签有问题。我按照 SO 上关于实现标签的说明进行操作,这非常简单。当有人喜欢该页面时,它的效果非常好。但现在有一个问题,当我将链接发布到我在 Facebook 上撰写的消息中时,它不显示任何缩略图。
这是我的网站:http://www.sunlitehardware.com.au/
所以检查一下。
好吧,跳转到 Facebook,并为您的一位 friend 创建一条私有(private)消息。 粘贴此链接: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
那里有缩略图。只是发帖时不起作用。有什么想法吗?
最佳答案
Facebook Debugger是检查链接的便捷方法,通常会警告您 OG 标签存在问题。
关于html - 奥格 : Image and Facebook Link thumbnails,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6757714/