Google plus snippet - Image thumbnail is not shown

StackOverflow https://stackoverflow.com/questions/22671862

题

Testing posting a snippet on Google+ with following 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>

What I see is: enter image description here

Looking at network traffic I see a failed request: enter image description here

UPDATE: Looks like it was a caching problem. Once I appended a query string on to the URL, I got the image to pull up. I must have had a bad URL to an image the first time and it cached that bad URL request.

有帮助吗？

解决方案 2

Looks like it was a caching problem. Once I appended a query string on to the URL, I got the image to pull up. I must have had a bad URL to an image the first time and it cached that bad URL request.

其他提示

I don’t know if it causes the error, but you might want to use link instead of meta if the value is a URI.

  • The HTML5 spec defines that the meta element:

    […] represents various kinds of metadata that cannot be expressed using the […] link […] elements.

  • Microdata also explicitly requires it:

    […] the property must be specified using a URL property element


Also note that you don’t have created an item in your Microdata, so the image property is not defined (unless an item is created on the html start tag, which is missing in your example; or you reference it via itemref from the body).

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top