Question

使用以下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>

我看到的是： enter image description here

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

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

Answer 1

我不知道它是否会导致错误，但如果值是URI，您可能希望使用link而不是meta。

HTML5规范定义了meta element：

[...]表示使用[...] link [...]元素无法表达的各种元数据。
Microdata also explicitly requires it：

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

另请注意，您尚未在微观数据中创建项目，因此未定义image属性（除非在html开始标记上创建了一个项目，但您的项目中缺少该项目例如;或者您通过itemref中的body引用它。

Answer 2

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

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

2 个答案: