Social Media Meta Tag Generator
Generate Open Graph and Twitter Card meta tags in one pass. Fill in your page details once, see a live preview of the share card, and copy a single block of HTML that covers Facebook, LinkedIn, Slack and X.
How to generate social meta tags
- Enter your page title, description, canonical URL and a share image URL.
- Pick the og:type and Twitter card style, and add a site name or handles if you want them.
- Copy the combined Open Graph and Twitter tags into the <head> of your page.
Examples
Combined Open Graph and Twitter tags
title: Boneyard Tools, image: https://example.com/og.png, card: large image
<meta property="og:title" content="Boneyard Tools" /> <meta property="og:image" content="https://example.com/og.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Boneyard Tools" />
Frequently asked questions
What is the difference between Open Graph and Twitter Card tags?
Open Graph (og:) tags are read by Facebook, LinkedIn, Slack, Discord and most other platforms to build a link preview. Twitter Card (twitter:) tags do the same job specifically for X. This tool writes both so your link looks right everywhere from one set of fields.
Do I need both sets of tags, or will one do?
X falls back to Open Graph tags when Twitter tags are missing, so basic previews work with just og: tags. Adding twitter:card lets you control the layout on X and twitter:site or twitter:creator attributes the post to your account, so including both gives you the most control.
What image size should I use?
Use 1200 by 630 pixels (a 1.91:1 ratio) for the large card. That fills the wide preview on Facebook, LinkedIn, Slack and an X large image card without cropping. Keep the file under about 5 MB and use an absolute https URL.
Where do these tags go?
Paste the whole block inside the <head> element of your HTML, near your other meta tags. They must be in the head so crawlers read them before rendering the page body.
Do the handles need an @ symbol?
No. Type either yoursite or @yoursite for the site and creator fields and the tool adds the @ for you, so the twitter:site and twitter:creator tags are always valid.
Is my data sent anywhere?
No. The tags are built entirely in your browser as you type. Nothing you enter is uploaded, logged or stored.
Related tools
Open Graph Generator
Generate Open Graph meta tags for rich link previews on Facebook, LinkedIn and Slack. Fill in title, description, URL and image, then copy the HTML.
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.