Meta Tags Explained: What They Do and Why They Matter
SearchBlueprint · · 7 min read · scored 92/100
Meta tags are HTML elements in a page's <head> that tell search engines and browsers what a page is about, how to display it, and whether to index it. They're invisible to visitors, but search engines, browsers, and social platforms read them directly, shaping your headline, description, and preview image in results.
What Are Meta Tags, Exactly?
A meta tag is an HTML <meta> element, almost always written as a name/content pair: <meta name="description" content="...">. It sits inside the <head> element, alongside the page's <title>, before the visible <body> starts. According to MDN Web Docs, last updated April 24, 2026, the <meta> element represents metadata that can't be captured by other head elements like <title>,<link>,<script>, or <style>, and support for it has been consistent across browsers since July 2015, so compatibility isn't something you need to worry about on a modern site.
A typical head section looks something like this:
<head>
<meta charset="UTF-8">
<title>Example Books - used books for children</title>
<meta name="description" content="Browse used and rare children's books, sorted by age and reading level.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
Note that charset is the odd one out: instead of a name/content pair, it declares the document's character encoding directly, and per the HTML specification it has to sit within the first 1,024 bytes of the page.
Not every meta tag matters to search engines, though. Google reads a specific, documented set and quietly ignores the rest, and that distinction is what trips up most site owners.
Which Meta Tags Does Google Actually Support?
Google publishes an explicit list of the meta tags it reads, according to Google Search Central, and everything outside that list gets skipped, not penalized. Here's what's actually on it:
| Meta Tag | What It Tells Google | Example |
|---|---|---|
| description | Suggests the snippet text shown in search results | <meta name="description" content="A description of the page"> |
| robots / googlebot | Controls whether the page is crawled and indexed | <meta name="robots" content="noindex,nofollow"> |
| viewport | Signals the page is mobile-friendly and sets how it scales | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| google-site-verification | Confirms site ownership in Search Console | <meta name="google-site-verification" content="..."> |
| rating | Flags explicit content so it's filtered from SafeSearch results | <meta name="rating" content="adult"> |
| notranslate | Stops Google from offering an auto-translated title and snippet | <meta name="googlebot" content="notranslate"> |
Google's own documentation illustrates the description tag with a sample page for a used bookstore, using a description that reads: "Author: A.N. Author, Illustrator: P. Picture, Category: Books, Price: £9.24, Length: 784 pages." It's a useful reminder that a description doesn't need to be clever, it needs to tell a searcher exactly what they're looking at.
The robots and googlebot tags deserve a closer look because they can conflict with each other. robots applies to every search engine that respects it; googlebot applies to Google specifically. When the two disagree, Google follows the more restrictive instruction, so a page marked both max-snippet:50 and nosnippet is treated as nosnippet. Leave both out and a page defaults to index, follow.
Tags Google Ignores
A few tags are common enough to name directly. The meta keywords tag,<meta name="keywords" content="...">, was retired by Google for ranking purposes years ago; Google has confirmed it plays no role in indexing or rankings, and other major search engines dropped it too. The HTML lang attribute isn't a ranking signal either, Google detects a page's language from its actual text content, not from code annotations. And rel="next" / rel="prev" pagination links no longer affect indexing; Google stopped using them.
If you inherited a template stuffed with keyword tags and old pagination markup, removing them won't hurt you. Google was already ignoring them.
How to Add Tags to a Page
If your site runs on WordPress, Wix, Shopify, or a similar platform, you almost never touch raw HTML. Look for an SEO or page-settings panel, most platforms expose title and description fields directly, and some let you apply a sitewide template as a fallback.
If you're coding a page by hand, or reviewing a developer's work, the tags go inside <head>, in plain HTML. You don't need to memorize the syntax: a free meta tag generator will build the description, title, viewport, and social-preview tags for you and hand you code that's ready to paste in.
Writing a Meta Description That Gets Clicks
A meta description won't move your rankings, but it decides whether someone clicks your result over the one next to it. A few things matter more than others:
- Length. Semrush recommends keeping it to roughly 105 characters to avoid Google truncating it in the results.
- The keyword, once, naturally. Google often bolds a matching term when it appears in the query, which draws the eye.
- A reason to click. Action-oriented language, "compare," "see pricing," "get started", gives someone a next step instead of a restatement of the title.
- One per page. Duplicate descriptions across a site suggest two pages might be interchangeable, which they usually aren't.
Google can also rewrite the description you write to better match a specific search query, so treat it as a strong suggestion rather than a guarantee. Before you publish, it's worth checking how the title and description will actually render, a free SERP preview tool shows the real width Google uses, so you catch a truncated line before it goes live instead of after.
Writing a Title Tag That Matches Intent
The <title> tag isn't technically a meta tag, it's its own HTML element, but it lives in the same part of the page and does a similar job, so it's worth covering here. Aim for roughly 50 to 60 characters, put your primary term near the front, and match the tag to what the searcher actually wants: someone typing "buy" wants a product page, not a blog post.
Two title tags that read identically across a category page and a product page confuse both search engines and searchers. If you're auditing an existing site, look for exact duplicates first. They're the easiest fix with the biggest payoff.
Common Mistakes to Avoid
A few mistakes show up on almost every site audit:
| Mistake | Why It's a Problem | The Fix |
|---|---|---|
| Meta keywords tag | Ignored entirely by Google; wastes editing time | Remove it, no ranking impact either way |
| Missing viewport tag | Page renders at desktop width on mobile, hurting usability | Add <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| Meta refresh redirects | Not reliably supported across browsers and confuses users | Use a server-side 301 redirect instead |
| Treating hreflang as a meta tag | It's actually a <link> element, not a name/content pair, so it's often placed wrong |
Write it as <link rel="alternate" hreflang="..."> |
| Duplicate or missing descriptions | Every affected page looks interchangeable to Google and to searchers | Write a unique description per page |
Run a free on-page meta checker across your key templates before assuming they're clean. A missing title tag on a single product template can silently affect hundreds of pages at once.
FAQs
What is the difference between a meta tag and a title tag?
Technically, the title tag isn't a meta tag at all, it's a separate HTML element,<title>. People group it with these tags because it sits in the same part of the page and serves a similar purpose: describing the page to search engines and searchers.
Do meta keywords still matter for SEO?
No. Google has confirmed it doesn't use the meta keywords tag for ranking or indexing, and none of the major search engines currently give it any weight.
Does the meta description affect Google rankings?
Not directly, it isn't a ranking factor. But a well-written description can improve your click-through rate, and Google sometimes rewrites it anyway to better match what someone searched.
What happens if a page is missing a viewport meta tag?
Mobile browsers render the page at desktop width and shrink it to fit, which produces tiny text and cramped tap targets. It's also one of the signals Google checks when confirming a page is mobile-friendly.
Can I add meta tags without editing HTML code?
Yes. Most CMS platforms give you a settings panel for titles and descriptions. If you're working directly in code, a meta tag generator can produce correct, ready-to-paste syntax so you don't have to write it from memory.
Fix What's Broken Before Your Next Crawl
A single missing description or a title tag that's just long enough to truncate is easy to miss once a site has more than a handful of pages. See exactly how your meta tags, and the rest of your on-page SEO, actually look to Google right now with a sample SEO report, built from a real crawl instead of a guess.
Resources / References
Related reading: Meta Description Length, Character Count & Best Practices for 2026.
Sources
About the author
SearchBlueprint researched, wrote and scored this article with the content pipeline our customers run on their own sites. The score in the byline is what our content engine gave this page before it published. Nothing here is reviewed by hand, which is the point: it is the product's output, published where anyone can check it.