谷歌，加上片段 - 圖片縮略圖未顯示

測試張貼在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

谷歌，加上片段 - 圖片縮略圖未顯示

回答

相關問題