Open Graph Meta Tag Generator
Fill in your page details to generate Open Graph (og:) meta tags. A live preview shows how the link will look when shared, and you can copy the HTML straight into your page head.
How to generate Open Graph tags
- Enter your page title, description, canonical URL and a share image URL.
- Pick the og:type and add a site name if you want one.
- Copy the generated tags into the <head> of your page.
Examples
Website share tags
title: Boneyard Tools, image: https://example.com/og.png
<meta property="og:title" content="Boneyard Tools" /> <meta property="og:image" content="https://example.com/og.png" />
Frequently asked questions
What is Open Graph?
Open Graph is a protocol from Facebook that lets you control how a page appears when shared on social platforms. The og: meta tags set the title, description, image and link that show up in the preview card.
Which Open Graph tags actually matter?
The four that do most of the work are og:title, og:description, og:image and og:url. og:type tells platforms what kind of content it is (website is the safe default), and og:site_name is a nice extra. Start with those and add more only if a platform needs them.
What image size should I use for og:image?
Use 1200 by 630 pixels (a 1.91:1 ratio). That fills the large preview card on Facebook, LinkedIn and Slack without cropping. Keep the file under about 5 MB and use an absolute https URL.
Where do I put these tags?
Paste them inside the <head> element of your HTML, ideally near your other meta tags. They must be in the head so crawlers read them before rendering the body.
Do I still need Twitter Card tags?
Twitter and X fall back to Open Graph tags, so basic previews work without them. Add twitter:card and a few twitter: tags if you want a large image card or different copy on X.
Is my data sent anywhere?
No. The tags are built entirely in your browser. Nothing you type is uploaded or stored.
Related tools
Twitter Card Generator
Generate Twitter and X card meta tags with a live preview. Pick summary or large image, add title, description, image and handles, then copy the tags.
Meta Tag Generator
Generate clean HTML meta tags for any page. Set title, description, keywords, author and robots, then copy the head block. Runs in your browser.
Article Schema Generator
Generate Article, NewsArticle or BlogPosting JSON-LD schema. Add headline, author, publisher and dates, then copy the script into your page.
Breadcrumb Schema Generator
Build BreadcrumbList JSON-LD structured data. Add your breadcrumb trail, reorder the steps, then copy or download the script for your page.
Bulk Hreflang Generator
Generate hreflang annotations for many languages at once. Add language and URL rows, pick HTML, XML sitemap, or HTTP header output. Runs in your browser.
Canonical Tag Checker
Paste page HTML to find every rel=canonical link and catch issues: missing, duplicate, relative or wrong-target canonicals. Runs in your browser.