What is A Meta Tag in SEO? Types, Uses & Examples
Search engines see more than the words visitors read on a webpage. Behind the scenes, small pieces of HTML metadata help communicate important information about a page, from its search snippet and indexing instructions to how it appears on mobile devices and social platforms.
So, what is a meta tag in SEO? A meta tag is an HTML element placed in a webpage’s <head> section that provides information to search engines, browsers, and other platforms. Different tags serve different purposes, and using the right ones can support better search visibility and a cleaner technical SEO setup.
In this guide, you’ll learn what meta tags are, the different types, how to create meta tags, when to use them, and how they affect SEO, with simple examples to help you put them into practice.
What is a Meta Tag in SEO?
A strong SEO foundation starts with making your website easy for both people and search engines to understand. While visitors interact with the visible content on a page, search engines also rely on information in the HTML to understand how that page should be handled. This is where meta tags play an important role in SEO.
A meta tag is an HTML element placed inside a webpage’s <head> section that provides information about the page to search engines, browsers, and other platforms. Meta tags are not usually visible to visitors, but they can help control how a page is described, indexed, displayed on different devices, or presented when shared online.
Different meta tags serve different purposes, such as:
- Page descriptions: Help describe a page for search-result snippets.
- Indexing instructions: Tell search engines how to handle a page through robots directives.
- Mobile display: Help browsers control how a page is sized and scaled on different devices.
- Social sharing: Define how a page may appear when shared on supported platforms.
- Technical information: Specify details such as the page’s character encoding.
Meaning of Meta Tag in Simple Words
“Meta” means information about information. In simple terms, meta tags give search engines and other technologies extra details about a webpage that may not be obvious from the visible content alone.
For example, a visitor may see an article on a webpage, while the HTML behind it can contain metadata describing the page, controlling indexing, or setting how the content should be displayed.
Where Are Meta Tags Placed in HTML?
Meta tags are generally placed inside the HTML <head> section, before the visible <body> content.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”description” content=”Learn what meta tags are and how they support SEO.”>
</head>
<body>
<!– Visible webpage content –>
</body>
</html>
The <head> section contains information and instructions that browsers, search engines, and other services can process. It <body> contains the content visitors see and interact with.
How Do Meta Tags Work?
When a search engine or another automated system accesses a webpage, it can read the HTML and process the metadata in its <head> section. Depending on the tag, that information may help determine how the page is handled, displayed, or represented elsewhere.
Webpage → HTML <head> → Metadata is processed → Relevant action or presentation
For example, a robot meta tag can provide indexing instructions, while a viewport tag helps browsers determine how the page should be displayed on different screen sizes. An Open Graph tag can provide information used to create a social sharing preview.
That’s why it’s important to know what each meta tag does: they all have different roles, and not every tag helps with SEO rankings.
Why Are Meta Tags Important for SEO?
Meta tags help search engines, browsers, and social platforms understand and handle your webpage more effectively. While not every meta tag is a direct Google ranking factor, the right metadata can still support search visibility, indexing, user experience, and how your content appears across platforms.
Here’s why meta tags matter:
Meta Tag Benefit | How It Helps |
Better Search Snippets | A clear meta description can make your search listing more useful and appealing to users. |
Indexing Control | A Robots meta tags can tell search engines whether a page should be indexed or how its links should be handled. |
Better Mobile Display | The viewport tag helps browsers display webpages properly across different screen sizes. |
Improved Social Previews | Open Graph tags can control the title, description, and image shown when a page is shared on supported social platforms. |
Technical Accuracy | Tags such as “charset” help browsers interpret and display webpage content correctly. |
Why Do Meta Tags Matter in the Bigger SEO Picture?
Think of meta tags as small instructions that help different systems understand what to do with your webpage. They do not magically improve rankings, but they can support important parts of SEO, from search-result presentation and indexing to mobile usability and content sharing.
The key is to use the right meta tag for the right purpose rather than adding every possible tag. A clean and purposeful setup makes your website easier to manage and helps search engines and other platforms process your pages correctly.
What Are the Types of Meta Tags?
Web standards support dozens of metadata elements, but only a select group directly impacts search optimization, indexing control, and site usability.
Here is a quick reference list of meta tags used in modern web publishing:
Meta Tag Type | Main Technical Purpose | SEO & Indexing Impact |
Meta Description | Summarizes the page topic for searchers | High (Impacts CTR and search snippet context) |
Robots Meta Tag | Provides crawl and index directives | High (Controls search index visibility) |
Viewport Tag | Sets mobile browser display dimensions | High (Essential for mobile usability) |
Open Graph Tags | Formats social media sharing cards | Medium (Enhances social link presentation) |
Charset Tag | Sets page character encoding | Medium (Prevents text rendering errors) |
Meta Keywords | Deprecated target keyword list | None (Ignored by Google for web ranking) |
Meta Description Tag
The meta description provides a brief summary of a webpage’s contents. Search engines often feature this summary underneath the page title in search engine result pages (SERPs).
HTML
<meta name=”description” content=”Learn what meta tags are, how they work, and which ones matter for SEO.”>
Does a Meta Description Affect Rankings?
No, Google does not use meta descriptions as a direct algorithmic ranking factor. However, a well-crafted description directly influences user click-through rates (CTR).
When your snippet text aligns with searcher expectations, more users click your link, signaling strong search relevance to algorithms.
Search Query ──► Matches Description Text ──► Higher Click-Through Rate ──► Positive User Signals
How to Write an Effective Meta Description
- Align with Intent: State clearly what the reader will gain by visiting the page.
- Keep Length Optimal: Maintain a length between 145–160 characters to prevent truncation on mobile screens.
- Include Main Terms: Incorporate primary search terms naturally so search engines can highlight matching phrases.
- Avoid Keyword Stuffing: Write natural, engaging prose rather than listing disconnected keywords.
Pairing strong meta summaries with systematic keyword research for SEO ensures your search listings target high-value user queries.
Robots Meta Tag Explained
The robots meta tag grants webmasters page-level control over how compliant search engine crawlers index and process individual URLs.
HTML
<meta name=”robots” content=”noindex, nofollow”>
Noindex Meta Tag
Adding a noindex meta tag instructs search bots not to add the page to their search index.
HTML
<meta name=”robots” content=”noindex”>
Use noindex for internal site search results, thank-you confirmation pages, staging environments, or thin admin pages.
Crucial Rule: Crawlers must be allowed to fetch the page to discover the noindex directive. If you block the page in your root file, bots cannot read this tag.
Nofollow Meta Tag
A page-level nofollow meta tag tells search bots not to follow any hyperlinks on that specific page.
HTML
<meta name=”robots” content=”nofollow”>
Distinct from link-level attributes (e.g., <a href=”…” rel=”nofollow”>), page-level nofollow applies to every link on the webpage simultaneously.
Robots Meta Tag vs. Robots.txt
Understanding how metadata instructions differ from root file controls prevents indexing mistakes:
Feature | Robots Meta Tag | Robots.txt File |
Implementation | Placed inside the individual page <head> code | A single file placed in the site root folder |
Primary Scope | Page-level indexing & link behavior | Site-wide crawler path access |
Noindex Reliability | Highly reliable (the bot reads the tag on the page) | Unreliable (Not an official standard) |
Crawl Requirement | The page must be accessible to be read | Prevents the crawler from fetching the path |
Mobile Meta Tag: The Viewport Tag
The mobile meta tag (commonly called the meta viewport tag) instructs mobile web browsers how to render page dimensions and scaling factors across varying screen sizes.
HTML
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
Without a Viewport Tag ──► Mobile devices render a desktop scale (Tiny, zoomed-out text)
With a Viewport Tag ──► Mobile devices scale width to screen (Readable, responsive layout)
Why Is the Viewport Tag Important?
Without a viewport tag, mobile browsers render pages at desktop screen widths, forcing users to pinch and zoom to read content.
Because mobile usability is critical for modern indexing, maintaining a proper viewport configuration is required for modern web pages.
What Are Open Graph Meta Tags?
Developed by Facebook, Open Graph meta tags enable any webpage to become a rich object on social networks. Platforms like LinkedIn, Facebook, and Pinterest read these tags to display visual link previews.
HTML
<meta property=”og:title” content=”What Is a Meta Tag in SEO? Types & Examples”>
<meta property=”og:description” content=”Learn about meta tag types, code examples, and SEO uses.”>
<meta property=”og:image” content=”https://example.com/images/meta-tags-guide.jpg”>
<meta property=”og:url” content=”https://example.com/meta-tags-guide”>
Raw URL Share ──► OG Tags Parsed ──► Formatted Card (Image + Bold Title + Description)
What Do Open Graph Tags Do?
- og:title defines the headline shown inside social feeds.
- og:description provides the short snippet beneath the headline.
- og:image specifies the exact preview image thumbnail.
- og:url defines the canonical web address for shared content.
While Open Graph metadata does not serve as a direct Google ranking signal, visual preview cards significantly improve referral traffic when users share your content online.
Other Meta Tags You Should Know
Beyond core descriptions and crawling directives, a few technical meta elements support browser rendering and site migrations.
Meta Charset
The charset tag specifies the document’s character encoding standard.
HTML
<meta charset=”UTF-8″>
Setting UTF-8 ensures browsers display international symbols, special characters, and non-English scripts cleanly without text corruption.
Meta Keywords
The meta keywords tag was historically used to list target terms for search engines.
HTML
<!– OUTDATED – DO NOT USE FOR GOOGLE –>
<meta name=”keywords” content=”seo, meta tags, html metadata”>
Important: Google officially confirmed it has ignored the meta keywords tag for web ranking for over a decade. Filling out this tag wastes effort and exposes your target keywords to competitors.
Meta Refresh
A meta refresh tag redirects a user’s browser to another URL after a specified time delay.
HTML
<meta http-equiv=”refresh” content=”5;url=https://example.com/new-page”>
Modern web standards discourage meta refresh tags because they create poor user experiences. Instead, use standard server-side HTTP status codes when setting up redirects. If you need to map old URLs to new locations, review redirection to select the correct status code.
Meta Tags vs. Title Tag: What’s the Difference?
The webpage <title> tag is frequently called a “meta title,” but it is technically a distinct HTML element.
HTML
<!– HTML Title Element (Not technically a meta tag) –>
<title>What Is a Meta Tag in SEO? Types, Uses & Examples</title>
<!– Standard Meta Tag –>
<meta name=”description” content=”A complete guide to meta tags in SEO.”>
HTML Element | Technical Tag Type | Primary Search Role |
Title Tag | <title> element | Main clickable headline in search engines; strong ranking factor |
Meta Description | <meta> tag attribute | A descriptive body snippet under a search headline influences CTR |
Robots Meta | <meta> tag directive | Instructs crawlers how to handle page indexing |
Viewport | <meta> tag attribute | Controls mobile display scaling |
How to Create Meta Tags
Creating and deploying metadata follows a simple process, whether you code manually or use modern Content Management Systems (CMS).
Step 1: Identify Intent ──► Step 2: Select Tags ──► Step 3: Write Metadata ──► Step 4: Validate HTML
- Identify Page Purpose: Determine whether the URL is a landing page meant for indexing or an administrative utility requiring restricted crawl access.
- Select Required Tags: Every indexable page requires a description, charset, viewport tag, and social open graph tags.
- Write Metadata: Draft unique, non-duplicative titles and summaries matching search intent.
- Insert into Document Header: Place code snippets between the opening <head> and closing </head> tags.
- Audit Implementation: Test live URLs using browser developer tools to verify syntax accuracy.
How to Create Meta Tags Without Coding
If you manage sites on WordPress, Shopify, or Wix, SEO plugins handle code insertion automatically:
- WordPress: Use plugins like Yoast SEO, Rank Math, or All in One SEO to input descriptions and social settings via visual fields.
- Shopify: Edit page metadata directly within the “Search engine listing preview” section at the bottom of products or pages.
- Wix / Squarespace: Configure page title and description fields inside the page settings menu.
If you understand how to make SEO-friendly content, it might be easier for you to write catchy and effective meta tags.
How to Optimize Meta Tags for SEO
Follow these actionable principles to maximize snippet engagement:
[ Match Search Intent ] ──► [ Use Unique Copy ] ──► [ Avoid Spammy Stuffing ]
- Align Copy with User Intent: Ensure your descriptions accurately reflect the core problem solved on the page.
- Maintain Unique Descriptions: Never copy and paste identical descriptions across dozens of category or product pages.
- Incorporate Keywords Naturally: Add primary search terms where they fit logically without ruining readability.
- Avoid Misleading Claims: Don’t write sensationalized headlines or descriptions that mislead users about your page’s contents.
Do Meta Tags Affect SEO Rankings?
Understanding which metadata signals impact search engine positioning helps prioritize optimization workflows.
Direct Answer: Meta tags as an entire category are not a single ranking factor. Some tags indirectly support visibility by boosting user engagement, while others regulate technical indexing.
┌── Meta Description ──► Indirect (Boosts CTR & Engagement)
├── Robots Meta Tag ──► Technical (Controls Indexing)
Tag SEO Impacts ──┼── Viewport Tag ──► Usability (Enables Mobile Rendering)
├── Open Graph Tags ──► Referral (Enhances Social Shares)
└── Meta Keywords ──► Zero (Ignored by Algorithms)
Meta Tag Type | Direct Ranking Signal? | Core SEO & Marketing Value |
Meta Description | No | Higher click-through rates and snippet context |
Robots Meta Tag | No | Controls page indexation and crawl resource usage |
Viewport Tag | No | Prevents mobile usability penalties |
Open Graph Tags | No | Boosts social sharing engagement and referral traffic |
Meta Keywords | No | Completely ignored for search ranking |
Common Meta Tag Mistakes to Avoid
- Duplicate Meta Descriptions: Using identical description text across hundreds of product URLs confuses search engines.
- Accidental Noindex Tags: Leaving noindex directives active after moving staging sites to production removes pages from search.
- Keyword-Stuffed Summaries: Cramming disconnected keywords into descriptions reduces user trust and click rates.
- Blocking CSS or JS Files: Restricting crawler access to asset files prevents bots from rendering mobile layouts correctly.
- Using Meta Keywords: Spending time managing meta keyword tags offers zero search engine benefit.
Meta Tag Best Practices for SEO
- Include a <meta charset=”UTF-8″> tag at the top of your <head> block.
- Implement a standard <meta name=”viewport”> tag on every responsive page.
- Write unique meta descriptions (145–160 characters) for every primary indexable page.
- Add Open Graph tags (og:title, og:description, og:image) for key content pieces.
- Use “noindex” only on pages you intentionally want to keep out of public search results.
- Audit meta tags regularly after CMS updates or template migrations.
Meta Tags Example: A Complete HTML Setup
Here is a practical meta tag example demonstrating a complete, search-optimized <head> block:
HTML
<head>
<!– Technical & Character Encoding –>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<!– Document Title (Technically HTML Title Element) –>
<title>What Is a Meta Tag in SEO? Types, Uses & Examples</title>
<!– Search Engine Metadata –>
<meta name=”description” content=”Learn what meta tags are, which types matter for SEO, and how to use them correctly with real examples.”>
<meta name=”robots” content=”index, follow”>
<!– Open Graph Social Previews –>
<meta property=”og:title” content=”What Is a Meta Tag in SEO? Types & Examples”>
<meta property=”og:description” content=”Learn about meta tag types, code examples, and SEO uses.”>
<meta property=”og:image” content=”https://example.com/images/meta-tags-guide.jpg”>
<meta property=”og:url” content=”https://example.com/meta-tags-guide”>
</head>
Tag Component | Purpose in the Above Example |
charset | Ensures special characters display correctly. |
viewport | Scale the layout to fit mobile device displays. |
description | Provides text for search result snippets. |
robots | Confirms the page can be indexed and links followed. |
og:* properties | Formats rich cards when shared on social platforms. |
How to Check Meta Tags on a Website
Auditing metadata across your site ensures search crawlers receive correct indexing signals.
1. View Page Source
Right-click any webpage, select View Page Source, and scroll to the top <head> section to inspect metadata directly.
Right-Click ──► View Page Source ──► Locate <head> ──► Search for <meta>
2. Browser Developer Tools
Open your browser’s inspect element tool (F12 or Ctrl+Shift+I), select the Elements tab, and expand the <head> node to review active meta attributes.
3. Automated SEO Auditing Tools
Use technical crawling tools like Google Search Console, Screaming Frog, or Ahrefs to identify missing meta descriptions, duplicate tags, or accidental noindex directives across thousands of pages simultaneously.
Meta Tags vs. Other Technical SEO Elements
Understanding how meta tags relate to wider technical elements helps streamline your optimization workflow:
SEO Element | Primary Technical Role | Tag Type |
Meta Description | Provides search result snippet summaries | <meta> tag attribute |
Robots Meta Tag | Controls page-level crawl and index rules | <meta> tag attribute |
Canonical Link | Specifies the preferred URL for duplicate content | <link rel=”canonical”> element |
XML Sitemap | Lists site URLs for search discovery | External XML file |
Robots.txt | Restricts crawler access to site directories | External TXT file |
Conclusion: Understanding Meta Tags in SEO
Meta tags are HTML elements that provide information about a webpage to search engines, browsers, and other platforms. They sit in the <head> section and serve different purposes: meta descriptions help present page information in search results, robots meta tags provide indexing instructions, the viewport tag supports proper mobile display, and Open Graph tags help control social sharing previews. Knowing these differences makes it easier to understand which tags your website actually needs.
The most important takeaway is that meta tags are not a single SEO ranking factor. Their value depends on how and where they are used. Creating relevant and unique metadata, applying indexing directives carefully, avoiding outdated tags such as meta keywords, and checking your implementation regularly can help search engines and other platforms process your pages correctly. Used properly, meta tags become a practical part of a well-structured SEO setup rather than just another piece of code to add to a website.
Table of Contents
Ready to
Work with us?
Author Box
Sakshi Jaiswal
Sakshi Jaiswal, a digital marketing expert, shares cutting-edge insights and strategies. She enjoys exploring new marketing technologies and tools.
Frequently Asked Questions
Most websites use some form of metadata, but they do not need every type of meta tag. The right tags depend on the page’s SEO, technical, browser, indexing, and social-sharing requirements.
There is no fixed number of meta tags a page should use. Add only the metadata that serves a clear purpose, such as describing the page, controlling indexing, setting the mobile viewport, or improving social-sharing previews.
Yes. Google may generate a different search-result snippet when it believes another part of the page better matches a user’s query. Writing a clear, relevant meta description still helps communicate what the page offers.
Yes. Open Graph meta tags can influence how a page is displayed when its URL is shared on supported social platforms. They can help define elements such as the shared title, description, and image.
Yes. Many content management systems, SEO plugins, and website builders provide simple fields for adding common meta tags without manually editing HTML. For advanced tags or custom requirements, however, some HTML knowledge may be useful.
A noindex meta tag can tell compliant search engines not to include the page in their search index. If added by mistake, remove or correct the directive and allow the page to be crawled again so search engines can process the change.
Yes, but their importance depends on the specific tag. Tags such as robots, description, and viewport can still serve useful SEO or technical purposes, while outdated tags such as meta keywords should not be relied on for Google rankings.
You can, but unique and page-specific meta descriptions are generally better for important pages. They give search engines and users a clearer understanding of what makes each page different and can improve the relevance of search-result snippets.
The information in a meta tag depends on its purpose in organic SEO. It can describe a webpage for search-result snippets, provide indexing instructions to search engines, define how the page should display on mobile devices, or specify technical details such as character encoding.
Some meta tags, such as Open Graph tags, also provide information that controls how a page appears when shared on supported social platforms.