HTML Meta Tags Complete List — What Each Tag Does and When to Use It
Table of Contents
There are hundreds of HTML meta tags that exist in documentation, but most web pages only need about a dozen. The rest are deprecated, platform-specific, or so rarely used that including them adds noise without benefit.
This is a practical reference covering every meta tag that matters in 2026: what it does, what value to set, and when to skip it. Organized by function, not alphabetically, so you can find what you need for a specific task.
Essential SEO Meta Tags — What Every Page Needs
These tags appear on every well-optimized page:
- <title> — Not technically a meta tag, but the most important tag in your head. 50–60 characters. Used for SERP titles, browser tabs, and social card fallbacks. Include your primary keyword near the start.
- <meta name="description" content="..."> — 120–155 characters. Shown in SERPs below the title. Google often rewrites it, but having a well-written description still matters for CTR when Google uses yours. Not a ranking factor.
- <link rel="canonical" href="..."> — Not a meta tag but lives in the head. Tells search engines which URL is the definitive version of this content. Use on every indexable page, even if no duplicates exist, as a best practice.
- <meta name="robots" content="..."> — Controls how search engines index and follow links on this page. Common values: "index, follow" (default, rarely needs to be stated), "noindex, nofollow" (remove from index entirely), "noindex, follow" (don't index but do follow links).
Technical Meta Tags — Viewport, Charset & Language
These tags control rendering and encoding:
- <meta charset="UTF-8"> — Specifies the character encoding. Always UTF-8. Must be the first meta tag in the head, within the first 1024 bytes. Without it, browsers may misrender accented characters, currency symbols, and emojis.
- <meta name="viewport" content="width=device-width, initial-scale=1.0"> — Essential for mobile rendering. Without it, mobile browsers zoom out to show a desktop-width layout. Google requires this for mobile-first indexing. Don't add user-scalable=no — it breaks accessibility.
- <html lang="en"> — Not a meta tag but set it on your html element. Tells assistive technology and search engines which language your content is in. Use ISO 639-1 codes: en, fr, es, de, ja, zh-Hans.
- <meta name="theme-color" content="#1a1a2e"> — Sets the browser chrome color on Android Chrome and some mobile browsers. A small but visible branding touch. Use your brand's primary color.
Open Graph Meta Tags — Full Required & Optional List
OG tags control social sharing previews across Facebook, LinkedIn, Pinterest, Slack, and most platforms:
- og:title — Required. The content title for social sharing. Can differ from your title tag.
- og:description — Required. 2–4 sentences for social context.
- og:image — Required. Full HTTPS URL to your 1200x630 social image.
- og:url — Required. The canonical URL of the page.
- og:type — Defaults to "website." Use "article" for blog posts.
- og:locale — Optional. "en_US" format. Helps platforms serve the right language version.
- og:image:width and og:image:height — Optional but speeds up rendering by letting platforms know image dimensions without fetching the file first. Set to 1200 and 630.
- og:site_name — Optional. Your brand name shown in the card metadata.
Twitter Card Meta Tags — The Minimum Required Set
Twitter Card tags are Twitter-specific. All other platforms use OG tags:
- twitter:card — Required. "summary" for small thumbnail cards, "summary_large_image" for full-width image cards. Without this, X may not render any card at all.
- twitter:site — Recommended. Your brand's @handle. Appears as attribution below the card.
- twitter:creator — Optional. Author's @handle. Useful for blog posts and bylined content.
- twitter:title, twitter:description, twitter:image — All fall back to og:title, og:description, og:image if not set. Only set these explicitly if you want different content on X vs other platforms.
For most sites, the full Twitter Card implementation is: twitter:card + twitter:site. Everything else falls back to OG tags automatically.
Meta Tags You Should Stop Using
These tags were once recommended but are now ignored or counterproductive:
- <meta name="keywords"> — Google has ignored this tag since 2009. Bing also ignores it. Yahoo formally dropped support. Including it adds bytes without benefit and historically attracted spam. Some CMSs still generate it by default — it's harmless but unnecessary.
- <meta name="author"> — Rarely read by any major platform for meaningful purposes. If you need author attribution, use structured data (Article schema with author property) instead.
- <meta http-equiv="X-UA-Compatible" content="IE=edge"> — Was needed for Internet Explorer compatibility. IE is retired. Remove it.
- <meta name="revisit-after"> — A non-standard tag that was meant to tell crawlers when to re-visit. Search engines set their own crawl schedules regardless. Never had documented support from Google or Bing.
- <meta name="generator"> — Many CMSs add this (meta name="generator" content="WordPress 6.5"). It does nothing for SEO. Some security guides recommend removing it to avoid exposing platform version information.
Use the Meta Tag Generator to generate only the tags you actually need — no deprecated tags, no noise.
Try It Free — No Signup Required
Runs 100% in your browser. No data is collected, stored, or sent anywhere.
Open Free Meta Tag GeneratorFrequently Asked Questions
What meta tags are required for every web page?
At minimum: charset (UTF-8), viewport (width=device-width, initial-scale=1.0), title tag, and meta description. For social sharing, add the four OG tags: og:title, og:description, og:image, og:url. For X/Twitter, add twitter:card. For crawl control, add a robots meta tag if needed.
Does meta keywords still work for SEO?
No. Google has not used meta keywords as a ranking signal since 2009. Bing and most other search engines also ignore it. Including meta keywords in your HTML has no positive effect and wastes a small amount of page weight. Leave it out.
What order should meta tags appear in the HTML head?
Put charset first (within the first 1024 bytes), then viewport, then title, then description, then canonical, then OG tags, then Twitter Card tags. The order doesn't affect how tags are parsed by search engines or social platforms — it's a readability convention.