SEO - Optimized Metatags

SEO - Optimizing Meta Tags and Title Tags

While many types of meta tags exist, two remain particularly relevant for SEO, alongside the crucial HTML Title tag:

• Title Tag (
• Meta Description Tag (<meta name="description">)
• Robots Meta Tag ()

The Title Tag is not technically a meta tag, but it’s often discussed alongside them. It’s a critical ranking factor and heavily influences click-through rates (CTR) as it appears as the main headline in search results.

The Meta Description Tag doesn’t directly impact rankings, but it’s vital for CTR. Search engines often use it to generate the descriptive snippet shown below the title in search results. A compelling description encourages users to click.

The Meta Keywords Tag () was once important but is now ignored by Google and most major search engines due to past abuse (keyword stuffing). Including it generally offers no SEO benefit and is not recommended.

The Robots Meta Tag instructs search engine crawlers on how they can crawl or index parts of your website.

How Do These Tags Look in HTML?

You add these tags within the <head> section of your HTML document:

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Primary Keyword - Secondary Keyword | Brand Name</title>

  <meta name="description" content="Engaging, keyword-rich description of the page content, ideally under 160 characters, encouraging clicks.">

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

  <!-- Example: Open Graph tags for social media -->
  <meta property="og:title" content="Title for Social Media">
  <meta property="og:description" content="Description for Social Media">
  <meta property="og:image" content="URL_to_image.jpg">
  <meta property="og:url" content="Canonical_URL_of_page">
  <meta property="og:type" content="website">

  <!-- Example: Twitter Card tags -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Title for Twitter">
  <meta name="twitter:description" content="Description for Twitter">
  <meta name="twitter:image" content="URL_to_image.jpg">

  <!-- Example: Canonical Tag -->
  <link rel="canonical" href="URL_of_this_page" />

 </head>
 <body>
  <!-- Page content goes here -->
 </body>
</html>

Title Tag Best Practices

• Uniqueness: Every page must have a unique title.
• Keywords: Include your primary target keyword(s) naturally, preferably near the beginning.
• Length: Aim for 50-60 characters to minimize truncation in search results.
• Clarity & Conciseness: Clearly describe the page’s content and value.
• Branding: Include your brand name, usually at the end, separated by a pipe (|) or hyphen (-).
• Readability: Write for humans first; avoid keyword stuffing.

Meta Description Tag Best Practices

• Uniqueness: Write a unique description for each important page.
• Keywords: Naturally incorporate relevant keywords that users might search for.
• Length: Keep it under 160 characters to avoid truncation.
• Compelling Copy: Treat it like ad copy; highlight value and include a call-to-action (implied or explicit) to encourage clicks.
• Accuracy: Accurately reflect the page’s content.

Robots Meta Tag Directives

This tag controls crawler behavior on a specific page. Common directives include:

• index: Allow search engines to index this page (default).
• noindex: Prevent search engines from indexing this page.
• follow: Allow search engines to follow links on this page (default).
• nofollow: Prevent search engines from following links on this page.
• noarchive: Prevent search engines from showing a cached copy of this page.
• nosnippet: Prevent search engines from showing a text snippet or video preview in search results.
• max-snippet:[number]: Sets a maximum text length for the snippet.
• max-image-preview:[setting]: Sets a maximum size for image previews (none, standard, large).
• max-video-preview:[number]: Sets a maximum duration (in seconds) for video previews.

You can combine directives, e.g., content="noindex, nofollow". Use these carefully to guide crawlers effectively.

Other Useful Tags

• Canonical Tag (<link rel="canonical">): Specifies the preferred version of a page when duplicate content exists, consolidating ranking signals.
• Social Meta Tags (Open Graph, Twitter Cards): Control how your content appears when shared on social media platforms, enhancing visibility and engagement.