谷歌，加上片段 - 图片缩略图未显示

测试张贴在Google+上的一个片段与下面的HTML -谷歌，加上片段 - 图片缩略图未显示

<!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>

我看到的是： enter image description here

在网络流量我看到一个失败的请求展望： enter image description here

更新：看起来像是一个缓存问题。一旦我在URL上附加了一个查询字符串，我就得到了图片。第一次我必须有一个不好的URL映像，并且它缓存了错误的URL请求。

来源

2014-03-26 dev.e.loper

imgur可能会阻止Google直接请求图片。他们最近开始将直接图片请求重定向到HTML页面，如果他们不是从Twitter/Facebook /等推荐的。尝试使用一些不同的图像主机。 – abraham

看起来像是一个缓存问题。一旦我在URL上附加了一个查询字符串，我就得到了图片。第一次我必须有一个不好的URL映像，并且它缓存了错误的URL请求。 –

看起来像是一个缓存问题。一旦我在URL上附加了一个查询字符串，我就得到了图片。第一次我必须有一个不好的URL映像，并且它缓存了错误的URL请求。

来源

2014-03-27 13:47:22

我不知道它是否会导致错误，但如果该值为URI，则可能需要使用link而不是meta。

HTML5规范定义了meta element：

[...]表示各种元数据，可以不使用[...] link [...]的元素来表示。
微观数据also explicitly requires it：

[...]必须使用URL属性元素

另外请注意，你不被指定的属性” t已经在你的Microdata中创建了一个项目，因此image属性未定义（除非在html开始标记上创建了一个项目，在您的示例中缺少该项目;或者通过body的itemref来引用它）。

来源

2014-03-26 21:18:41 unor

Google文档使用'meta'标签指定。 https://developers.google.com/+/web/snippet/你能澄清你所指的“Microdata中的物品”哪一项？ –

@ dev.e.loper：它可能适用于Google等，但它无效Microdata。 - - 回覆。项目，这是基本的Microdata概念。 Microdata“item”是通过使用'itemscope'属性创建的。它代表了一件事情。这个item/thing可以有一个类型（'itemtype'）。所有后代属性（'itemprop'）都属于这个项目。在你的小例子中，你没有创建一个项目。你的'image'属性不属于任何地方，它也没有被定义（很可能你想使用Schema.org的词汇表，但是你需要指定它）。 – unor

谷歌，加上片段 - 图片缩略图未显示

回答

相关问题