html - 奥格 : Image and Facebook Link thumbnails

标签 html facebook facebook-opengraph

我的 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/

相关文章:

facebook - 我 friend 的 Open Graph 内置操作(如 video.watches 或 news.reads)总是空的

facebook - Facebook 故事附件中的换行符

html - 在 Internet Explorer 中运行以下代码的替代解决方案是什么?

javascript - 用 Regex 替换空格而不替换空的 HTML 标签

facebook - spring-security-facebook、s2-init-facebook 未生成默认 Dao

facebook - 添加 facebook like 按钮会创建新页面。可以合并/修复吗?

javascript - JQuery 不加载通过服务获得的效果

html - 如何设置输入标签的宽度100%

facebook - 如何从 Facebook Insights API 获取结果

javascript - Ionic 2 Facebook 登录 - 'App Not Setup' & 'Not Logged in' & 'Given URL is not allowed' 错误