Basic Meta Tags
Open Graph Tags
Twitter Card Tags
Google Search Preview
Page Title
https://example.com
Page description will appear here...
Social Media Preview
Generated HTML
The modern HTML <head> checklist — what every page needs
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SEO basics -->
<title>Primary keyword | Brand</title>
<meta name="description" content="120-160 chars with keyword">
<link rel="canonical" href="https://example.com/canonical-url">
<meta name="robots" content="index, follow">
<!-- Open Graph (Facebook, LinkedIn, Slack, Discord) -->
<meta property="og:title" content="...">
<meta property="og:description" content="...">
<meta property="og:image" content="https://example.com/og.webp"> <!-- 1200×630 -->
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="...">
<meta name="twitter:description" content="...">
<meta name="twitter:image" content="https://example.com/og.webp">
<!-- Favicons -->
<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<!-- Theme + viewport -->
<meta name="theme-color" content="#33c375">
<!-- Structured data -->
<script type="application/ld+json">...</script>
</head>
Skip these 2026-obsolete tags: meta keywords (Google ignored since 2009), X-UA-Compatible (IE11 retired), author/revisit-after/distribution (unused by search engines). Our generator outputs only what matters.
Frequently Asked Questions
How do I generate HTML meta tags for SEO?
Fill in title, description, canonical URL, robots, author. The generator outputs the full `<head>` block with `<title>`, description meta, canonical link, robots directive, and viewport — ready to paste into any HTML page or template.
What Open Graph and Twitter meta tags do I need?
Minimum: `og:title`, `og:description`, `og:image` (1200×630 recommended), `og:url`, `og:type`. For Twitter: `twitter:card` (summary_large_image), `twitter:title`, `twitter:description`, `twitter:image`. Our generator fills both from a single input — preview with our Open Graph Preview tool.
How long should my meta title and description be?
Title: 50–60 characters (Google truncates around 60 in SERPs). Description: 120–160 characters (anything over 160 gets cut). The generator shows a live character counter with colour warnings so you stay in the SEO sweet spot.
Do I still need meta keywords in 2026?
No. Google ignored meta keywords in 2009 and they're a spam signal for most engines now. Leave the tag out. Focus on a strong title, unique description, structured data (JSON-LD), and internal linking — those are what modern SEO cares about.
What's the difference between canonical URL and og:url?
Canonical tells search engines which URL is the primary version when duplicate content exists (e.g. with/without trailing slash, different query params). `og:url` is the URL social platforms show when the page is shared. Usually the same value — set both to your preferred canonical URL.
Smarter quality checks. Faster deployments.
Better apps.
Page Title
Page description
example.com