🔍 What Are Meta Tags in SEO?
Meta tags are small pieces of code in the HTML of a webpage that help search engines understand what your page is about. They also affect how your site appears on Google search results.
Think of meta tags like a movie poster — they give a quick preview of what’s inside and attract people to click.
đź§© Important Meta Tags for SEO
1. Meta TitleÂ
- Appears as the blue clickable headline on Google
- Tells both users and search engines what your page is about
- Should include your main keyword
Example:
htmlCopyEdit<title>Best Digital Marketing Agency in Kerala | Grow Your Business Online</title>
âś… Tips:
- Keep it under 60 characters
- Put main keywords at the beginning
- Make it click-worthy, not just keyword-stuffed
2. Meta Description
- Appears below the title on Google (short summary)
- Doesn’t directly impact rankings but influences clicks
- Include keywords and a call to action
Example:
htmlCopyEdit<meta name="description" content="Looking for a digital marketing agency in Kerala? We help businesses grow with SEO, Google Ads, and social media marketing. Get a free consultation today!" />
âś… Tips:
- Keep it under 155–160 characters
- Use action words: “Call now”, “Learn more”, “Book a free audit”
- Don’t copy-paste the same description on all pages
3. Meta Keywords (⚠️ Outdated)
htmlCopyEdit<meta name="keywords" content="digital marketing, SEO, Kerala agency, social media" />
❌ Note: Google no longer uses this tag for rankings. It’s mostly obsolete and can be skipped.
4. Viewport Tag (For Mobile SEO)
Helps make your site responsive on mobile devices.
htmlCopyEdit<meta name="viewport" content="width=device-width, initial-scale=1.0" />
âś… Must-have for mobile-friendly websites, which is a Google ranking factor.
5. Canonical Tag
Used to tell search engines which version of a page is the main one (to avoid duplicate content issues).
htmlCopyEdit<link rel="canonical" href="https://yourwebsite.com/seo-services" />
6. Robots Meta Tag
Tells search engines whether to index a page or follow links.
htmlCopyEdit<meta name="robots" content="index, follow" />
index, follow
– allow page to be indexed and links to be followednoindex, nofollow
– block both (used for private or test pages)
đź§Ş Complete Example of Meta Tags in an HTML Page
htmlCopyEdit<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Top Digital Marketing Agency in Kerala | Boost Your Sales</title>
<meta name="description" content="Discover the best digital marketing agency in Kerala. We help you grow online through SEO, Google Ads, and social media strategies." />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="canonical" href="https://yourwebsite.com/digital-marketing-agency-kerala" />
<meta name="robots" content="index, follow" />
</head>
<body>
<!-- Page content goes here -->
</body>
</html>
âś… Meta Tag Best Practices (Quick Summary)
Meta Tag | Purpose | Include Keyword? | Length |
---|---|---|---|
<title> | Page title shown on Google | âś… Yes | Max 60 characters |
meta description | Short summary below title | âś… Yes | Max 160 characters |
viewport | Responsive design for mobile devices | ❌ No | N/A |
canonical | Prevents duplicate content issues | ❌ No | Full URL |
robots | Controls indexing/following behavior | ❌ No | “index, follow” |