SEO Metadata 101

A tactical guide to title tags, meta descriptions, Open Graph cards, canonical URLs, and schema markup for organic search ranking.

TL;DR

  1. Keep title tag character lengths strictly under sixty-characters.
  2. Write action-oriented meta descriptions within one-hundred-sixty characters.
  3. Eliminate duplicate content penalties by declaring an explicit canonical-url.

Core Header Meta Tags

    Title Tag

    Primary clickable headline displayed in search results and browser tabs.

    <title>Primary Keyword - Secondary Benefit | Brand</title>
    Meta Description

    Short promotional summary that drives organic search click-through rate.

    <meta name="description" content="140-160 char summary">
    Canonical Link

    Designates authoritative master URL to consolidate indexing credit.

    <link rel="canonical" href="https://example.com/page">
    Robots Directives

    Instructs search engine spiders whether to index and follow page links.

    <meta name="robots" content="index, follow, max-snippet:-1">

Social and Open Graph Protocol

    OG Title and Description

    Custom headline and copy optimized for social feed timeline display.

    <meta property="og:title" content="Engaging Headline">
    <meta property="og:description" content="Hook sentence.">
    OG Image Card

    High-resolution preview thumbnail rendered when link is shared.

    <meta property="og:image" content="/og/card-1200x630.png">
    Twitter Card Type

    Forces large visual preview format on Twitter and X timeline feeds.

    <meta name="twitter:card" content="summary_large_image">

Structured Data (JSON-LD)

    Article Schema

    Communicates publication dates, author identity, and article entity details.

    {
      "@context": "https://schema.org",
      "@type": "TechArticle",
      "headline": "SEO Metadata 101"
    }
    BreadcrumbList Schema

    Enables breadcrumb navigation trails directly in search result snippets.

    {
      "@type": "BreadcrumbList",
      "itemListElement": [{ "position": 1, "name": "Home" }]
    }
    FAQPage Schema

    Unlocks interactive accordion question-answer dropdowns in search results.

    {
      "@type": "FAQPage",
      "mainEntity": [{ "@type": "Question" }]
    }

Tips

  1. Front-load your primary target keyword in the title-tag to maximize crawl relevance and user click-through rates.
  2. Embed structured JSON-LD schema-markup to earn enhanced search snippet rich results and star ratings.

Warnings

  1. Never keyword-stuff meta descriptions to prevent Google algorithmic search-demotion penalties.
  2. Avoid omitting Open Graph image tags which causes broken generic previews when links are shared on social-media.

In Practice

FAQ