So I am currently having the same issues as noted throughout this thread. But I feel I know what the problem is, albeit not sure how to solve it.
I'm having the errors on my product display nodes that feature more than one image.
The Metatag module is producing this:
<meta property="og:image" content="https://www.MYSITE.com/sites/default/files/2656-1.jpg" />
<meta property="og:image" content="https://www.MYSITE.com/sites/default/files/2656-2.jpg" />
<meta property="og:image" content="https://www.MYSITE.com/sites/default/files/2656-3.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="263" />
<meta property="og:image:width" content="263" />
<meta property="og:image:width" content="263" />
<meta property="og:image:height" content="416" />
<meta property="og:image:height" content="416" />
<meta property="og:image:height" content="416" />However, according to this, ORDER MATTERS.
Facebook is creating this error beginning on line 5 in the above code. The first og:image:type tag is being attributed to the 3rd image in the list. It expects the URL of the image file to be listed FIRST, followed by its properties. It's seeing a property on line 6 without an image URL defined first, hence, the error.
I used a comma separated list to enter my field data into Metatag OpenGraph! And this is how it is parsing and rendering the output.
Could the culprit be with how the module parses the input fields?
Edit:After reading that full thread and seeing the solution, it turns out that the solution solved the problem but not because it was the correct one. That user was receiving the error for the same reason I am: order matters. All og:image tags MUST have all the properties of that image listed directly beneath the metatag for the Image URL.
The CORRECT output should look like this:
<meta property="og:image" content="https://www.MYSITE.com/sites/default/files/2656-1.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="263" />
<meta property="og:image:height" content="416" />
<meta property="og:image" content="https://www.MYSITE.com/sites/default/files/2656-2.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="263" />
<meta property="og:image:height" content="416" />
<meta property="og:image" content="https://www.MYSITE.com/sites/default/files/2656-3.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="263" />
<meta property="og:image:height" content="416" />
Comments
Comment #2
TynanFox commentedComment #3
TynanFox commentedAs an aside apart from the issue at hand, it's definitely a fault of Facebook's Tag Debugger. The fact that it only throws an error for the FIRST imageless property and simply ignores the ones that follow beneath seems like it would be considered shoddy work to me, but then, I don't know anyone at FB to report that to. :)
Comment #4
damienmckennaI think #2480867: Auto-generate og:image sub-tags (og:image:width, etc) would go a long way towards helping with this.