Open Graph Preview
See exactly how your link will look when it’s shared on Facebook and LinkedIn, then copy the
matching Open Graph meta tags straight into your page’s <head>. Edit the title,
description, URL and image and watch both social cards update instantly — everything runs in your
browser and nothing is sent to a server.
Your Open Graph tags
Paste a direct image URL. Recommended size 1200×630 (1.91:1). Leave blank for a placeholder.
Controls Twitter/X card style. Large image mirrors the Facebook layout; summary shows a small thumbnail.
Live preview
Preview is an approximation. Each network crops images and truncates text slightly differently, and may cache an old version of your page — re-scrape after publishing (see below).
Generated meta tags
Paste these inside the <head> of your page. Empty fields are omitted automatically.
What is Open Graph — and how to use this tool
Open Graph is a small set of <meta> tags (a protocol
originally from Facebook) that tell social networks and chat apps how to display your link. When
someone shares your URL on Facebook, LinkedIn, Messenger, WhatsApp, Slack or Discord, the platform
reads these tags to build the share card — the image, headline, description
and domain. Without them, networks guess, and your link often shows up as a bare URL with no image
and a random snippet, which kills click-through.
The four tags that matter most are og:title, og:description,
og:url and og:image. For the image, use a
1200×630 px file (a 1.91:1 ratio) served over HTTPS at an absolute URL —
that fills the large Facebook and LinkedIn card cleanly and downsizes well for smaller thumbnails.
Keep your og:title around 60–90 characters and your
og:description around 110–200 characters so nothing important
gets truncated. Twitter/X reads Open Graph as a fallback, so adding twitter:card on top
gives you control over its layout too.
- Fill in the fields on the left — the Facebook and LinkedIn previews update as you type.
- Watch the character counters: green is safe, amber is close, red means it may be cut off.
- Click Copy tags and paste the block into your page’s
<head>. - After publishing, force each network to re-read your page with the Facebook Sharing Debugger and the LinkedIn Post Inspector — they cache aggressively, so a re-scrape clears the old card.
Want humans on the job, not just tools?
Our Auckland team can audit your social metadata, titles and on-page SEO — then build a plan to grow your organic traffic and shareability.
