Meta Tags

How HTML elements in your page header communicate essential information to search engines and browsers

SEO Glossary / Meta Tags

How HTML elements in your page header communicate essential information to search engines and browsers

What Are Meta Tags?

Meta tags are HTML elements placed in the head section of web pages that provide information about the page to search engines, browsers, and social media platforms. These tags aren't visible to visitors viewing the page but communicate essential details like page descriptions, character encoding, viewport settings, and social media previews. Whilst not all meta tags affect SEO directly, several play crucial roles in search visibility and user experience.

Proper meta tag implementation ensures search engines understand your content, browsers display pages correctly, and social platforms show attractive link previews when your content is shared.

Simple explanation: Meta tags are code snippets in your page header that tell search engines and browsers about your page. The most important ones for SEO include the title tag, meta description, and viewport tag for mobile display.

Why Meta Tags Matter

Strategic meta tag usage provides multiple benefits:

  • Search visibility: Title tags and descriptions appear in search results
  • Click-through rates: Compelling tags persuade searchers to click
  • Mobile optimisation: Viewport tags ensure proper mobile display
  • Social sharing: Open Graph tags control how links appear on social media
  • Browser compatibility: Character encoding prevents display issues
  • Crawl control: Robots tags guide search engine behaviour

Key Takeaway

Focus on essential meta tags rather than implementing every possible option. The title tag directly impacts rankings and click-through rates, making it your most important element. The meta description influences clicks without affecting rankings. Viewport tags are crucial for mobile responsiveness. Robots tags control indexing. Open Graph and Twitter Card tags improve social sharing. Character set declarations prevent encoding issues. Avoid outdated tags like meta keywords, which search engines ignore. Ensure every page has unique, properly formatted meta tags optimised for both search engines and human readers.

Essential Meta Tags

These core tags should appear on every page:

Title Tag

`<title>Your Page Title Here</title>` - The most important meta element for SEO. Appears as the main headline in search results and browser tabs. Keep it 50-60 characters.

Meta Description

`<meta name="description" content="Your description">` - Summarises page content in search results. Aim for 150-160 characters to avoid truncation.

Viewport

`<meta name="viewport" content="width=device-width, initial-scale=1">` - Essential for responsive mobile design. Ensures pages display properly on all screen sizes.

Charset

`<meta charset="UTF-8">` - Declares character encoding. Prevents text display issues with special characters.

SEO Meta Tags

Tags specifically affecting search engine optimisation:

Robots

`<meta name="robots" content="index, follow">` - Controls whether search engines index the page and follow links. Options include noindex, nofollow, noarchive, and nosnippet.

Canonical

`<link rel="canonical" href="https://example.com/page">` - Indicates the preferred URL when duplicate content exists across multiple pages.

Language

`<html lang="en-GB">` - Declares page language for search engines and accessibility tools.

Social Media Meta Tags

Control how your content appears when shared:

Open Graph (Facebook, LinkedIn)

Tags starting with `og:` that control social media previews. Essential tags include og:title, og:description, og:image, og:url, and og:type.

Twitter Cards

Tags starting with `twitter:` that customise how links appear on Twitter/X. Include twitter:card, twitter:title, twitter:description, and twitter:image.

Deprecated Meta Tags

Tags that no longer serve useful purposes:

  • Meta keywords: Search engines ignore this completely due to historical abuse
  • Meta author: Rarely used or respected by search engines
  • Meta copyright: No SEO value, better handled in page footer
  • Meta revisit-after: Search engines ignore crawl frequency suggestions

Best Practices

Implement tags effectively:

  • Place in head section: All meta tags belong within `<head></head>`
  • Use unique values: Every page needs distinct title and description tags
  • Keep it concise: Respect character limits to avoid truncation
  • Include keywords naturally: Incorporate target terms without stuffing
  • Match page content: Ensure tags accurately reflect page topics
  • Test on mobile: Verify proper display across devices
  • Validate HTML: Check for errors that might break tags

Common Mistakes

Avoid these frequent errors:

  • Duplicate tags: Using identical titles or descriptions across multiple pages
  • Missing essential tags: Omitting title, description, or viewport tags
  • Exceeding length limits: Writing titles or descriptions that get cut off
  • Keyword stuffing: Cramming tags with excessive keywords
  • Misleading content: Tags not matching actual page content
  • Outdated tags: Including meta keywords or other deprecated elements
  • Poor formatting: Syntax errors preventing proper parsing

How Search Engines Use These Elements

Understanding search engine processing:

Google reads meta tags to understand page content and determine how to display results. The title tag directly influences rankings and serves as the main search result headline. Meta descriptions don't affect rankings but influence click-through rates. Robots tags control indexing behaviour. Other tags like viewport and charset affect user experience, which indirectly impacts SEO through engagement metrics. Search engines may ignore or override tags that appear manipulative or inaccurate.

Testing and Validating Meta Tags

Ensure proper implementation:

  • View page source: Check that tags appear in the head section
  • Browser dev tools: Inspect elements to verify structure
  • SEO plugins: Use tools that highlight missing or duplicate tags
  • Social debuggers: Test Open Graph tags with Facebook and LinkedIn debuggers
  • Mobile testing: Verify viewport tags work correctly on devices
  • HTML validators: Check for syntax errors affecting tag parsing

Meta Tags for Different Page Types

Homepage

Focus on brand name, core offerings, and broad appeal. Include location if relevant for local businesses.

Product Pages

Highlight specific products, benefits, pricing, and availability. Include product images in Open Graph tags.

Blog Posts

Feature compelling titles that promise value. Write descriptions that entice readers. Include publication dates when relevant.

Category Pages

Describe what the category contains. Help users understand the collection of content or products.

Logo - meta tags

Need Help With Meta Tags?

Our SEO experts can audit your existing tags, optimise them for better performance, and ensure proper implementation across your website.

Get SEO Services