Open Graph Tags
Meta tags that control how your content appears when shared on social media platforms.
The Definition
Open Graph (OG) tags are HTML meta elements originally created by Facebook that control the title, description, image, and URL shown when your page is shared on social media. Twitter Cards serve a similar purpose for Twitter/X. Together, they define your content's social media preview appearance.
Why It Matters
Pages with properly configured OG tags get significantly more engagement when shared on social media. A compelling image and title can increase click-through rates from social shares by 2-3x. Missing OG tags result in poor-looking previews that discourage clicks.
Best Practices
Set og:image to at least 1200x630 pixels for optimal display on Facebook, LinkedIn, and other platforms
Include both Open Graph tags and Twitter Card tags — Twitter falls back to OG tags, but dedicated Twitter tags give you more control
Use unique og:title and og:description for each page rather than duplicating your SEO title and meta description
Test social previews with Facebook Sharing Debugger and Twitter Card Validator before sharing important pages
Include og:type (article, website, product) for proper content categorization on social platforms
Set og:url to the canonical URL of the page to avoid duplicate content signals in social graph
Mistakes to Avoid
- 1
Using images that are too small (under 200x200) resulting in no image preview on social platforms
- 2
Forgetting to update OG tags when page content changes, showing stale previews on social shares
- 3
Missing og:image:width and og:image:height, causing slow rendering of social previews
- 4
Not setting a fallback default OG image for pages without specific featured images
Audit Checks
How Digispot AI identifies and fixes related issues
Incomplete social media URL
Impact: Reduces visibility and engagement in social shares
Add complete resolvable URL for external systems to preview your page, images, etc.
Missing social media title
Impact: Reduces visibility and engagement in social shares
Add og:title and twitter:title meta tags
Missing social share image
Impact: Significantly reduces engagement on social platforms
Add og:image and twitter:image meta tags
Missing social media description
Impact: Reduces click-through rate from social shares
Add og:description and twitter:description meta tags
Social share image URL is broken or inaccessible
Impact: No image will display in social shares, significantly reducing engagement and click-through rates
Fix the image URL or replace with an accessible image that returns a 200 status code
Social share image dimensions are not optimal
Impact: May result in cropped or poorly displayed images
Use images of recommended dimensions (1200x630px for OG, 1200x600px for Twitter)