<
zhead
>

Early Access

Open Graph Meta Tags

og:image:height

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

Specifies the height of the image in pixels used when sharing the page on social media platforms like Facebook. This helps the platform allocate the correct space for the image before it's fully loaded.

Code Examples

<meta property="og:image:height" content="600" />
Specifies the image’s height as 600 pixels, a typical value that fits within most social platforms’ guidelines.
<meta property="og:image:height" content="10000" />
An excessively high value that may lead to the image being scaled down or rejected by the platform.
<meta property="og:image:height" content="315" />
A commonly recommended height for Facebook share images, alongside a width of 600 pixels, defining a typical aspect ratio.
<meta property="og:image:height" content="" />
Omitting the height can result in unexpected cropping or layout shift when the content is shared on social media.

Recommendations

  • Optimize for Faster Load Time
    Predefining the image dimensions lets the social platform reserve space, reducing layout shifts and potentially improving load times for shared content.
  • Use with og:image:width
    Always use in conjunction with `og:image:width` for the best results, as defining both dimensions helps social platforms render images correctly without distortion.
  • Don't Exceed Platform Limits
    Know the maximum dimensions allowed by each platform to prevent your image from being scaled down or cropped unexpectedly.
  • Consider Aspect Ratios
    Plan for how your image will be cropped in feeds with different aspect ratios to ensure key elements of the image remain visible.

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.

og:audio:secure_url

property

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.

og:audio:type

property

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.

og:description

property

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.