Meta Tag Generator — Generate complete page head tags
Your title and meta description are what users see in Google, and a wrong canonical can split your rankings across duplicate URLs. Fill in the title, description, canonical, robots and Open Graph fields to generate ready-to-paste <head> meta tags. Steps: enter your fields, read the length hints and previews, copy the generated HTML with correct escaping. Special characters such as & and < are escaped automatically so the tags stay valid. Runs entirely on your device—nothing is uploaded. Example: canonical and og tags side by side.
How it works
The generator takes your fields and builds the corresponding head tags. Empty optional fields are skipped, so the output contains only what you filled in. Every value is HTML-escaped: an ampersand becomes & and a less-than sign becomes <, keeping the tags valid inside your page. Length hints warn you when the title or description exceeds the commonly used limits, without cutting your text.
Rules used by the generator
These rules follow Google Search Central guidance on meta tags, title links and canonical URLs.
- The meta title and description are suggestions, not directives: search engines may rewrite or truncate them, so keep the title around 60 characters and the description around 155–160.
- All values are HTML-escaped: & < > " and ' become entities, so characters in your title or description cannot break the tag markup.
- The canonical URL should be the full absolute URL with a protocol. A relative or protocol-less URL is not useful as a canonical target.
- The robots meta uses the values index/noindex and follow/nofollow. When omitted, search engines use their own default, which is to index and follow.
- Canonical and Open Graph tags can coexist on the same page: og:url should match the canonical URL so social shares point to the same address.
Example
The sample fills the title, description, canonical, robots and three Open Graph fields. The generated snippet outputs a <title> tag, the meta description, the canonical link, the robots meta and the og: tags that were filled in.
Good use cases
- Building a new page template: generate the head block once, verify the length hints, and paste it into the template before shipping.
- Delivering work for a client: generate the exact head snippet with canonical and OG fields, then paste it into the CMS.
- Before publishing, generate the tags and check them against a search-result preview so the title and description match the visible page.
Frequently asked questions
What do the robots meta values mean?
index lets search engines include the page in results, while noindex keeps it out. follow allows crawling links on the page, and nofollow tells engines not to. When the tag is absent, the default is index, follow.
Will special characters in my values be escaped?
Yes. The generator escapes & < > " and ', so an ampersand becomes & and a less-than sign becomes <. Your tags stay valid even if the value contains markup-like characters.
Can canonical and Open Graph tags coexist?
Yes, they cover different systems. The canonical link tells search engines the preferred URL, while og: tags describe the page for social sharing. Keep og:url aligned with the canonical URL.
How long should the title and description be?
Around 60 characters for the title and 155–160 for the description are common working limits. They are suggestions: search engines may rewrite or truncate longer values.
What happens to empty fields?
Empty optional fields are skipped, so the generated snippet only contains the tags for the fields you filled in.
Is my data uploaded anywhere?
No. The generator runs entirely in your browser and nothing is uploaded.
Related tools
Questions or feedback
Something unclear, broken, or missing? Draft a message below — we read every note about these tools.