CodeMaster AcademyWhy links look different when shared on social media
When you paste a link into Facebook, LinkedIn, or a messaging app and it shows a title, description, and preview image instead of a bare URL, that's the Open Graph protocol at work — a set of meta tags (originally developed by Facebook, now widely adopted) that tells any platform reading your page exactly what title, description, and image to display in a shared preview, rather than letting each platform guess by scraping your page's visible content.
What happens without Open Graph tags
Without them, social platforms fall back to guessing — sometimes grabbing your page's regular title and meta description, sometimes picking an arbitrary image from the page, and sometimes showing nothing useful at all. This directly affects click-through rate: a shared link with a compelling image and clear description gets noticeably more engagement than a bare gray box with just a URL, which is why Open Graph tags matter for anything you expect people to actually share.
The core tags this generator produces
- og:title: The headline shown in the share preview (can differ from your page's actual title tag).
- og:description: A short summary shown beneath the title in most preview cards.
- og:image: The preview thumbnail — ideally at least 1200×630px for crisp display across platforms.
- og:url: The canonical URL the share should point back to, avoiding duplicate previews for the same content at different URL variants.
- og:type: What kind of content this is (article, website, product, etc.), which some platforms use to adjust preview layout.
Using this generator
Fill in your page's title, description, image URL, and canonical link, and the tool outputs ready-to-paste Open Graph meta tags for your page's <head>. After publishing, use a platform's own debugging tool (like Facebook's Sharing Debugger) to confirm the preview renders correctly, since platforms cache preview data and may need a manual refresh after tag changes.
Common questions
Why does my old preview image still show after I changed it?
Social platforms cache Open Graph data per URL and don't always re-scrape automatically — most platforms provide a manual "scrape again" or debugging tool to force a refresh.
Do I need different tags for every platform?
No — most platforms (Facebook, LinkedIn, WhatsApp, Slack) read standard Open Graph tags; Twitter/X specifically also checks its own Twitter Card tags, which is why a separate Twitter Card generator exists alongside this one.
Related tools
Page last reviewed: July 2026