Open Graph and Twitter Card Tags: Make Your Links Shine
28/07/2026
Paste your site link into Facebook, LinkedIn or a post on X, and a card appears: an image, a title and a short description. Whether that card looks inviting or like a bare URL depends on your Open Graph and Twitter Card tags. These are meta tags in the <head> of the page that social platforms read when someone shares your URL. Without them, the platform guesses — and usually guesses badly.
What Open Graph is
The Open Graph protocol was introduced by Facebook long ago, but almost every platform uses it today: LinkedIn, WhatsApp, Viber, Slack, Discord. The four core tags are og:title, og:description, og:image and og:url. Alongside them go og:type (use article for blog posts) and og:site_name. When these are set, every shared link gets a controlled, branded look instead of a random image pulled from the page.
- og:title: the card title; it can differ from the <title> tag and be more compelling for social.
- og:description: 2 to 4 sentences that invite the click.
- og:image: an image of 1200×630 pixels; smaller than that looks blurry or gets cropped.
- og:url: the canonical URL of the page, without tracking parameters.
Twitter Card tags
X (formerly Twitter) uses its own tags starting with twitter:. The most important is twitter:card — for most content use summary_large_image, which shows a large image above the title. Add twitter:title, twitter:description and twitter:image. The good news: if Twitter tags are missing, X falls back to Open Graph, so in practice Open Graph covers most cases, and you add Twitter tags only when you want a different title or image specifically for X.
The image matters most
A card with no image, or the wrong dimensions, loses most of its effect. The recommended size is 1200×630 pixels, JPG or PNG, under 1 MB for fast loading. Since that image is pulled from your hosting every time someone shares the link, it needs to be served quickly — a fast server and a CDN directly affect how fast the card renders. If quick image delivery to a worldwide audience matters to you, look at our SEO hosting plans with a free global CDN and packages and pricing.
Common mistakes
The most common mistake is og:image pointing to an image that no longer exists or is too small. The second is caching — when you change tags, Facebook still shows the old version until you refresh the cache through their Sharing Debugger. The third is forgetting og:url, so shares from different URL variants are counted separately. Always test the link through Facebook Sharing Debugger and a card validator before you launch a campaign.
How it fits the rest of SEO
Open Graph does not directly affect Google rankings, but it affects how many people click when you share content — and traffic and engagement are part of the wider picture. To understand how structured data works together, read our guide to schema markup and how FAQ schema markup earns rich results. Since the title and description matter in both search and social, our guide to meta titles and descriptions that earn clicks is useful too.