Open Graph Tags
Open Graph tags control how your pages look when shared on social platforms. Learn the required properties and why link previews break without them.
TL;DR
Open Graph tags are meta tags that tell social platforms how to display your page when someone shares it: which title, description and image to show. The protocol originated at Facebook and is now read by LinkedIn, Slack, WhatsApp, Discord and most messaging apps. Without them, platforms guess, and the result is frequently a truncated headline beside a logo fragment.
Why Open Graph tags matter
A shared link is an advertisement you did not pay for, and these tags are the only control you have over how it looks.
- Share appearance: Title, description and image are the whole preview card, and the image dominates it visually.
- Click-through: A well-composed preview earns substantially more clicks than a bare URL.
- Brand consistency: Every share of your content looks deliberate rather than assembled by an algorithm.
- Fallback prevention: Without tags, platforms select an image at random, which is often a sidebar icon.
How to implement Open Graph tags
Set the four core properties
Title, description, image and URL. These four produce a complete preview card on every platform.
Use an absolute image URL
Relative paths fail. The image must be publicly reachable without authentication.
Size the image correctly
1200 by 630 pixels is the widely supported standard, and it renders cleanly across platforms.
Set the canonical URL
The og:url property should carry the canonical address so shares of parameter variants consolidate.
Declare the type
Website for most pages, article for editorial content, which unlocks additional properties like publish date and author.
Test before you rely on it
Platform debugging tools show exactly what will render, and they cache aggressively, so validate before a launch rather than after.
Open Graph vs. Twitter Cards
Open Graph: The broad protocol, read by Facebook, LinkedIn, Slack, WhatsApp and most other platforms.
Twitter Cards: The X tag set, which offers extra layout control such as large summary images.
X falls back to Open Graph tags when Twitter Card tags are absent, so implementing Open Graph alone covers nearly everything. Add Twitter Card tags only if you want the specific card formats they provide.
Preview control is one small part of how your brand appears across surfaces you do not own. Findrix tracks how seven AI engines describe and cite you against named competitors, and flags the details they get wrong. Every gap comes with the fix already written: technical, content and off-site. The audit is free, takes about a minute, and requires no signup.
The Open Graph properties that matter
- og:title: The headline on the card, which can differ from your title tag.
- og:description: One or two lines of supporting copy.
- og:image: An absolute URL to a 1200 by 630 image, the most visually important property.
- og:url: The canonical address, so shares of variants consolidate.
- og:type: Website or article, with article unlocking author and date properties.
- og:site_name: Your brand name, displayed alongside the card on some platforms.
The caching problem that catches everyone
Platforms cache Open Graph data aggressively. The first time a URL is shared, the preview is fetched and stored, and subsequent shares reuse that stored version rather than re-reading your page.
The consequence is a familiar launch-day scramble. Someone shares a page before the tags are finished, the platform caches an empty or wrong preview, and every share afterwards shows the broken version regardless of what the page now contains.
Check tags before a page is publicly linked, and know where each platform cache-refresh tool lives for the times you do not.
Frequently asked questions
Do Open Graph tags affect SEO?
Not directly. They control social preview appearance rather than search rankings. The indirect effect is real, since better previews earn more shares and clicks, which can produce links.
What size should an og:image be?
1200 by 630 pixels is the safe standard, giving a 1.91 to 1 ratio that renders correctly across platforms. Keep the file under a few hundred kilobytes so previews load quickly.
Do I need both Open Graph and Twitter Card tags?
Usually not. X falls back to Open Graph when Twitter Card tags are missing, so Open Graph alone covers most needs. Add Twitter Cards only if you want their specific layout options.