
Meta Tags That Still Matter in 2026 (Copy-Paste Reference)
Quick Answer
On every page in 2026, set six tags: charset, viewport, a unique title, a description, a canonical link, and a robots directive. For link previews, add Open Graph and Twitter card tags pointing at a 1200x630 image. Google ignores the keywords tag and does not rank you on the description, so put your effort into the title and the canonical.
Most meta tag advice is padded with tags that stopped mattering years ago. You do not need forty of them. You need about six on every page, plus a small set for link previews, and then you can stop.
This is a reference. Copy the block you need, swap in your own values, and move on.
The short list
Put these in the <head> of every page. Change the content for each page; do not paste the same title and description sitewide.
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Page title, 50-60 characters</title>
<meta name="description" content="One or two sentences, roughly 150-160 characters.">
<link rel="canonical" href="https://example.com/this-exact-page">
<meta name="robots" content="index, follow, max-image-preview:large">
That covers a normal, indexable page. Everything below explains what each line does and when to change it.
Charset and viewport
These two are not SEO tags, but a page misbehaves without them, so they come first.
charset tells the browser how to read the bytes. Use utf-8 and keep this tag within the first 1024 bytes of the document, which means near the top of the <head>. Get it wrong and accented characters and quotation marks turn into garbage.
viewport tells mobile browsers to render at the device width instead of pretending to be a desktop and zooming out. Without it, your site looks tiny on a phone and fails Google's mobile checks. The line above is the one you want; you rarely need to change it.
Title
The title is still the meta tag that does the most work. It is your headline in search results, the label on a browser tab, and the fallback text when someone shares the link without Open Graph tags.
<title>How to Make a Branded Letterhead | Brandize</title>
Write a real title for each page. Aim for something that reads well around 50 to 60 characters, put the important words first, and do not stuff the same keyword three times. Google may rewrite your title in results if it thinks its own version fits the query better, but a clear, specific title gets rewritten less often. A vague one almost invites it.
Description
The description does not affect ranking. Google has said this for years and it is still true in 2026. What it does is fill the snippet under your title in search results, so it is a sales line, not a ranking lever.
<meta name="description" content="Make a simple branded letterhead for proposals and quotes. What to include in the header, footer, and margins.">
Keep it to one or two sentences, roughly 150 to 160 characters before it gets cut off. Write it for the person deciding whether to click. Google rewrites descriptions often, usually pulling a more relevant sentence from the page when the query does not match what you wrote, so treat it as a strong suggestion rather than fixed copy. A page with no description at all leaves Google to guess every time.
Canonical
The canonical link tells search engines which URL is the real one when the same content is reachable at more than one address. That happens more than people expect: http and https, www and bare domain, tracking parameters like ?ref=, trailing slashes, print versions.
<link rel="canonical" href="https://example.com/blog/branded-letterhead">
Point it at the clean, preferred URL for that page, using the full absolute address. On a page that is the original, the canonical usually points to itself. Get this wrong and you can accidentally tell Google to ignore the page you actually want indexed, so it is worth checking on templated pages where the URL is generated.
Robots
The robots meta tag controls whether a page gets indexed and how it can appear. You often do not need it, because the default is to index and follow everything. You add it when you want to change that.
<!-- Keep a page out of search results -->
<meta name="robots" content="noindex, follow">
<!-- Allow large image and text previews, useful for rich and AI results -->
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1">
The values you will actually use:
| Value | What it does |
|---|---|
index / noindex | Allow or block the page from search results |
follow / nofollow | Follow the links on the page and pass signals through them, or don't |
max-image-preview:large | Let Google show a large image preview |
max-snippet:-1 | No limit on the text snippet length |
max-video-preview:-1 | No limit on video preview length |
Use noindex for thank-you pages, internal search results, staging URLs, and thin pages you do not want competing in search. The max-* directives matter more than they used to, because larger previews feed the image and text that show up in AI Overviews and other assistant answers. If you want to be quoted, do not restrict the snippet.
One caution: noindex only works if the crawler can reach the page. Do not also block it in robots.txt, or Google never sees the noindex and may index the URL anyway from links pointing to it.
Open Graph tags for link previews
When someone drops your link in Slack, iMessage, LinkedIn, or a group chat, the preview card comes from Open Graph tags. No tags, and you get a bare link or a blank card, which reads as unfinished. These are the ones that matter:
<meta property="og:title" content="Meta Tags That Still Matter in 2026">
<meta property="og:description" content="A short reference to the tags worth setting, with copy-paste examples.">
<meta property="og:image" content="https://example.com/og/meta-tags.png">
<meta property="og:url" content="https://example.com/blog/meta-tags-2026">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Brandize">
The image is the part people get wrong. Make it 1200x630 pixels, keep important content away from the edges, and use an absolute URL. Export it as a PNG or JPG, since most link scrapers do not read SVG; PNG vs SVG covers the difference. Here is how to build an OG image from your logo if you do not have one yet. Set og:type to article for blog posts and website for everything else. The title and description here can differ from your SEO title and description; the OG versions should read like a post in a feed rather than a line in search results.
Twitter (X) card tags
X reads the Open Graph tags as a fallback, so you do not need to duplicate everything. You mainly need to declare the card type. Add image and text tags only if you want them to differ from your OG values.
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Meta Tags That Still Matter in 2026">
<meta name="twitter:image" content="https://example.com/og/meta-tags.png">
summary_large_image gives you the big banner card. Leave it off and you tend to get the small square thumbnail, or nothing. If your OG image already works, twitter:card plus the OG tags is enough.
Optional tags worth knowing
A few more that are useful in specific cases, not required everywhere:
<!-- Tints the browser UI on mobile; use two tags for light and dark -->
<meta name="theme-color" content="#0b5cff" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#0b1e4d" media="(prefers-color-scheme: dark)">
<!-- Helps screen readers and translation; not a Google ranking signal -->
<html lang="en">
theme-color is cosmetic but cheap: it colors the address bar and task-switcher on some mobile browsers, and a single tag applies one color everywhere, so add the second media-scoped tag if you want it to follow dark mode. The lang attribute on <html> is not a meta tag, but it belongs in this checklist because it helps screen readers and translation tools. Google reads the page language from the content itself, so lang is not an SEO lever, but Bing and accessibility software do use it.
What Google ignores
Delete these if you find them in a template. They cost you nothing to remove and do nothing when present.
- The keywords tag,
<meta name="keywords">, has been ignored by Google for over a decade. Filling it in only hands your keyword list to competitors reading your source. - The description shapes your snippet but has no effect on where you rank, so write it to earn the click.
revisit-afterdoes nothing. Crawlers set their own schedule and never read it.distribution,expires, and a barerobots: allare leftovers from old CMS templates. Google does not use them for ranking.<meta name="author">is fine for your own records, but it is not a Google ranking signal. Author credibility comes from the visible page and your site, not this tag.
If a plugin generated a <head> stuffed with twenty tags, most of the extras are in this list.
A quick check before you ship
Open the page source, or use a preview tool, and confirm:
- Does the title read well and sit near 50 to 60 characters?
- Is the description written for a human, under about 160 characters?
- Does the canonical point at the correct, absolute URL for this exact page?
- Is the robots tag doing what you intend? A stray
noindexon a live page is a common and expensive mistake. - Does the OG image load at its full URL, at 1200x630, when you paste the link into a chat?
If those five are right, the rest is detail. You do not need the other thirty tags a generator wants to give you.
Generate the meta tags for a page with the meta tag generator.
Ready to create your logo?
Generate a professional SVG + PNG logo in under 30 seconds.
