<zhead>

Open Graph Meta Tags

og:video:alt

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

Provides an alternative text description of a video, enhancing accessibility and giving context to the video content shared on social platforms.

Code Examples

<meta property="og:video:alt" content="A scenic drone footage over the Alps showing the breathtaking views of the mountains." />
This alternative text provides a detailed and descriptive overview of the video content, enhancing accessibility and context.
<meta property="og:video:alt" content="An instructional video on how to bake a chocolate cake, step by step." />
This description offers clear context about the educational content of the video, useful for search optimization and for users unable to watch.
<meta property="og:video:alt" content="Video" />
Using a non-descriptive word like "Video" fails to provide any context or accessibility enhancement.
<meta property="og:video:alt" content="" />
Leaving the og:video:alt property empty misses an opportunity to improve both accessibility and content understanding for social platform users.

Recommendations

  • 01
    Describe Video Content Effectively
    Write detailed descriptions that clearly explain the video's content and context, enabling users who cannot view the video to understand its essence.
  • 02
    Include Relevant Keywords
    Strategically incorporate keywords related to the video content to optimize discoverability on social platforms and improve SEO.

Related Documentation

Related Meta Tags

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.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta property="og:description" content="Discover the top 10 SEO strategies to boost your website's traffic in 2023. Click to learn more!">
</html>
This is concise, actionable, and provides a clear benefit, encouraging users to click through.

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.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta property="og:audio:type" content="audio/mpeg">
</html>
Indicates an MP3 audio file, which is widely supported and commonly used for music files.

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.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta property="og:audio:secure_url" content="https://example.com/music/song.mp3">
</html>
A valid, secure URL to an MP3 file that is optimized for web usage and has broad format support.

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.

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta property="og:audio:url" content="https://example.com/audio.mp3">
</html>
Specifies a direct URL to an MP3 file representing the audio content associated with the page.

og:audio

property

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

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta property="og:audio" content="http://example.com/birdsong.mp3">
</html>
Specifies an accessible MP3 audio file on a public server, which can be easily retrieved and played by the implementing social platform.