Og:image Meta Tag

The og:image meta tag is one of the Open Graph meta tags that is used by many apps to improve the display of content that is shared on their networks. The Open Graph protocol was invented by Facebook, but it is used by other social media sites and messaging apps, such as Twitter, LinkedIn, Discord and Apple Messages. It is the standard way to control the preview of what people see when a URL is shared.

This particular meta tag is used to display an image that represents the content of the page. This image will be the primary thing that users see, since it will take up the most space. It should compliment the og:title, og:url and og:description meta tags, since these will also be displayed.

<meta property="og:image" content="https://www.example.com/image.jpg" />

The image should be at least 1200x630 pixels and should maintain the 1.91:1 width to height size ratio. Some apps will crop the image to a square, so you may want to consider this and put the most important part of the image in the center. Whenever possible, the image should be customized for each individual page, but if this isn't possible you can include a link to the website's logo or a similarly branded image.

For more information, please read our detailed Open Graph Meta Tag tutorial.