Meta Tag Generator – SEO, Open Graph & Twitter
Google Search Preview
Page Title
https://www.example.com/page/
Page description will appear here — make it compelling to improve click-through rate.
Open Graph / Twitter
<meta name="robots" content="index, follow"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
Fill in the form and get a complete set of meta tags — including title, description, robots, canonical, Open Graph, and Twitter card — with a single click. A live Google SERP preview shows exactly how your page will appear in search results. Copy all tags at once.
Meta Tag Quick Reference
| Tag | Purpose | Limit |
|---|---|---|
| title | Page title in search results | 60 chars |
| meta description | Snippet shown in SERPs | 160 chars |
| og:title | Title when shared on social | 70 chars |
| og:image | Image shown in social cards | 1200×630px |
| canonical | Preferred URL for deduplication | — |
Frequently Asked Questions
What are meta tags?
Meta tags are HTML elements placed inside the <head> section of a webpage. They provide metadata about the page to search engines, social networks, and browsers. The most important are <title>, meta description, robots, canonical, og:title, and og:description.
How long should my meta title be?
Google typically displays 50–60 characters of the title before truncating. Aim for under 60 characters. Titles shorter than 30 characters may be expanded by Google using other on-page text.
How long should my meta description be?
Google shows approximately 155–160 characters of the meta description in search results. Write a concise, compelling summary under 160 characters. Google may rewrite the description if it does not match the page content.
What are Open Graph (og:) tags?
Open Graph tags (og:title, og:description, og:image, og:url) control how your page appears when shared on Facebook, LinkedIn, WhatsApp, and other platforms. Without them, social networks pick content arbitrarily.
What is a canonical URL?
A canonical URL tells search engines which version of a page is the "preferred" one when the same content is accessible at multiple URLs. This prevents duplicate content issues and consolidates ranking signals.
What is the robots meta tag?
"index, follow" tells search engines to index the page and follow its links. "noindex" excludes the page from search results. "nofollow" stops link equity from passing. Use noindex for thank-you pages, login pages, and internal search results.
What is the difference between Twitter card types?
"summary" shows a small thumbnail with title and description. "summary_large_image" shows a large image above the text — recommended for article pages. "app" is for app store links. "player" is for embedded video/audio.
Do meta keywords still matter for SEO?
No. Google has ignored the meta keywords tag since 2009. Bing also gives it little weight. Focus your SEO effort on the title, description, and page content instead. Meta keywords are included in this generator for legacy/niche search engines that may still read them.
Related Developer Tools
Base64 Encoder / Decoder
Encode and decode Base64 instantly.
Border Radius Generator
Generate CSS border-radius visually with live preview.
Box Shadow Generator
Generate CSS box shadows visually with live preview.
Color Palette Generator
Create harmonious color palettes from any color.
Color Picker
Pick colors and get HEX, RGB, HSL, CMYK instantly.
CSS Formatter / Beautifier
Format and beautify CSS code instantly.
CSS Gradient Generator
Generate linear, radial, and conic CSS gradients visually.
CSS Minifier
Minify CSS code instantly in browser.
HEX to RGBA Converter
Convert HEX colors to RGB/RGBA instantly.
HTML Minifier
Minify HTML to reduce page size instantly.
