becode.tech.
ServicesCasesAboutBlogContact
Expert article

What meta tags are and how to fill them in properly — no fluff

Title, description, robots, canonical, viewport, OG — how they work, how to validate, and which mistakes quietly kill traffic.

Have you ever opened a site and noticed the tab title reads something like "Untitled Document" — or even the raw URL? That is not a random glitch. It means someone shipped the site without filling in meta tags. A small detail — but it often decides whether a person clicks your search result or scrolls past.

Here is a straight explanation of what meta tags are and why they matter — without generic "for dummies" filler. If you work with what SEO is at even a basic level, this topic is non-negotiable for you.

What meta tags are and where they live

Meta tags are HTML elements placed inside the <head> container. They pass structured information about the page to crawlers and browsers. Visitors do not see them in the page body — they stay in the code. Search engines read them on every crawl.

Here is what meta tags look like in HTML:

<head>
  <title>Buy whole-bean coffee | Espresso Lab</title>
  <meta name="description" content="Freshly roasted whole-bean coffee delivered across Ukraine. Single origins, blends, filter — find yours.">
  <meta name="robots" content="index, follow">
</head>

Nothing exotic. Yet even experienced teams make mistakes here — I have watched solid content sit on page three for years because of head-tag issues.

The full technical spec for <meta> lives in the MDN documentation and W3Schools— precise, no guesswork.

HTML source snippet highlighting the head block with title and meta description
Caption: Meta tags live in head — invisible on the page, but crawlers read them first.

Title: the tag you interact with every day

The Title is the HTML document title. It appears in the browser tab, as the blue clickable headline in search results, and — easy to forget — as the default preview title when someone shares a link in Telegram or social apps without Open Graph tags.

Practical SEO meta work starts with Title. Why? Because it is one of Google's strongest relevance signals: the algorithm reads Title to understand what the page is about — and whether it deserves a shot for a given query. Skip the core keyword in Title and you usually lose to a competitor who kept it.

A few lessons learned from other people's mistakes — and my own.

Length. Google truncates Titles around ~600 pixels — roughly 55–65 characters depending on glyph width. A wide "M" eats more space than a narrow "i", so do not rely on character count alone: check a SERP preview. A chopped Title looks sloppy and hurts CTR.

Put the keyword first. Not buried in the middle or at the end. Leading words carry more weight. "Buy Asus laptop" reads stronger than "Asus laptops — buy online".

Uniqueness. Every URL needs its own Title. If you run a store with thousands of SKUs and every product Title looks the same, that is a quality signal problem for Google. Fix it with smart CMS templates — not just "[Product name] buy" repeated forever.

Title ≠ H1. Different jobs. Title sells the click to search users and the engine. H1 speaks to people who already landed. They can share keywords, but they should not be identical clones. Many CMSes auto-copy H1 into Title — verify you are not accidentally doing that.

Google SERP example with Title and Description highlighted in the snippet
Caption: Title is the blue link; Description is the grey text underneath. Together they form the first impression.

Meta description: not a ranking factor, but it decides CTR

Here is where confusion starts. The meta description is a short page summary that Google may (but is not obligated to) show under the Title in the SERP. Often Google ignores your description and pulls text from the first paragraph or H1–H2 blocks when it believes that text better matches the query.

Does description affect rankings? Not directly — Google has said it is not a ranking factor. But it absolutely affects CTR, and CTR feeds behavioural signals that can influence rankings. The relationship is indirect, not imaginary.

Aim for roughly 130–160 characters. Too short rarely sells the page; too long gets truncated. Mobile snippets cut earlier, so put the critical message inside the first ~120 characters.

What should you write? Answer "why click here specifically". Concrete benefit, core query, clear call to action. Skip "Welcome to our website" and comma-separated keyword spam — both invite Google to rewrite your snippet with something worse.

Bad example: "Online store. Buy. Prices. Delivery. Quality."

Good example: "Freshly roasted whole-bean coffee delivered in 1–2 days. Single origins from Ethiopia, Colombia, Brazil — from UAH 250 per 250 g."

That version answers a real question, carries specifics, and earns the click.

The meta keywords tag: why it existed — and why it died

Meta keywords used to be part of baseline SEO. The idea was simple: list keywords for the page, search engines respect them. In the 1990s and early 2000s that actually worked.

Then SEOs realised you could stuff anything into keywords — and they did. Irrelevant terms, competitor brands, spammy lists. Results turned into junkyards. Google responded: since roughly 2009 meta keywords stopped counting for ranking. Bing followed. Yandex followed.

In 2026, filling meta keywords "for SEO" is wasted effort. No serious engine uses that tag to decide rankings. If a vendor still sells "keyword meta optimisation" as a standalone line item in 2025–2026, ask what year their playbook is from.

The only sensible exception is internal on-site search engines that still read the field. For external SEO, leave it empty or omit it entirely.

Technical meta tags people forget — but should not

Beyond Title, description, and the dead keywords field, a handful of tags directly shape how Google crawls and indexes a URL. Basic guides skip them — that is a mistake.

Robots. Controls crawler behaviour on that page. index, follow is the default happy path. noindex drops the URL from the index. nofollow tells bots not to pass link signals from that page. This is not theoretical — a stray noindex on a faceted category template can instantly remove thousands of landing URLs from search.

Canonical link. Not a classic meta tag, but it lives in <head> and solves duplicate URLs. When the same content answers on multiple URLs (parameters, www vs non-www, trailing slash variants), canonical tells Google which version is authoritative. Without it, the algorithm guesses — and often guesses wrong.

Viewport. Mobile baseline: <meta name="viewport" content="width=device-width, initial-scale=1">. Without it, phones may render a shrunken desktop layout — bad for users and a negative signal in the mobile-first, Core Web Vitals era.

Open Graph and Twitter Cards. Strictly speaking, not "SEO meta" in the ranking sense, but you feel their absence: shares on Facebook, Telegram, or LinkedIn without OG tags show empty or random previews. That looks careless and reduces clicks from social surfaces.

Google documents special tags and crawl directives in Special tags and attributes.

Need a site-wide Title/Description audit?

We review CMS templates, duplicates, robots, and canonicals — without "#1 in a week" hype.

Talk to usHow Google ranks websites

How to audit meta tags quickly — even without paid tools

Fastest path: Ctrl+U (Windows/Linux) or Cmd+Option+U (macOS) to view source, jump to <head>, read the tags. It works, but raw HTML is tedious.

Easier: browser extensions. Meta SEO Inspector for Chrome surfaces Title, description, robots, canonical, and OG fields in one panel — free and installs in a minute. On Firefox, RDS Bar is a common alternative.

For scale, use Google Search Console. Coverage reports highlight indexing issues, many of which trace back to bad meta directives (duplicate titles, missing descriptions, accidental noindex on money pages). For deep crawls, Screaming Frog exports every meta tag into a spreadsheet.

Meta SEO Inspector Chrome extension: panel showing Title, Description, robots, canonical, and Open Graph
Meta SEO Inspector is the fastest way to sanity-check meta tags for any URL directly in the browser.

Common mistakes that undo otherwise solid SEO

  • Duplicate Titles across the site — especially common in large stores when CMS templates reuse the same pattern for hundreds of categories. Google struggles to pick the right URL for a query.
  • Titles that are too long or too short. Long Titles get ellipsis in the SERP and hide the key message. Short Titles starve both users and the algorithm of context.
  • Empty descriptions. Google will invent a snippet from on-page text — sometimes starting with breadcrumb navigation ("Home / Catalog / …"), which looks awful.
  • Copy-pasting Title into Description. Both show together in the SERP; identical strings look like a bug and waste snippet real estate.
  • Accidental noindex on commercial templates. One line of code can drop an entire catalog branch from the index — verify on every serious audit.

FAQ

What are meta tags in simple terms?

Meta tags are HTML in the document head. Visitors do not see them in the layout, but crawlers and browsers rely on them. They describe the page, control indexing, and shape what users see in search results.

Do meta tags affect Google rankings?

Title — yes, directly: it is a core relevance signal. Description — not as a direct ranking factor, but it drives CTR, and CTR feeds behavioural signals. Robots and canonical are critical: one wrong directive can de-index a URL or break authority consolidation.

How long should Title and Description be in 2025–2026?

Target ~55–65 characters for Titles, but validate in a pixel-based SERP preview. For descriptions, 130–160 characters, with the key message inside the first ~120 for mobile.

Should I still fill meta keywords in 2026?

No. Google, Bing, and most engines stopped using meta keywords for ranking well over a decade ago. Spending time on it for external SEO is not rational. The only exception is internal site search engines that still read the field.

Can Google replace my Description with its own text?

Yes, and that is normal behaviour. If Google believes another on-page snippet better matches the query, it will swap your description. Write a specific, accurate description aligned with the main content to reduce unwanted rewrites.

What are Open Graph meta tags for?

OG tags (og:title, og:description, og:image) control how a link preview renders in social apps and messengers. They are not direct ranking factors, but they affect social clicks. Without them, platforms pick random titles and images — often poorly.

How can I quickly check meta tags on a page?

View source (Ctrl+U / Cmd+Option+U). Meta SEO Inspector for Chrome shows everything in one panel. Google Search Console catches duplicates and missing tags across the site.

Closing thoughts

Meta tags are not a "nice extra after the copy ships". They are the first thing a crawler reads, the first thing humans read in the SERP, and the first signal behind the click decision. A Title without the right keyword leaks relevance. A vague Description leaks CTR. A bad robots tag leaks the entire URL from the index.

Thirty focused minutes auditing and fixing head tags routinely beats weeks of content work on top of a broken <head>. Audit your site now — you may find a single line that has been holding you back for months.

Need help with Title/Description templates?

Reach out — we will align a realistic plan with your CMS and niche.

ContactWhat SEO is — baseline guide
Yevhenii Chuvalskyi
Yevhenii Chuvalskyi
// Lead Developer & Tech Writer @ becode.tech
Developer and technical consultant. Writes about SEO, meta tags, and how not to lose rankings to a single line in head.
// becode.tech — SEO and web for business

Need a head-tag audit or CMS templates?

We review Title, Description, robots, canonical, and OG across your key templates — with clear reporting.