html – 使用OpenGraph元标记显示错误图像的Google Plus共享对话框

前端之家收集整理的这篇文章主要介绍了html – 使用OpenGraph元标记显示错误图像的Google Plus共享对话框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用OpenGraph标签,所以当我在Facebook或Google上分享我的页面时,这些服务将知道应该在共享对话框中显示什么图像.
<Meta property="og:title" content="Best Site Ever" />
<Meta property="og:description" content="This website rules" />
<Meta property="og:image" content="http://example.com/image.png" />

两个服务都显示正确的图像,但我更改了og:image中的图像(和文件名).只有Facebook在通过URL调试器运行后才显示新图像. Google正在显示图片,我还通过他们的调试器运行了我的网址,但图片不会更新.谁知道为什么?

解决方法

使用 the structured data tool检查Google正在解析的元数据/架构.此外,有时服务正在缓存数据,尝试在测试时将锚或参数附加到您的URL(例如 https://foo.com变为 https://foo.com/#test1 https://foo.com?bar=1).缓存无效所需的时间尚不清楚,因此强制爬网程序重新计算页面显示代码段的唯一一致方法是更改​​URL.

您可能想要try generating schema using the Google+ snippet tool.另外,请注意article rendering has requirements that you can follow以控制图像在流中的显示方式.请注意,如果您希望使用大图像呈现内容,则必须为架构类型指定文章,博客博客文章.

猜你在找的HTML相关文章