What Are Meta Tags? The Complete SEO Guide

You've published a blog post. The content is solid. But when it shows up in Google, the title is cut off and the description is a random sentence pulled from the middle of your page. Nobody clicks. The post sits on page two collecting dust.

The problem isn't your content. It's your meta tags. Or more likely, the fact that you don't have them.

What Are Meta Tags?

Meta tags are small pieces of HTML code that sit inside the <head> section of a web page. They don't appear on the page itself. Visitors never see them. But search engines and browsers read them constantly.

Here's what a basic meta tag looks like:

<meta name="description" content="Learn what meta tags are, which ones matter for SEO, and how to write them correctly." />

Each meta tag gives search engines and browsers a specific instruction. Some control how your page appears in search results. Others tell crawlers whether they're allowed to index the page. A few handle technical details like character encoding and screen sizing.

Not all meta tags carry the same weight. Some directly affect your search rankings. Others used to matter but don't anymore. Knowing the difference saves you time and keeps you focused on what actually moves the needle.

Meta Tags That Matter for SEO

Five meta tags deserve your attention. Get these right and you've covered what counts.

Title Tag

The title tag isn't technically a <meta> element, but it lives in the <head> and functions the same way. It's the single most important on-page SEO element you can control.

<title>What Are Meta Tags? The Complete SEO Guide</title>

Google displays this as the clickable blue link in search results. It directly influences both rankings and click-through rate. Every page on your site needs a unique title tag.

How to write a good meta title:

Keep it under 60 characters. Google truncates anything longer.
Put your primary keyword near the front.
Make it specific. "SEO Guide" is vague. "Meta Tags SEO Guide" tells people exactly what they'll get.
Write for humans first. A title stuffed with keywords looks spammy and nobody clicks on it.
Add your brand name at the end if there's room, separated by a pipe or hyphen.

Meta Description Tag

The meta description tag is the short summary that appears below your title in search results.

<meta name="description" content="Learn what meta tags are, which ones actually affect SEO, and how to write titles and descriptions that get clicks. Includes examples and a free generator." />

Google has said the meta description doesn't directly affect rankings. But it has a huge indirect effect. A well-written description increases your click-through rate, and higher CTR sends positive signals to Google about your page's relevance.

How to write a good meta description:

Aim for 150-160 characters. Shorter is fine. Longer gets cut off.
Include your target keyword naturally. Google bolds matching terms in the results.
End with a call to action.
Don't duplicate descriptions across pages.
Don't use quotes. They can cause Google to truncate the snippet.

Robots Meta Tag

This tag tells search engines whether to index a page and whether to follow the links on it.

<meta name="robots" content="index, follow" />

The default behavior is to index the page and follow all links. You only need this tag when you want to change that default. Common values:

noindex prevents the page from appearing in search results.
nofollow tells crawlers not to follow any links on the page.
noindex, nofollow does both.

Use noindex for pages like thank-you pages, internal search results, or login screens. This works hand-in-hand with your robots.txt file.

Canonical Tag

The canonical tag tells search engines which version of a page is the "official" one.

<link rel="canonical" href="https://yoursite.com/blog/meta-tags-guide" />

If the same content exists at multiple URLs, the canonical tag points Google to the right one. Without it, Google might split your ranking signals across duplicate URLs.

Viewport Meta Tag

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

This tag tells mobile browsers how to scale your page. Since Google uses mobile-first indexing, a missing viewport tag can hurt your rankings.

Meta Tags That Don't Matter Anymore

The Keywords Meta Tag

<meta name="keywords" content="meta tags, seo, html" />

Google stopped using it as a ranking signal back in 2009. You can safely ignore it.

Social Meta Tags (Open Graph and Twitter Cards)

Social meta tags control how your page looks when shared on Facebook, LinkedIn, Twitter, and other platforms. They don't directly affect SEO rankings, but they affect traffic.

The two main standards are Open Graph and Twitter Cards.

<meta property="og:title" content="What Are Meta Tags? The Complete SEO Guide" />
<meta property="og:description" content="Everything you need to know about meta tags and SEO." />
<meta property="og:image" content="https://yoursite.com/images/meta-tags-guide.jpg" />
<meta name="twitter:card" content="summary_large_image" />

For the full breakdown, read our complete guide to Open Graph tags. You can generate all the social tags you need with Morphkit's Open Graph Tag Generator.

Technical Meta Tags

Charset: Tells browsers which character set to use. UTF-8 handles virtually every language and symbol.

<meta charset="UTF-8" />

How to Check Your Current Meta Tags

Right-click any web page and select "View Page Source" (or press Ctrl+U). Search for <title> and <meta to find all your tags.

For a faster method, browser extensions like SEO Meta in 1 Click show all meta tags for any page.

Common Meta Tag Mistakes

Duplicate title tags across multiple pages.
Meta descriptions over 160 characters that get truncated.
Missing viewport tags on mobile-friendly sites.
Using the keywords meta tag and skipping the description tag.
Accidentally adding noindex to pages you want ranked.
Writing titles for search engines instead of people.

Generate Your Meta Tags in Seconds

Morphkit's Meta Tag Generator builds all your HTML meta tags automatically. Enter your page title, description, and a few details. It outputs clean, copy-ready code.

Need social sharing tags too? Use the Open Graph Tag Generator alongside it. If you're working on structured data, the Schema Markup Generator handles that side of things.

All free. No signup. Just paste the code into your site's <head> section and you're done.

Generate your meta tags now with Morphkit

What Are Meta Tags? The Complete SEO Guide