好的伙计们......我已经彻底研究了这个问题 - 我已经走到了尽头,我的主管很生气。任何帮助表示赞赏。
当我从我的网站分享网页时,facebook opengraph缩略图不起作用。我确定我有og:图像正确实现。我已将JPG缩略图的大小调整为130x110像素。我甚至尝试用display:none隐藏页面中相同缩略图的另一个副本。
示例页面:http://www.classical917.org/houston_public_radio-arte_publico.php
从该页面:
Facebook调试器(以前称为Linter)选取图像的URL,但显示一个空白框。当我单击空白框时,图像会加载。
当我从我的网站发布一个页面到Facebook“你的想法是什么?” Facebook,Facebook从我的og:标签中获取标题和描述,对图像进行一段时间的思考,然后加载没有图像。
是因为我正在尝试为网站上的每个页面使用相同的徽标图像吗?那不是吗?我的形象有问题(虽然我尝试了几个版本)?我经常因使用调试器而受到惩罚吗? Facebook讨厌我的网站吗?
感谢您提出任何想法或建议。在我被调到我的主管办公室之前,我急切地想要修理它。:P
答案 0 :(得分:0)
根据w3c validator,您的网站有215 xhtml验证错误。 Facebook可能很难解析包含如此多错误的页面。它也可能是一个缓存问题,虽然linter工具应该清理缓存,而linter工具正在正确地拉入图像。它也可能不喜欢完整路径URL。尝试相对路径。
作为解决方法,您还可以尝试以旧方式指定图像:
<link rel="image_src" href="/_images/logo-facebook-130x110-kuha.jpg" />
其他问题无效(Facebook不会惩罚您,如果您使用相同的图片,他们也不在乎)。
答案 1 :(得分:0)
尝试删除og:description
元数据中的换行符。