Meta Tags Explained: What They Are, Why They Matter & How to Create Them
Meta tags are the invisible foundation of on-page SEO. Every page you publish carries a set of HTML tags in its head section that tell search engines what the page is about, control how it appears in search results, and determine how it looks when shared on social media. Understanding meta tags is essential for anyone running a website in India or anywhere in the world ā and this guide walks you through every important tag type, with real-world examples.
What Are Meta Tags in HTML?
Meta tags are short snippets of HTML code placed inside the <head> section of a webpage. Unlike the visible content of a page, meta tags are not shown directly to users ā they are read by browsers, search engine crawlers, and social media platforms to understand and represent the page correctly.
The most fundamental meta tags include the title tag, meta description, robots tag, and the canonical tag. Beyond these, Open Graph tags and Twitter Card tags handle how your content looks when shared. Together, these tags form a complete signal layer that sits between your content and the wider web.
For any website owner in India running an e-commerce store, a blog, or a business listing page, correctly set meta tags can be the difference between a high click-through rate from Google and a page that gets overlooked entirely.
The Core SEO Meta Tags Every Page Needs
Below is a quick reference of the most important meta tags for SEO, what they do, and the recommended values for each.
| Tag | Purpose | Recommended Value |
|---|---|---|
<title> | Page title shown in SERPs and browser tab | 50ā60 characters |
meta description | Snippet below title in search results | 150ā160 characters |
meta robots | Crawl instructions: index/noindex, follow/nofollow | index,follow (for public pages) |
link canonical | Preferred URL for duplicate content resolution | Full absolute URL of the page |
meta keywords | Keyword hints (ignored by Google, used by Bing) | 5ā10 relevant terms |
meta author | Content attribution for crawlers | Author or brand name |
meta language | Declares the page's primary language | English, Hindi, etc. |
š” Tip: The title tag is the single most important on-page SEO element. Always lead with your primary keyword and keep it under 60 characters to avoid truncation in Google's search results.
Understanding the Title Tag and Meta Description
The title tag is a true ranking signal ā Google reads it to understand the page topic and uses it as the clickable blue headline in search results. An optimised title should place the primary keyword near the beginning, include a brand name at the end, and stay within 50ā60 characters.
The meta description, on the other hand, is not a direct ranking signal. However, it heavily influences click-through rate (CTR). A well-written description summarises the page value, includes a mild call-to-action, and fits within 150ā160 characters so Google does not rewrite or truncate it.
<title>Buy Handmade Leather Wallets Online India | Craftique</title>
<meta name="description" content="Shop handcrafted genuine leather wallets for men online at Craftique. Free shipping above ā¹799. Explore bifold, trifold & slim designs. Order today.">ā ļø Warning: Avoid keyword stuffing in your title tag. Writing titles like "Buy Wallets Leather Wallet Men Wallet India" is treated as spam by Google and can harm your rankings rather than improve them.
The Robots Meta Tag ā Controlling Crawler Access
The robots meta tag tells search engines what to do with a specific page. The two most commonly used directives are index/noindex (whether to include the page in search results) and follow/nofollow (whether to follow the hyperlinks on the page).
For most public pages on your website, the correct setting is index,follow. For pages you do not want appearing in Google ā such as order confirmation pages, admin areas, or duplicate filter pages ā you would use noindex,nofollow.
<meta name="robots" content="index,follow">
<meta name="robots" content="noindex,nofollow">
<meta name="robots" content="index,nofollow">An Indian example: an e-commerce site selling sarees in Surat might use noindex,follow on paginated filter pages like /sarees/?color=red&page=4 to prevent thin content from being indexed while still allowing link equity to flow.
The Canonical Tag ā Solving Duplicate Content
The canonical tag (<link rel="canonical">) is not a meta tag in the traditional sense but sits in the same head section and solves one of the most common SEO problems: duplicate content. When the same content is accessible via multiple URLs, Google can split ranking signals between them. The canonical tag consolidates those signals to one preferred URL.
<link rel="canonical" href="https://storedropship.in/meta-tag-generator/">Common situations where canonical tags are essential include product pages accessible via multiple category paths, pages with UTM tracking parameters (e.g., ?utm_source=newsletter), and HTTP vs HTTPS versions of the same page.
š” Tip: Self-referencing canonical tags ā where a page points to itself ā are considered a best practice by Google and help clarify the preferred URL even when there is no duplicate issue.
Open Graph Tags ā Controlling Social Media Previews
Open Graph (OG) tags were introduced by Facebook and are now used by Facebook, LinkedIn, WhatsApp, and Pinterest to generate rich link previews. Without OG tags, these platforms choose arbitrary text and images from your page, often with poor results.
The most important Open Graph tags are og:title, og:description, og:url, og:type, og:site_name, and og:locale. A well-configured set of OG tags ensures your content looks professional and compelling every time someone shares a link.
<meta property="og:type" content="article">
<meta property="og:title" content="Best Monsoon Street Food in Mumbai ā Top 10 Spots">
<meta property="og:description" content="Discover the top 10 street food spots in Mumbai for the monsoon season. From vada pav to pav bhaji ā your ultimate rainy day food guide.">
<meta property="og:url" content="https://foodblog.in/mumbai-monsoon-street-food/">
<meta property="og:site_name" content="FoodBlog India">
<meta property="og:locale" content="en_IN">The og:locale tag is particularly useful for Indian websites targeting specific language audiences. Using en_IN for Indian English content signals the correct regional context to social platforms.
Twitter Card Tags ā Rich Previews on Twitter and X
Twitter Card tags perform a similar role to Open Graph tags but are specifically read by Twitter (now X). The twitter:card type determines the preview style ā summary shows a small thumbnail, while summary_large_image shows a large hero image above the description.
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Free Meta Tag Generator ā Create SEO Tags Instantly">
<meta name="twitter:description" content="Generate title, description, Open Graph & Twitter Card meta tags in one click. Free tool ā no login required.">
<meta name="twitter:site" content="@storedropship">If Open Graph tags are already set and no Twitter-specific tags are present, Twitter will fall back to the OG values. However, setting Twitter tags explicitly ensures the best possible display and lets you customise the message for the Twitter audience independently.
Real-World Meta Tag Examples
š®š³ Example 1 ā Indian Dropshipping Store Product Page
URL: https://mystore.in/cotton-kurta-set-women/
Title: "Buy Cotton Kurta Sets for Women Online | MyStore India" (53 chars)
Description: "Shop printed cotton kurta sets for women at MyStore. Sizes XSā3XL, starting ā¹599. Free shipping on orders above ā¹799. Order & get it in 3 days." (145 chars)
OG Type: product | Robots: index,follow | Canonical: full product URL | Locale: en_IN
š®š³ Example 2 ā Indian Blog About Personal Finance
URL: https://rupeeadvice.in/blog/mutual-fund-sip-guide/
Title: "How to Start SIP in Mutual Funds ā Beginner's Guide 2025" (57 chars)
Description: "Learn how to start a SIP in mutual funds in India. Step-by-step guide for beginners ā choose the right fund, set amount & track returns easily." (143 chars)
OG Type: article | Twitter Card: summary | Author: Rupee Advice Team
š Example 3 ā International SaaS Tool Page (US)
URL: https://invoiceninja.com/features/time-tracking/
Title: "Time Tracking for Freelancers & Agencies | Invoice Ninja" (57 chars)
Description: "Track billable hours effortlessly with Invoice Ninja's built-in time tracker. Auto-generate invoices from time logs. Supports 60+ currencies." (141 chars)
Locale: en_US | Twitter Card: summary_large_image | Robots: index,follow
Common Meta Tag Mistakes to Avoid
- Duplicate title tags and descriptions across multiple pages ā each page must have unique meta tags.
- Title tags over 60 characters ā Google truncates them with "ā¦" which breaks the message and reduces CTR.
- Missing canonical tags on paginated or filtered pages ā leads to duplicate content issues.
- No robots tag on private pages ā thank you pages, checkout pages, and admin URLs should use
noindex. - Mismatched OG and page content ā Open Graph title and description should accurately reflect the page, not be used for clickbait.
- Forgetting og:locale ā particularly important for Indian websites where
en_INhelps platforms serve the right audience segment.
Key insight: Google may rewrite your meta description if it determines yours does not accurately match the page's content or the user's search query. The best defence is writing a description that closely aligns with what users searching for your primary keyword actually want to find on the page.
How to Add Meta Tags on WordPress, Shopify & HTML Sites
Once you have generated your meta tags using the tool, the next step is to add them to your website.
- WordPress: Use a theme that exposes head tag editing (e.g., via Appearance ā Theme Editor ā header.php), or use an SEO plugin that provides meta tag fields per page. The generated tags can be pasted directly into the Custom HTML widget in the site head.
- Shopify: Go to Online Store ā Themes ā Edit Code ā theme.liquid and paste the relevant tags inside the
<head>block. For individual product or collection pages, use Liquid variables to make them dynamic. - Plain HTML sites: Open your HTML file and paste the generated tags directly inside the
<head>...</head>section before any other content-related tags. - Wix: Go to SEO Settings for each page and paste meta description and title there. For additional custom tags, use the Advanced SEO section.
For all platforms, the rule is simple: the generated tags belong inside <head>, and each page should have its own unique set reflecting that page's specific content.
How Often Should You Update Meta Tags?
Meta tags are not a set-and-forget element. Review them whenever you update page content significantly, launch seasonal campaigns, target new keywords, or notice a drop in click-through rate in Google Search Console. For product pages on Indian e-commerce stores, updating meta descriptions during sale seasons (Diwali, Holi, Republic Day) to reflect offers can meaningfully boost CTR.
Monitor your title and description performance regularly in Google Search Console under Search Results ā Queries. If impressions are high but CTR is low, your meta description is likely not compelling enough ā rewrite it with a clearer benefit or call-to-action.
Ready to Generate Your Meta Tags?
Stop writing meta tags by hand. Use our free Meta Tag Generator to create complete, SEO-ready HTML tags ā including Open Graph, Twitter Card, and robots directives ā in under a minute.
Use the Meta Tag Generator āRecommended Hosting
Hostinger
If you are building a website for your tools, blog, or store, reliable hosting matters for speed and uptime. Hostinger is a popular option used worldwide.
Visit Hostinger āDisclosure: This is a sponsored link.
Contact Us
Have a question about meta tags, on-page SEO, or any of our tools? Get in touch ā we'd love to help.