Open Graph & Twitter Card Preview
See how your link will look when it's shared on Facebook, LinkedIn and X — then copy the matching og: and twitter: meta tags straight into your page <head>.
Meta tags
Why this is worth two minutes
Every time your link is shared without Open Graph tags, the platform guesses — and its guess is usually an ugly fragment of text and a random image, or nothing at all. A clean share card measurably lifts click-through, because a link that looks intentional gets trusted. Set these once per important page and every share, by you or anyone else, looks deliberate.
The card is your link's first impression
When someone shares your page, the share card is what their entire audience sees before deciding whether to click — and most of them will never see anything else. That makes it a piece of marketing real estate you'd be foolish to leave to chance, yet the default behaviour of leaving Open Graph tags unset does exactly that. The platform falls back to scraping whatever it can find, which often means a stray sentence and a logo, or a blank rectangle that signals "low effort" before a word is read. Setting the title, description and image deliberately turns every share — yours and other people's — into a small, consistent ad for the page.
Set it, then validate it
Two practical notes once you've added the tags. First, platforms aggressively cache what they scrape, so if you change a card you may need to clear it using the platform's own sharing debugger before the update shows — otherwise you'll keep seeing the old version and assume your tags are broken. Second, host the image at a stable, publicly reachable URL with no login wall; if the scraper can't fetch it, the card falls back to no image regardless of your tags. Get those two things right and the card you preview here is the card the world sees.
TrafficBud.io
One snippet is a start. TrafficBud audits your whole site, finds the keywords you're missing, and hands you a monthly SEO plan.
Frequently asked questions
What are Open Graph tags?
Open Graph (og:) meta tags tell social platforms how to display your link when someone shares it — the title, description and image that appear in the share card. Facebook created the standard, and LinkedIn, Pinterest, Slack and most others read the same tags.
Do I need separate Twitter Card tags?
X reads Open Graph tags as a fallback, so you can get a decent card from og: tags alone. Adding twitter: tags gives you finer control — choosing the large-image card format and setting the attribution handle. This tool outputs both so you're covered everywhere.
What image size should I use?
1200×630 pixels (a 1.91:1 ratio) is the safe default for the large share card across platforms. Keep important text away from the edges, since some placements crop slightly, and keep the file under about 5MB so it loads reliably when the platform scrapes it.