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.
Google plus snippet - Image thumbnail is not shown
-
22-06-2023 - |
Frage
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:
Looking at network traffic I see a failed request:
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.
Lösung 2
Andere Tipps
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
).