Meta Tags in HTML
From the HTML cheat sheet · Document Structure & Metadata · verified Jul 2026
Meta Tags
Important metadata for SEO and browser behavior
html
<!-- Character encoding (required) -->
<meta charset="UTF-8">
<!-- Viewport (required for responsive) -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- SEO meta tags -->
<meta name="description" content="Page description (150-160 chars)">
<meta name="keywords" content="keyword1, keyword2">
<meta name="robots" content="index, follow">
<!-- Refresh/Redirect -->
<meta http-equiv="refresh" content="5;url=https://example.com">
<!-- Theme color (mobile browsers) -->
<meta name="theme-color" content="#4285f4">🟢 Essential - Meta tags control how page appears
💡 Description shows in search results
📌 Open Graph controls social media previews
⚡ Theme color affects mobile browser UI
🔗 Related: schema.org for structured data
metaseometadata