Meta Tag Generator
Fill in your page’s details to get the tags for its head section: title, description, canonical address and robots, with optional Open Graph and X card tags.
The page
0 characters
0 characters
The page’s own full address. It’s only checked as text; nothing visits it.
Leave a box empty to reuse the page’s title, description or canonical URL.
Leave a box empty to reuse the Open Graph values, or the page’s own title and description.
Everything happens on this page, on your device: nothing you type is sent or saved, and no address is visited or checked online.
The tags that describe a page
Every web page has a head section that browsers, search engines and link-preview apps read, but visitors never see. A few tags there set the title on the browser tab and in search results, the short description under it, which address counts as the real one, and how a shared link looks. This tool writes those tags from what you type, with every quote, ampersand and angle bracket escaped, so nothing you type can break the HTML.
How to use it
- Type the page title and a short description. The character counts update as you type.
- Add the page’s full address as the canonical URL, and choose a robots setting.
- Tick Open Graph or X card tags if you want a say in link previews, and give the picture’s full address.
- Read any notes, then copy the tags into the head section of your page.
What each tag does
- Character set and viewport: UTF-8 comes first, because the HTML standard wants it in the first 1,024 bytes of the page. The viewport line makes the page fit phone screens.
- Title and description: the title for the tab and search results, and a summary search engines may show under it.
- Canonical: the one address you want counted when the same page can be reached at several.
- Robots: whether search engines should list the page and follow its links.
- Open Graph: the Open Graph protocol (ogp.me) requires four properties: og:title, og:type, og:url and og:image. Empty boxes reuse your title, description and canonical address.
- X card: summary shows a small square picture, summary_large_image a wide one. Empty boxes reuse the Open Graph values.
Good to know
- Counts are counts, not targets. Search engines shorten long titles and descriptions in their results, so put the important words first.
- Addresses must be full, starting with https:// or http://. A relative or mistyped one is flagged and left out until it’s fixed.
- Type characters as they are: an ampersand becomes & in the tags for you. An entity you type yourself is pointed out.
- See the link card: Open Graph Preview shows how these tags could look when shared. To encode one value for a link, use the URL Encoder.
- Nothing leaves your device. The page never visits the addresses or tests them.