OG Image is the most interesting Open Graph tag , because the image always helps to instantly highlight content. Using this tag ensures that this particular image will be displayed when your page is published . This can be very useful for conversion rates and SEO in general.

<meta property=”og:image” content=”http://www.yourdomain.com/image-name.jpg” />

This element of micromarking is one of the obligatory . It is important to make sure that the tag is set, otherwise the social network or messenger will show something random from the page in the snippet, or it will not show anything at all.

It is important to remember that if your page is static and you do not use any content management system ( CMS ) (for example, WordPress ), you need to manually change og:imagefor each of your pages. If your site is managed using a CMS and you have installed the appropriate plugin, tags og:imagecan be assigned automatically for each page. Check it out on your site.


What should be the image format for og: image

The most commonly recommended resolution for an OG image is 1200 pixels x 627 pixels ( 1.91 / 1 ratio ). At this size, your sketch will be large and stands out against the general background. Just do not exceed the limit of 5 MB .

Keep in mind that the image you are using as an Open Graph image may differ from what is on your page.

It is also important to remember when placing an image with printed text , it is important to place it in the middle of the image, so that in the case of cropping (cropping) of the miniature, its informative part remains intact.