OG Image

An OG (Open Graph) image is the preview image that appears when a webpage is shared on social media platforms like Facebook, LinkedIn, Twitter, and messaging apps like WhatsApp and Slack. Defined in the HTML head using meta tags, this image significantly impacts click-through rates as it creates the first visual impression of your shared content in crowded social feeds.

For a blog post about web development tips, you create a custom 1200x630 pixel image showing the article title in large readable text over a relevant background. In your HTML head, you add meta property og:image with the full URL to this image. When someone shares the article on LinkedIn or in a Slack channel, this eye-catching image appears prominently alongside the title and description.