Early Access

Open Graph Meta Tags

og:image:secure_url

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

The og:image:secure_url meta tag specifies the secure URL for an image that represents the content of the page. This meta tag is used when the page is shared on social media platforms supporting the Open Graph protocol.

Code Examples

<meta property="og:image:secure_url" content="https://example.com/image.jpg" />
A secure HTTPS URL featuring a high-resolution, properly sized image tailored for social sharing.
<meta property="og:image:secure_url" content="http://example.com/image.jpg" />
An HTTP URL is not secure, potentially leading to warnings or blocking when shared on social platforms.
<meta property="og:image:secure_url" content="" />
An empty content attribute will not provide any image for social sharing, missing the opportunity to visually engage users.

Recommendations

  • Use HTTPS URLs
    Ensure the URL starts with HTTPS to denote a secure connection. Social platforms prefer secure content to maintain user security.
  • High-Resolution Images
    Use high-resolution images to capture the user’s attention. Social platforms often have minimum size requirements for shared images to display them prominently.
  • Compress Images
    Optimize image size without sacrificing quality to improve load times, enhancing shareability across social platforms.
  • Image Aspect Ratio
    Adhere to recommended aspect ratios to ensure the image displays correctly without cropping important details.

Related Documentation

Related Meta Tags

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.

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 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.

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

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.