Meta Tag Generator
Write title, description, canonical, Open Graph and X/Twitter tags for a page.
Write the head tags for a web page
Meta Tag Generator turns a page title, description and a few details into ready-to-paste HTML for your page’s <head>: the title, meta description, canonical link, robots rule, and the Open Graph and X/Twitter tags that control how links look when shared.
The code updates as you type, alongside a preview of how the title and description might look in search results. Everything you enter is escaped, so quotes or ampersands in a title won’t break the markup. Nothing leaves the page — it’s all built in your browser.
How to create meta tags for a page
- Enter the Page title and Meta description, keeping an eye on the character counters.
- Add the full Page URL (canonical) and, for social sharing, a Share image URL.
- Fill in Site name and your X / Twitter handle if you have one — “yourname”, “@yourname” or a profile link all work.
- Pick a Content type, a Share card size and the Search engines rule.
- Check the search result preview, then click Copy tags and paste the code inside your page’s <head>.
What each part of the output does
- Charset and viewport: basic tags every page needs. Untick “Include charset & viewport tags” if your template already has them.
- Robots: only added when you choose something other than “Index page, follow links”, because that is what search engines assume anyway.
- Canonical link: tells search engines which address is the main one when a page is reachable at several URLs.
- Open Graph tags: og:type, og:title, og:description, og:url, og:image and og:site_name, read by Facebook, LinkedIn, Slack and many chat apps.
- X/Twitter tags: only twitter:card and twitter:site are added; X falls back to the Open Graph title, description and image.
Who it’s useful for
- Hand-built sites: add complete head tags to a static HTML page without looking up each property name.
- Bloggers: set the Article content type and a large share image before publishing a post.
- Fixing link previews: find out which tag is missing when a shared link shows no image or the wrong title.
- Staging pages: generate a noindex rule for a page you don’t want in search results yet.
Titles and descriptions that fit
- The counters turn red past 60 characters for the title and 160 for the description. They’re guides, not hard limits: search engines cut off by pixel width and may rewrite both.
- Put the words that describe the page near the start of the title, and your brand at the end.
- Use full https:// addresses for the URL and share image. The tool warns you if either isn’t a complete link, because social sites ignore relative paths.
- Check the copy on the page itself uses the phrase your title targets with the Keyword Density Checker.
Meta Tag Generator: common questions
Does it add a meta keywords tag?
No. Google has said for years that it doesn’t use meta keywords for ranking, so the generator leaves it out.
Why isn’t my share image showing on social media?
The image URL must be absolute and publicly reachable, and Open Graph tags must be switched on. Sites also cache previews, so an old version may show for a while after you change the tags.
Is the search preview exactly what Google will show?
No. It approximates the layout, cutting long titles at one line and descriptions at two, but search engines decide the final snippet and sometimes write their own.
Do I need a separate Twitter title and description?
Usually not. X reads og:title, og:description and og:image when its own versions are missing, which keeps the output shorter.