Open Graph image (Usability)
Preview image for social sharing.
On this page
Impact
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.
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.
Error
(ScanGov messaging when a site fails a standard)
Open Graph image is missing.
Guidance
Indicators
Related
Usability
- Page title
- Page description
- Readability
- Viewport meta tag
- www resolution
- Cumulative Layout Shift (CLS)
- First Contentful Paint (FCP)
- Interaction to Next Paint (INP)
- Largest Contentful Paint (LCP)
- Time to First Byte (TTFB)
- Open Graph site name
- Open Graph type
- Open Graph title
- Open Graph description
- Open Graph URL
- Open Graph image alt
On Project ScanGov
Link copied!
On this page