2011-07-20 134 views
2

我有一个og:image标记的问题。我遵循关于实施标签的指示,这非常简单。当有人喜欢这个页面时,它效果很好。现在有一个问题,当我将链接发布到我正在撰写Facebook的消息中时,它不显示任何缩略图。og:图像和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:图像链接,你可以看到这里的链接点: http://www.sunlitehardware.com.au/site/assets/media/Bosch-1590EVSK-6.jpg

如果你点击它,你应该能够看到图像,我知道我可以,所以链接工作。

好像出于某种原因Facebook是无视吧.. 看看Facebook的页面皮棉这里:http://developers.facebook.com/tools/lint/?url=http%3A%2F%2Fwww.sunlitehardware.com.au%2Fblog%2FPower-Tools-Save-Your-Energy

它有缩略图。它在发布帖子时不起作用。有任何想法吗?

回答

1

对于og:图片,请尝试使用更接近50x50的图片(您的图片大致为1200x1200)。

+0

嘿伙计,好主意。我已经尝试过,但没有区别。例如,如果您查看根页面,它的图像仅为100x100。这与使用1200x1200的页面具有相同的问题。感谢您的尝试。 – Jason

+0

看看你错过的领域。你缺少og:title,og:url等 –