The Ultimate Meta Tags SEO Checklist for 2026
A comprehensive, copy-paste checklist of every HTML meta tag that affects SEO, social sharing, and browser behavior.
The Ultimate Meta Tags SEO Checklist for 2026
Meta tags are the foundation of how search engines and social platforms understand your pages. This checklist covers every tag that matters — from basic SEO to advanced social and browser configuration.
Copy the relevant sections into your <head> and customize for your site.
Essential SEO Tags
Every page on your site should include these:
<!-- Primary SEO -->
<title>Page Title — Site Name</title>
<meta name="description" content="Concise summary in 120-160 characters." />
<link rel="canonical" href="https://example.com/current-page" />
<meta name="robots" content="index, follow" />
<!-- Language & Encoding -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<html lang="en">
Checklist
- Title tag is 30–60 characters and unique per page
- Meta description is 120–160 characters with a value proposition
- Canonical URL is absolute and self-referencing
- Viewport meta is set for mobile responsiveness
- Language attribute is set on
<html> - Character encoding is UTF-8
Open Graph Tags
Control how your pages appear when shared on Facebook, LinkedIn, WhatsApp, Discord, and Slack:
<meta property="og:title" content="Page Title" />
<meta property="og:description" content="Brief summary for social cards." />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:url" content="https://example.com/current-page" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />
<meta property="og:locale" content="en_US" />
Checklist
- og:title matches or refines the
<title>tag - og:description is compelling but under 200 characters
- og:image uses an absolute HTTPS URL
- og:image is at least 1200×630 pixels
- og:url matches the canonical URL
- og:type is set (
website,article,product, etc.)
Twitter Card Tags
Most Twitter card data falls back to OG tags, but you need at minimum:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@yourbrand" />
Optional Overrides
<meta name="twitter:title" content="Shorter title for X" />
<meta name="twitter:description" content="Shorter description" />
<meta name="twitter:image" content="https://example.com/twitter-image.jpg" />
Checklist
- twitter:card is set to
summary_large_imagefor link posts - twitter:site mentions your brand’s X handle
Favicon & App Icons
<!-- Standard favicon -->
<link rel="icon" href="/favicon.ico" sizes="32x32" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<!-- Web app manifest -->
<link rel="manifest" href="/site.webmanifest" />
<meta name="theme-color" content="#171717" />
Checklist
- favicon.ico exists at the root
- Apple Touch Icon is 180×180 pixels
- Web app manifest includes icon definitions
- Theme color is set for mobile browsers
Performance & Preloading
<!-- Preconnect to critical origins -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<!-- Preload critical resources -->
<link rel="preload" href="/fonts/main.woff2" as="font" type="font/woff2" crossorigin />
<!-- DNS prefetch for analytics -->
<link rel="dns-prefetch" href="https://www.googletagmanager.com" />
International & Multi-Language
<!-- Alternate language versions -->
<link rel="alternate" hreflang="en" href="https://example.com/en/page" />
<link rel="alternate" hreflang="es" href="https://example.com/es/page" />
<link rel="alternate" hreflang="x-default" href="https://example.com/page" />
Security Tags
<!-- Content Security Policy -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'" />
<!-- Prevent MIME sniffing -->
<meta http-equiv="X-Content-Type-Options" content="nosniff" />
<!-- Referrer policy -->
<meta name="referrer" content="strict-origin-when-cross-origin" />
Tags You Should NOT Use
These tags are outdated or ignored by modern search engines:
| Tag | Why to Skip |
|---|---|
<meta name="keywords"> |
Ignored by Google since 2009 |
<meta name="author"> |
No SEO impact; use JSON-LD instead |
<meta name="revisit-after"> |
Crawlers set their own schedule |
<meta http-equiv="refresh"> |
Use server-side redirects (301/302) |
<meta name="generator"> |
Reveals your CMS; minor security risk |
Quick Validation
Run these checks before every deployment:
- Google Rich Results Test — validates structured data
- Facebook Sharing Debugger — validates OG tags
- Lighthouse SEO Audit — checks technical SEO
- Our Open Graph Generator — previews social cards across 8+ platforms
Use our Open Graph Generator to preview and generate all the social meta tags from this checklist instantly.
