Generate HTML meta tags: title, description, Open Graph
Google preview
Yandex Preview
Social Preview (VK / Telegram / Facebook)
Generated HTML
Title — recommended length 50-60 characters. This is the main title displayed in search results.
Description — recommended length 150-160 characters. Page description below the title in search results.
Open Graph — meta tags for proper display when sharing links on social media (Facebook, VK, etc.).
Twitter Cards — meta tags for a beautiful preview when sharing links on Twitter / X.
Meta Tag Generator: Title, Description, Open Graph with Live Preview
Create optimized meta tags for title, description, Open Graph, and Twitter Card with live Google and Yandex preview. Get ready-to-use HTML code for your page <head> in just a few clicks.
What are meta tags
Meta tags are HTML elements in the <head> section that communicate page information to search engine crawlers and browsers. They're invisible to visitors but directly affect click-through rates in search results, social media preview cards, and how pages are indexed.
Well-written title and description tags can increase snippet CTR by 5–30% — free traffic gains without improving rankings.
Meta tag reference
| Tag | Purpose | Length |
|---|---|---|
| <title> | Page title shown in search results | 50–60 characters |
| meta description | Page summary shown below title in SERPs | 120–160 characters |
| meta keywords | Keywords (ignored by Google since 2009) | Not critical |
| meta robots | Controls indexing and link following | — |
| canonical | Identifies the preferred URL for duplicate content | — |
| meta viewport | Controls mobile display scaling | — |
| og:title, og:description, og:image | Open Graph for social media | Title: ≤60, Desc: ≤200 |
Title and description best practices
Title
- Include the primary keyword near the beginning
- Write a unique title for every page
- 50–60 characters — Google truncates beyond ~580px wide
- Add your brand at the end: "Page Title | Brand Name"
- Numbers and years improve click-through rates
Description
- Describe the specific page content, not the site overall
- Include a call to action: "Learn", "Download", "Compare"
- 120–160 characters — Google truncates beyond ~920px wide
- Don't keyword-stuff — description doesn't directly affect rankings
- Unique description per page improves CTR
Search preview and rewrites
Google rewrites title tags in roughly 33% of cases (Ahrefs data). To minimize rewrites: write titles that accurately reflect page content, use natural language (don't list keywords with commas), and stay within length limits.
FAQ
Does meta description affect rankings?
Not directly. Google and Bing officially don't use description as a ranking signal. But indirectly, a compelling description improves CTR, which is a relevance signal for search engines.
Should I use meta keywords?
Google has ignored meta keywords since 2009. Bing uses them as a very weak signal. If you fill them in, include 5–10 phrases without repetition. But prioritize title and description.
Does the homepage need a canonical tag?
Yes, especially if the site is accessible at multiple URLs (with/without www, with/without trailing slash). The homepage canonical should point to the preferred version.
See also: OG tag checker, Schema.org generator, keyword generator.