Build a complete set of Open Graph and Twitter Card meta tags from your page so your links share with the right title, description and image on Facebook, LinkedIn and X.
⚡ Interactive demo — sample data
Generated a full set of Open Graph and Twitter Card tags from this sample page — ready to paste into your <head>.
Generated og:title, og:description, og:type and og:urlLooks good
Added Twitter Card tags (twitter:card set to summary_large_image)Looks good
og:url set to the canonical page URLLooks good
No og:image found — add a publicly reachable 1200×630 share imageWarning
Reminder: re-scrape the URL in a sharing debugger so platforms pick up the new tagsWarning
Build a complete set of Open Graph and Twitter Card meta tags from your page so your links share with the right title, description and image on Facebook, LinkedIn and X.
How it works
Enter your page URL
Paste any public page URL and run the generator. We fetch the page and read its existing Open Graph tags, title, description and any share image so the tags we build reflect your real content instead of placeholders.
Review the generated tags
You get a full set of Open Graph tags — og:title, og:description, og:image, og:type and og:url — plus matching Twitter Card tags, laid out as a clean HTML block. We flag what's already present and what's missing, like a share image, so you know exactly what to fill in.
Copy or download and add to your <head>
Copy the snippet into the <head> of your page, or download the open-graph-tags.html file. After it's live, test the link in a sharing debugger or by posting it to confirm the right title, description and image appear in the preview.
What we check
og:title — We generate the title social platforms show on your shared link, taken from your existing og:title or falling back to the page title. This is the headline of the preview card — often the first thing someone reads before deciding to click.
og:description — We build the one or two lines of supporting text that appear under the title in the preview. A clear description gives people a reason to click instead of scrolling past a bare link.
og:image — We surface your share image and recommend the standard 1200×630 pixel size used by the large-image preview card. The image is the single biggest driver of whether a shared link gets noticed in a crowded feed.
og:type — We set og:type so platforms know what kind of content the page is — website is the right default for most pages, with more specific types like article available for blog posts. It shapes how some platforms display the card.
og:url — We add the canonical URL of the page so all shares — and the engagement counts some platforms attach to a URL — consolidate on one address rather than fragmenting across parameter and tracking variants.
Twitter Card tags — We include twitter:card set to summary_large_image plus matching twitter:title and twitter:description, so links shared on X render as a large, eye-catching preview instead of a plain text link.
Common issues we catch
No Open Graph tags at all — Without OG tags, social platforms guess at the title, description and image — often grabbing a logo, a random image, or nothing. The result is a flat, unappealing preview that gets ignored. Explicit tags put you in control of the card.
Missing or wrong-size share image — No og:image means a text-only preview with no visual pull. The wrong dimensions get cropped awkwardly or shown as a small thumbnail. A 1200×630 image fills the large-image card cleanly across the major platforms.
Image specified as a relative URL — og:image must be a full, absolute URL — social crawlers fetch the image from their own servers and can't resolve a relative path like /share.jpg. A relative URL is a common reason an image silently fails to appear in the preview.
Stale preview after an update — Platforms cache the preview the first time a link is shared. Update your tags and the old card can keep showing for a while. Re-scraping the URL in a sharing debugger forces a refresh so the new title and image take effect.
Title and description duplicated from the wrong page — On template-driven sites, every page can inherit one set of OG tags from the homepage. Sharing any deep page then shows the homepage's title and image — a non-obvious bug that makes individual pages look generic when shared.
Missing og:url or pointing it at the wrong address — Without og:url, engagement and shares can scatter across parameterized variants of the same page. Pointing it at the canonical URL keeps everything consolidated on one address.
Image blocked or not publicly reachable — If the share image sits behind a login, on a blocked path, or on a host that rejects automated requests, the social crawler can't fetch it and the preview falls back to no image. The image must be publicly accessible without authentication.
Where this matters
Facebook — Facebook reads Open Graph tags to build the link preview card in posts and messages. og:title, og:description and a 1200×630 og:image control exactly how your link looks when someone shares it there.
LinkedIn — LinkedIn uses the same Open Graph tags for the preview that appears on shared posts. A strong title and image make a meaningful difference to how a link performs in a professional feed.
X (Twitter) — X reads Twitter Card tags, falling back to Open Graph when they're absent. The summary_large_image card we generate renders your link as a large preview with image, title and description rather than a bare URL.
Messaging & chat apps — Many messaging and chat apps generate link previews from Open Graph tags too. Setting them once gives you a consistent, polished card almost everywhere a link gets pasted.
WordPress, Shopify & Wix — These platforms and their SEO plugins can output OG tags automatically, sometimes with a single homepage image applied site-wide. The generated block shows what each page should expose so you can catch missing or one-size-fits-all tags.
Frequently asked questions
What are Open Graph tags?
Open Graph tags are meta tags in the <head> of a page that tell social platforms how to display the page when someone shares its link. They control the title, description, image and URL of the preview card you see on Facebook, LinkedIn and similar sites.
What's the difference between Open Graph and Twitter Card tags?
Open Graph is the shared standard most platforms read, while Twitter Card tags are X's own set. X falls back to Open Graph when Twitter Card tags are missing, but including both gives you precise control over how the card looks on X specifically.
What size should my og:image be?
1200×630 pixels is the standard for the large-image preview card and displays cleanly across the major platforms. Smaller or oddly-shaped images can be cropped awkwardly or shown as a small thumbnail, so match the recommended dimensions.
Why isn't my new image showing when I share a link?
Platforms cache the preview from the first time a link is shared. After updating your og:image, run the URL through that platform's sharing or link debugger to force a re-scrape, which refreshes the cached card with your new image and text.
Do Open Graph tags affect my SEO ranking?
Not directly — they don't change where you rank in search results. Their value is engagement: a strong share preview earns more clicks and shares on social, which drives traffic and can build links and brand visibility over time.
Does the og:image need to be a full URL?
Yes. Social crawlers fetch the image from their own servers, so og:image must be an absolute URL including the scheme and domain, not a relative path. A relative URL is a frequent reason an image fails to appear in the preview.
Where do I add these tags?
Inside the <head> section of your page's HTML. If your platform or an SEO plugin already outputs some OG tags, update those rather than adding duplicates — conflicting tags can produce an unpredictable preview.
Can I use different tags on each page?
Yes, and you should. Each page deserves its own og:title, og:description, og:image and og:url so it shares with relevant content. A common bug is every page inheriting the homepage's tags, which makes individual pages look generic when shared.
This is one of several free SEO tools from Custom Web Audits.
For a complete, prioritized analysis of your whole website,
run a full audit.
