Open Graph metadata

og:image

Provides the URL of an image that represents the Open Graph object. It is one of the four required basic properties.

Code examples

<meta property="og:image" content="https://example.com/cover.jpg">

An absolute URL to a representative image.

<meta property="og:image" content="https://cdn.example.com/article/diagram.png">

A public image hosted on a separate origin is also valid.

<meta property="og:image" content="/cover.jpg">

Use an absolute URL so every consumer resolves the same resource.

<meta property="og:image" content="">

An empty value does not identify an image.

01
Use an Absolute URL
Choose a public image URL that consumers can fetch without cookies or authentication.
02
Add Image Details
Put type, width, height, and alt properties immediately after the image they describe.

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.

property

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.

property

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.

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.

property

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.