On-Page SEO Foundations

Open Graph and Twitter Card tags

Also known as OG tags · social meta tags · social share tags

Open Graph and Twitter Card meta tags tell social platforms and chat apps how to render a link preview: its title, description, and image.

What it is

Open Graph is a protocol of <meta property="og:*"> tags (og:title, og:description, og:image, og:url, og:type) that define a page's social representation. Twitter/X Cards add <meta name="twitter:*"> tags such as twitter:card to control the preview on X.

Why it matters

These tags control the rich preview shown when your page is shared on social media, messaging apps, and increasingly in AI tools that unfurl links. A compelling, accurate preview increases share click-through and reinforces consistent branding and entity signals across platforms.

How to verify

View source and confirm og:title, og:description, og:image, and twitter:card exist in <head> with absolute image URLs. Use a sharing debugger such as Facebook's Sharing Debugger or the LinkedIn Post Inspector to render and refresh the preview.

How to fix

Add og:title, og:description, og:image (at least 1200x630 px, absolute URL), og:url, and og:type, plus twitter:card set to summary_large_image. Keep these in sync with the page title and description, and re-scrape via a debugger after changes to clear cached previews.

In the checklist

This concept maps to a check in the GEO Score checklist.

Use the checklist

Related terms

Official references

External, opens in a new tab.

Put this into practice.

Work through every check by hand and turn it into a shareable GEO Score report — or scan your site automatically in seconds.