Google plus Google plus代码段-未显示图像缩略图_Google Plus_Meta Tags_Google Plus One_Schema.org_Facebook Opengraph

Google plus Google plus代码段-未显示图像缩略图

google-plus

Google plus Google plus代码段-未显示图像缩略图,google-plus,meta-tags,google-plus-one,schema.org,facebook-opengraph,Google Plus,Meta Tags,Google Plus One,Schema.org,Facebook Opengraph,正在测试使用以下HTML在Google+上发布代码片段- <!DOCTYPE html> <head> <meta property="og:image" content="http://i.imgur.com/le2WbeU.jpg" /> <meta itemprop="image" content="http://i.imgur.com/le2WbeU.jpg"> </head> <body>

正在测试使用以下HTML在Google+上发布代码片段-

<!DOCTYPE html>
<head>
    <meta property="og:image" content="http://i.imgur.com/le2WbeU.jpg" />   
    <meta itemprop="image" content="http://i.imgur.com/le2WbeU.jpg">
</head>
<body>    
</body>
</html>

我看到的是：

查看网络流量，我看到一个失败的请求：

更新：看起来是缓存问题。一旦我在URL上附加了一个查询字符串，我就得到了要提取的图像。我第一次访问某个图像时肯定有一个错误的URL，它缓存了该错误的URL请求。

我不知道这是否导致了错误，但如果该值是URI，您可能希望使用链接而不是元

HTML5规范规定：

[…]表示不能使用[…][…]元素表示的各种元数据

微观数据：

[…]必须使用URL属性元素指定属性

还请注意，您没有在微数据中创建项目，因此除非在html开始标记上创建项目，否则不会定义image属性，这在您的示例中是缺失的；或者通过主体中的itemref引用它。

看起来这是一个缓存问题。一旦我在URL上附加了一个查询字符串，我就得到了要提取的图像。我第一次一定是有一个错误的图像URL，它缓存了错误的URL请求。

Google文档使用meta标记指定。你能澄清一下你在微数据中所指的是什么吗？哪个项目？@dev.e.loper：它可能适用于谷歌等，但它是无效的微数据。项目，这是基本的微数据概念。使用itemscope属性创建微数据项。它代表一种东西。此项/对象可以具有itemtype类型。所有子体属性itemprop都属于此项。在您的小示例中，您没有创建项目。你的图像属性不属于任何地方，也没有定义。你可能想使用Schema.org词汇表，但你需要指定它。imgur可能正在阻止谷歌对图像的直接请求。他们最近确实开始将直接图像请求重定向到HTML页面，如果它们不是从Twitter/Facebook/等引用的。尝试使用一些不同的图像主机。看起来这是一个缓存问题。一旦我在URL上附加了一个查询字符串，我就得到了要提取的图像。我必须有一个坏的URL到一个图像的第一次，它缓存了错误的URL请求。