Meta tags are small HTML elements in your page's <head> that tell search engines and social platforms how to display your content. They don't appear on the page itself, but they decide what people see in Google results and when your link is shared. Get them right and you earn more clicks for the same ranking.
The title tag
Your title is the clickable blue headline in Google โ the single most important meta tag.
- Length: 50โ60 characters. Google truncates around 600px (~60 chars); over 70 gets cut off.
- Front-load the keyword: put your primary term near the start.
- Add your brand at the end with a
|orโseparator. - Make it an ad headline: numbers and power words ("Free", "Complete", "2026") lift click-through rate.
The meta description
The gray text under the title. It isn't a direct ranking factor, but it heavily influences whether people click.
- Length: 120โ155 characters. Google truncates around 160.
- Include a call to action: "Learn more", "Compare", "Get started".
- Match search intent and include the keyword naturally โ Google bolds matching terms.
- Note: Google often rewrites descriptions per query. Write a good one anyway โ it's used often enough to matter.
Canonical URLs
A <link rel="canonical"> tells Google which URL is the "master" when similar content exists at several addresses (e.g. with tracking parameters). It consolidates ranking signals and prevents duplicate-content dilution. Always point it at the HTTPS version.
Open Graph tags (Facebook, LinkedIn, Slack)
Open Graph tags control the card shown when your link is shared. The key ones:
og:titleandog:descriptionโ can differ from your SEO title/description.og:imageโ 1200ร630px. This is the big win: posts with an image get far more engagement.og:urlandog:typeโ the canonical share URL and content type.
Without OG tags, platforms guess โ and usually pick a poor image and title.
Twitter (X) cards
Twitter cards work like Open Graph but for X. Set twitter:card to summary_large_image for a full-width banner. If you omit Twitter tags, X falls back to your Open Graph tags โ so at minimum, get OG right.
What about meta keywords?
Skip it. Google and Bing have ignored the meta keywords tag since 2009. It has zero ranking impact and can even hand competitors your keyword list. Spend that effort on the title and description instead.
How to generate all of this in 2 minutes
- Open the Meta Tag Generator and type your title and description โ watch the live Google preview and SEO score.
- Add an
og:imageand set the Twitter card type; check the Facebook and X previews. - Copy the generated tags as HTML, Next.js, React, or WordPress โ or export an HTML file โ and paste into your page head.
Already have a page? Paste its URL into the generator to extract its current tags, audit them against the SEO score, and improve from there.
Don't stop at meta tags
- Add schema markup (JSON-LD) for rich results โ FAQ, Article, Product, and more.
- Generate a robots.txt to control crawling.
- Run a link check to catch broken links and on-page SEO issues.
Frequently asked questions
Do meta tags directly improve rankings? Title relevance helps; description does not directly, but both drive click-through rate, which matters. Canonical and robots tags affect how you're indexed.
How many characters should a title be? 50โ60. Descriptions: 120โ155.
Do I need both Open Graph and Twitter tags? Open Graph is essential; Twitter tags are a nice-to-have since X falls back to OG.
Wrapping up
Meta tags are low-effort, high-leverage: a sharp title, a compelling description, a canonical, and a good og:image cover 95% of the value. Generate them with a live preview so you can see exactly what Google and social platforms will show.
Related free tools: Schema Markup Hub ยท Robots.txt Generator ยท UTM Builder ยท Link Checker