Open Graph image

The page has a preview image for social media cards.

On this page

    Impact

    ScanGov impact ratings

    About

    The Open Graph image tag is used to specify a preview image that appears when a page is shared on social media. Without this tag, social media platforms may not display any image, or they might display an irrelevant image, which could negatively affect user engagement and click-through rates. Including a proper Open Graph image ensures that the page looks attractive and engaging when shared on platforms like Facebook, X, and LinkedIn.

    Risks

    Shared links have no image on social media.

    Why it's important

    Sets an image for social media previews, improving engagement by displaying relevant visuals when content is shared.

    User stories

    As a social media user, I want shared links to have a clear and relevant image so that I can easily understand the content of the link before clicking on it.

    Code

    Add inside <head>:

    <meta property="og:image" content="https://example.gov/assets/share-image.jpg">

    Error

    ScanGov messaging when a site fails a standard:

    Open Graph image is missing.

    Guidance

    Indicators

    On this page