Meta Tags for SEO: The Complete Guide
Published 2026-06-09
Meta tags are snippets of HTML in your page's <head> that describe the page to search engines and social networks. Get them right and your pages show clean, clickable previews in Google and rich cards when shared. Get them wrong and you get truncated titles, missing descriptions, and blank social previews. This guide covers exactly which tags matter in 2026 and which you can ignore.
The title tag: still the most important
The <title> is the single most important on-page SEO element. It is the clickable headline in search results and the text shown in the browser tab:
<title>How to Format JSON: A Complete Guide</title>Keep it under about 60 characters so Google does not truncate it, put the most important words first, and make each page's title unique. A vague or duplicated title is a wasted opportunity.
The meta description: your sales pitch
The meta description is the gray text under the title in search results. It does not directly affect ranking, but it heavily influences whether people click:
<meta name="description" content="Format, validate,
and minify JSON instantly in your browser. Free,
no signup, runs entirely client-side.">Aim for roughly 150–160 characters, describe what the page offers, and include a reason to click. Google sometimes rewrites it, but a good description is honored most of the time.
Open Graph: control how links are shared
When someone shares your link on LinkedIn, Facebook, WhatsApp, Slack, or Discord, the preview card is built from Open Graph tags. These are arguably as important as the search tags today:
<meta property="og:title" content="...">
<meta property="og:description" content="...">
<meta property="og:image" content="https://.../share.jpg">
<meta property="og:url" content="https://...">
<meta property="og:type" content="website">The most impactful one is og:image. Use a 1200×630 pixel image, keep important text away from the edges, and your links will stand out in every feed.
Twitter Card tags
X (Twitter) uses its own tags, though it falls back to Open Graph if they are missing. A single line is usually enough:
<meta name="twitter:card" content="summary_large_image">The canonical tag: avoid duplicate-content problems
If the same content is reachable at multiple URLs, the canonical tag tells Google which one is the "real" version to index:
<link rel="canonical" href="https://example.com/page">This is genuinely important: a misconfigured canonical can accidentally tell Google to ignore your pages, so make sure each page points to its own correct URL.
Tags you can ignore
Some meta tags are relics. The meta keywords tag has been ignored by Google for over a decade — do not waste time on it. The meta author and most revisit-after style tags have no SEO effect either. Focus your energy on title, description, Open Graph, and canonical.
Generate them correctly
Writing all these tags by hand is repetitive and easy to get wrong. The generator below builds the complete set — title, description, canonical, Open Graph, and Twitter Card — from a simple form, ready to paste into your page's <head>. Then verify the result with each platform's sharing debugger after you deploy.