Early Access

Open Graph Meta Tags

og:image

Learn how to use the og:image meta tag to improve your site.

Defines the image that appears when a web page is shared on social media platforms. It ensures the shared content is visually appealing and contextually relevant, enhancing click-through rates from social shares.

Code Examples

<meta property="og:image" content="https://example.com/og-image.jpg" />
Specifies a well-optimized, properly sized image with the recommended aspect ratio, ideal for sharing across various social media platforms.
<meta property="og:image" content="https://example.com/high-quality.jpg" />
Uses a high-quality image that represents the content of the page, enhancing the attractiveness of the shared content.
<meta property="og:image" content="https://example.com/tiny-thumbnail.jpg" />
Specifies a very small image, which may result in a pixelated or unclear image when shared, reducing engagement.
<meta property="og:image" content="" />
Leaving the content attribute empty means no image will be displayed when shared, missing the opportunity to catch users’ attention visually.

Recommendations

  • Optimize Image Size
    Ensure the image’s size is optimized to load quickly without sacrificing quality. Large images may cause slow loading times, affecting user experience and shareability.
  • Care About Aspect Ratios
    Use an image with an aspect ratio of 1.91:1 to maximize compatibility across social platforms. This ratio ensures the full image is displayed without cropping.

Related Documentation

Related Meta Tags

og:audio

property

Defines the audio content that will accompany your page when it is shared on social media platforms that support Open Graph.

<meta property="og:audio" content="http://example.com/birdsong.mp3">
Specifies an accessible MP3 audio file on a public server, which can be easily retrieved and played by the implementing social platform.

A secure URL to an audio file to accompany your object within the Graph. Used when the standard og:audio tag URL does not support SSL.

<meta property="og:audio:secure_url" content="https://example.com/music/song.mp3">
A valid, secure URL to an MP3 file that is optimized for web usage and has broad format support.

Defines the MIME type of the audio content referenced in the og:audio tag, ensuring platforms like Facebook understand how to process the linked audio file.

<meta property="og:audio:type" content="audio/mpeg">
Indicates an MP3 audio file, which is widely supported and commonly used for music files.

og:audio:url

property

Specifies the URL of the audio content to be used as a rich object in a social graph. It is meant for integrating audio content that represents the page or is closely related to the content of the page, enhancing its representation on social media platforms.

<meta property="og:audio:url" content="https://example.com/audio.mp3">
Specifies a direct URL to an MP3 file representing the audio content associated with the page.

Defines the description of your content as you want it to appear when shared on social platforms like Facebook, LinkedIn, and others that adhere to the Open Graph protocol.

<meta property="og:description" content="Discover the top 10 SEO strategies to boost your website's traffic in 2023. Click to learn more!">
This is concise, actionable, and provides a clear benefit, encouraging users to click through.