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" />
Where is the image?
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.
The OG Meta TagYou can use any standard image format, such as jpg or png.
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.
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.
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)
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.)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With