<!-- Primary Meta Tags --> <title></title> <meta name="title" content="" /> <meta name="description" content="" /> <meta name="robots" content="index, follow" /> <meta http-equiv="Content-Language" content="en" />
How it works
Meta tags are HTML elements placed in the <head> of a web page that tell search engines and social platforms what the page is about. The Meta Tag Generator produces the complete set of essential meta tags — title, description, Open Graph, Twitter Card, robots, and canonical — from a simple form, ready to paste into your HTML.
Why meta tags matter for SEO: The title tag is the single most influential on-page SEO element — it appears as the clickable blue headline in Google search results and is weighted heavily by every major search engine for keyword relevance. The meta description doesn't directly affect rankings but significantly influences click-through rate: a well-written 150–160 character description acts as ad copy that determines whether a searcher clicks your result or the one below it.
Tags generated:
**Title tag**: <title> element, 50–60 characters optimal. Front-load the primary keyword. Avoid keyword stuffing — one or two natural mentions outperform repeated use.
**Meta description**: <meta name="description"> element, 150–160 characters. Summarise the page value and include a soft CTA. Google rewrites descriptions it finds unhelpful — writing a genuinely descriptive, unique description reduces rewrite frequency.
**Open Graph tags** (og:title, og:description, og:image, og:url, og:type): control how your page appears when shared on Facebook, LinkedIn, Slack, Discord, and WhatsApp. Without these, platforms generate their own previews — often poorly cropped or with wrong descriptions.
**Twitter Card tags** (twitter:card, twitter:title, twitter:description, twitter:image): control how your page appears when shared on Twitter/X. Use summary_large_image for pages with a primary hero image.
**Canonical tag**: <link rel="canonical"> tells search engines which URL is the authoritative version when the same content is accessible from multiple URLs (www vs. non-www, http vs. https, trailing slash variants).
**Robots meta tag**: <meta name="robots"> controls indexing and crawling — index/noindex, follow/nofollow. noindex is for pages you want accessible to users but not search engines (thank-you pages, staging previews, admin dashboards).
How to use: 1. Enter your page title, description, URL, and optional image URL. 2. All meta tags are generated simultaneously. 3. Copy the complete block and paste into your HTML <head>.
Privacy: all generation runs in the browser. No data is transmitted.
Frequently Asked Questions
- 50–60 characters is the practical target. Google renders title tags using a proportional font and truncates at approximately 600 pixels — equivalent to roughly 55–60 characters in typical text. Titles that exceed this are cut with an ellipsis in search results. More importantly, front-load your primary keyword in the first 30 characters where it receives maximum algorithmic weight and is visible before truncation on both desktop and mobile.
- No. Google rewrites the meta description for approximately 62% of pages, replacing it with text extracted directly from the page content that better matches the specific search query. Writing a strong description still matters because: (1) for branded searches and navigational queries, Google tends to use your written description, and (2) a well-written description signals content quality. To reduce Google's rewrite rate, write descriptions that directly answer what a searcher looking for your page would want to know.
- The HTML title tag (<title>) is used by search engines for ranking and appears in browser tabs and search results. The og:title Open Graph tag controls how your page title appears when shared on social platforms (Facebook, LinkedIn, Twitter/X, Slack). They can be different — it's common to use a shorter, keyword-optimised title tag for SEO and a more engaging, click-bait-safe og:title for social sharing. If og:title is not set, most social platforms fall back to the title tag.
- They serve different purposes and both are respected. robots.txt controls whether a crawler can access a URL at all. The robots meta tag (noindex, nofollow) controls what the crawler does with the content after accessing it. A page can be crawlable (not blocked by robots.txt) but non-indexable (noindex in meta tag). Conversely, if robots.txt blocks a URL, the crawler never sees the meta tag. For pages you want accessible to users but not indexed, use robots meta noindex without blocking in robots.txt.