Insights
Website Meta Tags for SEO and Search Appearance Control
On Digitals
13/07/2023
27
Website meta tags are HTML elements placed inside the <head> section to give page information to search engines, browsers etc. In an on-page SEO optimization workflow, they can shape snippets and control how search systems interpret the page. Viewport, charset, verification etc. serve more technical jobs, while outdated tags should be removed from the SEO workflow.
What are website meta tags?
Website meta tags are HTML tags that provide metadata about a webpage. They usually sit inside the <head> section, so visitors do not see them directly on the page.
MDN defines the <meta> element as a way to represent metadata that other HTML elements cannot represent directly, such as charset, viewport, refresh behavior etc.
A basic meta tag looks like this:
<head>
<meta name=”description” content=”Learn what website meta tags are and how to use them for SEO.”>
</head>
The tag has two important parts:
| Part | Meaning |
| name=”description” | Defines the type of metadata |
| content=”…” | Provides the actual value |
Search engines, browsers, social platforms, and other systems can read this information. The SEO value depends on the tag, the page type, and whether the tag is supported by Google.
Website meta tags vs title tags vs link tags
Many SEO guides group title tags, canonical tags, and meta tags together because they all live in the <head> section. Technically, they are different HTML elements.
| Element | Example | What it does |
| Meta tag | <meta name=”description” content=”…”> | Provides metadata |
| Title tag | <title>Website Meta Tags Guide</title> | Sets the page title |
| Link tag | <link rel=”canonical” href=”…”> | Defines related URL signals |
| Script tag | <script>…</script> | Loads scripts |
The title tag is often discussed with website meta tags because it affects search appearance. However, it is technically a <title> element, not a <meta> tag. When the search result headline needs clearer wording, review the page with separate SEO title tag guidelines instead of treating it as a normal meta tag.
Why website meta tags matter for SEO
Website meta tags matter because they help search engines process page information. Some tags can influence how a result appears in search. Others control indexing, language handling, mobile rendering etc.
| SEO function | Relevant tag |
| Search snippet candidate | Meta description |
| Indexing control | Meta robots |
| Bot-specific instruction | Meta googlebot |
| Mobile rendering | Meta viewport |
| Text encoding | Meta charset |
| Site ownership | Google site verification |
| Redirect behavior | Meta refresh |
Meta tags should not be treated as ranking shortcuts. Their value is stronger when they support accurate indexing, clearer snippets, better mobile rendering, and safer technical control.
A weak tag can also create serious problems. For example, an accidental noindex tag on a service page can remove that page from search results. A duplicate description across hundreds of pages can weaken search appearance because each page looks less specific.
Which website meta tags does Google support?
Google Search Central lists several meta tags and attributes that Google supports. Unsupported tags are ignored, so the safest workflow starts with the tags that matter for search.
| Tag | Example | Main use |
| Meta description | <meta name=”description” content=”…”> | Search snippet candidate |
| Meta robots | <meta name=”robots” content=”noindex”> | Page-level indexing control |
| Meta googlebot | <meta name=”googlebot” content=”nosnippet”> | Google-specific bot instruction |
| Google site verification | <meta name=”google-site-verification” content=”…”> | Search Console ownership |
| Charset | <meta charset=”utf-8″> | Text encoding |
| Viewport | <meta name=”viewport” content=”width=device-width, initial-scale=1″> | Mobile rendering |
| Rating | <meta name=”rating” content=”adult”> | SafeSearch labeling |
| Meta refresh | <meta http-equiv=”refresh” content=”0;url=…”> | Redirect-style behavior |
Supported does not always mean recommended for every page. For example, meta refresh is supported, but Google recommends server-side redirects when possible for permanent URL moves.
Meta description
The meta description summarizes the page for search engines and users. Google may use it as the search result snippet when it is more helpful than visible page text.
Example:
<meta name=”description” content=”Learn how website meta tags work, which ones Google supports, and how to audit them safely.”>
A strong meta description should match the page intent and explain the value clearly. It should avoid vague copy like “Welcome to our website” because that wording gives users little reason to click.
Good description:
Learn which website meta tags matter for SEO, how Google reads them, and how to audit important pages safely.
Weak description:
This page is about meta tags and SEO.
A meta description should be treated as a snippet candidate rather than a direct ranking factor. Google may rewrite snippets when visible content better matches the user’s query.
Meta robots and googlebot
Meta robots tags give search engines page-level instructions. They can control whether a page should be indexed, whether snippets can appear, and whether links should be followed.
Example:
<meta name=”robots” content=”noindex, nofollow”>
Common values:
| Value | Meaning |
| index | Page can be indexed |
| noindex | Page should not appear in search results |
| follow | Links can be followed |
| nofollow | Links should not be followed |
| nosnippet | Search snippet should not be shown |
| max-snippet | Limits snippet length |
The googlebot tag gives instructions specifically to Google. When multiple robots instructions conflict, Google applies the more restrictive rule.
For important commercial pages, robots tags deserve extra review. One wrong noindex can remove a ranking page from Google results.
Meta charset
The charset tag tells browsers how to interpret text characters. UTF-8 is the standard choice for modern websites.
Example:
<meta charset=”utf-8″>
This tag is technical, but it still matters. Wrong character encoding can cause broken symbols, unreadable text, or inconsistent display across languages.
For multilingual websites, charset should be checked during template QA. Vietnamese pages, for example, need proper character rendering so accents display correctly.
Meta viewport
The viewport tag helps browsers scale the page on mobile devices.
Example:
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
Without a correct viewport tag, mobile users may see a page that feels zoomed out or hard to read. That hurts usability, especially on service pages, product pages, and blog guides that depend on mobile traffic.
Viewport does not replace responsive design. It only gives the browser a baseline instruction for how to display the page.
Meta refresh
Meta refresh can send users to another URL after a set time. It appears inside the <head> section.
Example:
<meta http-equiv=”refresh” content=”0;url=https://example.com/new-page/”>
For SEO migrations, server-side redirects are safer. Google recommends using server-side redirects when a page has moved permanently because they are clearer for users and search engines.
Use meta refresh only when a better redirect method is unavailable. For migrations, canonical URL changes, or HTTPS moves, server-level redirects should be reviewed first.
Tags often confused with website meta tags
Some important SEO elements are not real <meta> tags, but they are often discussed in the same workflow.
| Element | Why it matters |
| Title tag | Search result headline and browser tab |
| Canonical tag | Preferred URL signal |
| Hreflang | Language and regional targeting |
| Open Graph tags | Social sharing preview |
| Twitter Card tags | Social sharing preview |
The title tag deserves special attention because it often appears as the search result headline. A good title should describe the page clearly and match search intent.
Canonical tags also sit in the <head> section, but they use the <link> element. Treat them as part of technical SEO QA rather than a meta tag category.
Meta tags Google ignores
Some tags are outdated for Google SEO. Keeping them does not usually break a page, but relying on them can waste time.
| Tag | Current SEO value |
| Meta keywords | Ignored by Google |
| Unsupported custom meta tags | Ignored by Google |
| Old pagination rel values | No longer used by Google as an indexing signal |
| Excessive author/copyright tags | Usually irrelevant for Google SEO |
Google has said it does not use the keywords meta tag for web search ranking.
For SEO teams, meta keywords should be removed from the optimization checklist. Time is better spent on title tags, descriptions, robots rules, canonical signals, content quality, and internal linking.
Website meta tag examples by page type
Different pages need different metadata decisions. A homepage needs brand clarity, while a blog post needs a specific topic summary.
| Page type | Priority tags |
| Homepage | Title tag, description, viewport, charset |
| Service page | Title tag, description, robots, canonical |
| Blog post | Title tag, description, canonical, Open Graph |
| Product page | Title tag, description, canonical, robots |
| Category page | Title tag, description, canonical, viewport |
For service pages, the title and description should reflect the service clearly. The URL slug should also support the same page topic so users see a consistent signal before and after they click. Blog posts need a description that matches the search intent, while product pages usually need page-specific copy instead of generic template text.
How to add website meta tags in a CMS
Most CMS platforms let editors manage title tags and descriptions without touching code. Technical tags such as robots, canonical, viewport, or charset may depend on the theme, plugin, or developer setup.
| Platform | Where to check |
| WordPress | SEO plugin, theme header, template files |
| Shopify | Search engine listing fields, theme code |
| Webflow | Page settings and custom code |
| Custom CMS | Template logic and rendered HTML |
| Headless CMS | Frontend framework output |
After adding tags, inspect the rendered HTML. The CMS field is only useful if the final page source outputs the correct tag.
For JavaScript-heavy websites, validation becomes more important. Google can process JavaScript, but important SEO tags should be tested carefully if they are injected or changed after page load.
How to audit website meta tags
A sitewide audit helps find missing, duplicated, conflicting, or unsupported tags across templates.
Use this workflow:
Crawl indexable URLs
↓
Export title tags, descriptions, robots rules, viewport, charset
↓
Group issues by template
↓
Prioritize pages with impressions, clicks, leads, or indexation risk
↓
Fix missing, duplicate, conflicting, or unsupported tags
↓
Validate source code and URL Inspection
↓
Monitor Search Console changes
Start with pages that affect business outcomes. Service pages, product categories, and high-impression blog posts should be checked before low-value archives.
| Issue | Risk level | Better action |
| Accidental noindex | Critical | Remove or correct robots tag |
| Duplicate title tags | High | Make template output specific |
| Missing descriptions | Medium | Write page-level summaries |
| Meta refresh redirect | Medium | Replace with server-side redirect |
| Missing viewport | Medium | Add responsive viewport tag |
| Meta keywords | Low | Remove from SEO checklist |
Manual review still matters. A crawler can find duplicates, but a human should decide whether the description actually matches search intent.
Common website meta tag mistakes
Website meta tag mistakes often come from old SEO habits, CMS defaults, or template-level duplication.
| Mistake | Why it matters | Better fix |
| Treating title tag as a meta tag | Creates technical confusion | Separate title from <meta> elements |
| Using meta keywords | Wastes SEO effort | Ignore for Google SEO |
| Duplicating descriptions | Weakens page specificity | Write unique summaries for key URLs |
| Adding accidental noindex | Removes pages from search | Audit robots rules |
| Using meta refresh for migrations | Creates avoidable redirect risk | Use server-side redirects |
| Relying only on CMS preview | May miss rendered HTML issues | Inspect source code |
| Injecting tags with JavaScript | Can create testing risk | Validate with URL Inspection |
A small template issue can affect hundreds of URLs. That is why website meta tags should be audited by template first, then refined page by page.
Website meta tags FAQ
Are website meta tags ranking factors?
Some meta tags control how Google handles a page, such as noindex. Others support snippets or rendering. Meta tags should be treated as SEO infrastructure rather than simple ranking boosters.
Is the title tag a meta tag?
The title tag is not technically a <meta> tag. SEO teams often discuss it with meta tags because it lives in the <head> section and affects search appearance.
Does Google use meta keywords?
Google does not use the meta keywords tag for web search ranking. It can be removed from modern SEO optimization workflows.
Can Google rewrite my meta description?
Yes. Google may generate a different snippet when visible page content better matches the user’s query. A clear description still helps by giving Google a useful snippet candidate.
What is the difference between robots.txt and meta robots?
Robots.txt controls crawler access at the file or path level. Meta robots gives page-level instructions after a crawler can access the page.
Should every page have a meta description?
Important indexable pages should have custom descriptions. Low-value utility pages may not need manual descriptions if they are not meant to attract search traffic.
Where do I put website meta tags?
Website meta tags belong inside the <head> section of the HTML document. In a CMS, the fields may appear inside SEO settings or template configuration.
How do I check whether meta tags are working?
Check the rendered source code, crawl the page, and validate important URLs in Google Search Console. For critical changes, monitor indexing and search appearance after deployment.
Final thoughts
Website meta tags are small pieces of HTML, but they can affect how a page is interpreted, displayed, and controlled in search. The safest SEO workflow starts with supported tags, accurate implementation, and regular audits.
For important pages, focus on title tags, meta descriptions, robots rules, charset, and viewport first. Outdated tags such as meta keywords should leave the checklist, while risky tags such as meta refresh should be handled with extra care.
Read more