All geek questions in one place

Facebook does not recognize metadata

I'm having trouble getting Facebook to recognize the og: image tag. It seems to scratch correctly, but then I get the following warning:

og: image cannot be loaded or too small If og: image cannot be loaded or not large enough. Please use an image that is at least 200x200px and is accessible from Facebook. The image http://ericrovtar.com/images/logo/800x200_reverse.png 'will be used instead.

Still looking at the source data of the debugger:

"image": [ { "height": 1080, "url": "http://ericrovtar.com/images/posts/fitz-simmons.jpg", "width": 1920 } ],

Obviously, he sees the correct height and width, and they meet the minimum requirements of Facebook, so I'm not sure what he is complaining about.

If someone helps me figure this out, it will be great.

+6
source share
5 answers

which is a common problem, and is occasionally reported as a bug in the Developer Forum. Your image may be too large and not loading (or loading too slowly). The image recommended by Facebook is now 600x600 pixels, if I remember correctly, and we can sometimes find this problem using Google Crawler (this means that the image is too small, even if the resolution and size are correct). You can find the bug report that is currently open and sign up if you want here: https://developers.facebook.com/bugs/294523810715538/

+7
source

I added extra metadata for the images listed here: http://ogp.me/ and it worked. In particular:

 <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:width" content="400" /> <meta property="og:image:height" content="300" />

But this did not work initially when my image was 366x363, although this is about a min. 200x200. I had to double the image size, and then it worked. Way to FB!

+14
source

A very common problem when og: debugging the image is the wrong value for "og: url". Even trailing slashes and substance in the form of letters in the meaning of og: url. It must be exactly the same as the one you use for it to work.

I also added this answer to the following error report streams:

https://developers.facebook.com/bugs/511829238949092 https://developers.facebook.com/bugs/204880016332273

+3
source

What I learned about is that Facebook relies too heavily on the correct HTTP headers for images.

I had an image that didn't have a Content type header, and facebook chose an error. As soon as I corrected the title of the content type to the correct one ("image / png" in my case), it started working.

(One small correction - this particular picture still did not work, it seems to me, due to caching on the Facebook side, but another similar image was clearly visible).

+1
source

I encountered an error sent in this question, and the problem turned out to be that we served the web page via SSL, and the Internet had an unsafe og:image tag.

Site URL: https://ourpage.com/the-article

When we had only this tag on the page, the error from the question: og: image cannot be loaded or is too small. Provided by. og: image cannot be loaded or not large enough .:

 <meta property='og:image' content='https://ourpage.com/img.jpg' />

When we added this tag to the page, the page was correctly confirmed:

 <meta property='og:image:secure_url' content='https://ourpage.com/img.jpg' />
+1
source

Source: https://habr.com/ru/post/969771/

More articles:


All Articles