Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Facebook does not load image from og:image

It was already working, but today I was surprized, when I tryed to share the link, and Facebook did not show the image, from og:image meta tag.

from facebook debugger:

Meta Tag:   <meta property="og:description" content="Профессиональная сеть вопросов и ответов,создаваемая и управляемая сообществом пользователей. Ресурс для тех, кто хочет знать ответы на все вопросы." /> Meta Tag:   <meta property="og:title" content="Закрытое экспертное сообщество OdinOtvet" /> Meta Tag:   <meta property="og:type" content="website" /> Meta Tag:   <meta property="og:image" content="http://www.odinotvet.ru/images/logo_250.png" /> Meta Tag:   <meta property="og:url" content="http://www.odinotvet.ru" /> Meta Tag:   <meta property="og:site_name" content="ОдинОтвет" /> Meta Tag:   <meta property="fb:app_id" content="286967601317982" /> Meta Tag:   <meta property="fb:admins" content="100002890978393,100001666575542" /> 

enter image description here

Where is the image?

like image 850
Alexei Avatar asked Apr 27 '12 07:04

Alexei


People also ask

Why OG image is not working?

Right-click on your page and click on View Page Source. Then check if you're able to find the og:image tag added in the source code. If the og:image tag is not found, that means Rank Math is either disabled or not able to print your social tags.

Can OG image be PNG?

The OG Meta TagYou can use any standard image format, such as jpg or png.

How do I view an image OG?

To view the OG image with Yoast standard, you'll need to share the page directly. Go back to Facebook, start a new post and then paste the URL. You should see the correctly sized image appear above the Facebook Description meta-tag.

What size should Og image be?

The most frequently recommended resolution for an OG image is 1200 pixels x 627 pixels (1.91/1 ratio). At this size, your thumbnail will be big and stand out from the crowd. Just don't exceed the 5MB size limit.


2 Answers

The image is appearing in the Facebook debugger (although it doesn't look great since you've got some transparency which works best with your grey background which FB won't take)

Also its best to use a square image.

One thing I've found it that Facebook caches the meta data on their side. So if we do changes to things like images, they don't always surface until that cache is cleared. Perhaps you had the wrong image url/no url in the past and FB has cached that result. If so you may have to wait a while for it to clear and get your data again. I've seen it take a while (in the approx range of a day)

like image 83
Bruce Lowe Avatar answered Sep 28 '22 09:09

Bruce Lowe


Turns out the answer is to also set og:image:width and og:image:height.

See also: Facebook Open Graph No Image First Time

(In my own testing, I found that setting og:image:width and og:image:height is sufficient. Setting og:image:type is unnecessary.)

like image 41
asadovsky Avatar answered Sep 28 '22 11:09

asadovsky