Meta Tag Generator – Meta, Open Graph & Twitter Card Tags
Clean meta tags in under a minute — fill in your page once and get the basic tags, Open Graph and Twitter Cards together, with a live preview of how you will look on Google and social media.
Meta tags are the invisible instructions in a page's <head> that tell Google what to show in search results and tell Facebook, WhatsApp, LinkedIn and X how to present your link when someone shares it. Get them wrong — or leave them out — and your page shows up with a random snippet and no image. This generator writes the full set for you from one simple form: title, description, keywords, author, canonical URL and robots, plus the Open Graph block and the Twitter Card block.
Each social section has its own toggle, and its fields fall back sensibly: leave og:title blank and it uses your page title; leave twitter:image blank and it uses og:image. The live preview shows a Google search result and a social share card updating as you type, with character counts that flag titles and descriptions likely to be cut off. Everything runs in your browser — nothing you type is uploaded anywhere.
How to use it
Fill in the basics — page title, description, and optionally keywords, author, canonical URL and the robots setting.
Social sections — leave Open Graph and Twitter Cards on (or toggle either off), and fill in only what differs: a share image URL, an og:type, a card style.
Check the previews — the Google result and the social card update live; watch the character counts next to the title and description.
Copy or download — copy the generated HTML and paste it inside the <head> of your page, or download it as a file.
What you get
Full tag set — title, description, keywords, author, robots, viewport and canonical in one block.
Open Graph included — og:title, og:description, og:image, og:url and og:type, with a toggle to switch the section off.
Twitter Cards included — twitter:card, twitter:title, twitter:description and twitter:image, also toggleable.
Live previews — see your Google listing and your social share card before you publish.
Character counts — gentle warnings when a title or description is likely to be truncated.
Copy or download — one click copies the HTML; or save it as a file.
Frequently asked questions
How do I generate meta tags for my website?
Fill in your page title, description, keywords, author and canonical URL, and the clean HTML is built as you type — including Open Graph and Twitter Card tags when their toggles are on. Then copy the HTML or download it as a file and paste it inside the <head> of your page.
What is the difference between Open Graph and Twitter Card tags?
Open Graph tags (og:title, og:description, og:image, og:url, og:type) control how your page looks when shared on Facebook, WhatsApp, LinkedIn and most other platforms. Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image) do the same job on X. This generator writes both, and each section falls back to your basic title and description when you leave its fields blank.
How long should my title and description be?
Titles around 50–60 characters and descriptions around 150–160 characters tend to display in full in Google results. The generator counts your characters as you type and flags anything over those guides — longer text still works, it just risks being cut off with an ellipsis.