Open Graph metadata

og:image:url

An alias of og:image. It provides the URL of an image that represents the object.

Code examples

Good example
<meta property="og:image:url" content="https://example.com/path/to/image.jpg">
An absolute URL to the image resource.
Avoid this example
<meta property="og:image:url" content="/path/to/image.jpg">
Use an absolute URL so every consumer resolves the same resource.
Avoid this example
<meta property="og:image:url" content="file:///home/user/image.jpg">
A local file URL cannot be fetched from the web.

Recommendations

  • 01
    Use an Absolute URL
    Choose a public image URL that consumers can fetch without cookies or authentication.
  • 02
    Keep Details Together
    Put type, width, height, and alt properties immediately after this URL.
  • 03
    Use a Stable URL
    Avoid short-lived signed URLs that may expire before a consumer fetches the page.

Related documentation

Related meta tags

og:audio

property

Provides the URL of an audio file that accompanies the Open Graph object.

<meta property="og:audio" content="https://example.com/birdsong.mp3">
An absolute, public URL to the audio file.

Provides an alternate HTTPS URL for the audio declared by the preceding og:audio property.

<meta property="og:audio:secure_url" content="https://example.com/music/song.mp3">
A valid HTTPS alternate for the audio resource.

Provides the MIME type of the audio resource declared by the preceding og:audio property.

<meta property="og:audio:type" content="audio/mpeg">
The registered media type for MP3 audio.

og:audio:url

property

An alias of og:audio. It provides the URL of an audio file that accompanies the object.

<meta property="og:audio:url" content="https://example.com/audio.mp3">
An absolute URL to the audio file.

Provides a one or two sentence description of the Open Graph object.

<meta property="og:description" content="A practical guide to choosing and caring for indoor plants in low-light rooms.">
Explains the subject in one specific sentence.