Creative agency glossarySEO and Analytics

Meta Tags

Meta tags are snippets of HTML in a page's head that describe the page to browsers, search engines and social platforms without appearing on the page itself.

What is a meta tag?

A meta tag is a line of code in the head of a web page that carries information about the page rather than content for it. The most familiar ones are the title tag (technically its own element, but always grouped with them) and the meta description, which together form the snippet a search engine shows in results. Others do specific jobs: the robots meta tag tells crawlers whether to index a page or follow its links, the viewport tag tells mobile browsers how to scale, the charset tag declares the encoding, and Open Graph and Twitter Card tags control how a link looks when it is shared.

None of them is visible to a reader. All of them shape how the page is found, displayed and shared.

Why it matters

Why a meta tag matters

Because a handful of them decide whether a page is seen at all, and what it looks like when it is. The robots tag can remove a page from search with one word. The title and description are the page's advertisement on a results page, and they can double or halve the clicks a ranking earns. The Open Graph tags are the difference between a shared link that shows a strong image and headline and one that shows a gray box. For a small amount of code, the leverage is unusual.

They also matter because they are easy to get wrong silently. A noindex left over from staging, a description duplicated across a thousand pages, a missing viewport tag: none of these breaks the page, and all of them cost traffic.

In practice

How a meta tag works in practice

  1. 01

    Most content management systems and SEO plugins expose the important tags as fields: title, description, robots settings, social image. Write the title and description for each important page by hand, with the main phrase near the front of the title and a description that says what the reader will get. Set the robots tag deliberately, indexing what should rank and excluding what should not (search results pages, thank-you pages, staging). Set a default social image and override it on pages that deserve their own.

  2. 02

    Then check them. Crawl the site with a tool that lists every page's title, description and robots directives, and look for duplicates, blanks, truncation and accidental noindex. Use a social sharing debugger to see how a link renders. Revisit the key pages' titles and descriptions after a few months of search data, rewriting the ones with low click-through for their position.

Watch out

What people get wrong about meta tags

Thinking they all affect ranking. Most do not; the title tag carries some weight, the description none, the keywords tag has been dead for years. Their job is mostly display and control, which is still a lot. The other mistake is setting them once and forgetting them: templates change, plugins update and a global noindex can arrive with a theme.

The last is letting a tool auto-generate every description, which produces snippets nobody wants to click. A description is a sentence of advertising; write it like one.

Questions

People also ask

Which meta tags are most important for SEO?

The title tag, the meta description and the robots meta tag. The first two shape your listing in results; the third controls whether the page is indexed at all. Open Graph tags matter for social sharing.

Do meta tags still affect rankings?

The title tag has a modest effect. The description and the keywords tag do not affect rankings, though a good description improves clicks. The robots tag determines whether ranking is possible.

How do I check my meta tags?

View the page source and look in the head, or crawl the site with an SEO tool that lists titles, descriptions and robots directives for every URL. A social sharing debugger shows how the Open Graph tags render when a link is posted.

Next to it in the glossary

  1. Meta KeywordsThe meta keywords tag is an HTML element that once listed a page's target keywords for search engines and is now ignored by Google and most major engines.
  2. Meta RedirectA meta redirect is an instruction in a page's HTML that tells the browser to load a different URL, with or without a delay, instead of a redirect sent by the server.
  3. Meta RefreshA meta refresh is an HTML tag that makes a browser reload the current page or load a new URL after a set number of seconds.
  4. Meta TitleThe meta title is the title tag in a page's HTML head, shown as the clickable headline in search results and the label on a browser tab.
  5. Metadata OptimizationMetadata optimization is the practice of writing and refining a page's title, description, structured data and other hidden descriptors so search engines understand it and searchers click it.
  6. Metrics in BusinessMetrics in business are the measured quantities a company tracks, such as revenue, margin, churn and conversion rate, to judge performance and make decisions.

Every SEO and Analytics term →

In the work

Where it shows up

All our creations →

From the journal

Read around it

The journal →

Talking the talk is one thing

We make the work.

RIOT is a creative agency and production studio in New York. Strategy, brand, film, photography, design and the campaigns that carry them, made by one team. A few lines is enough to start: we read every brief the same day.

    Footage