Metadata & SEO Signals

Introduction

Metadata is the hidden language of the web. It tells browsers, search engines, and social media platforms exactly what your page is about.

Why it matters

Without properly configured metadata, search engines struggle to index your site, and social platforms will display broken links without context or images.

Where it appears

  • Google Search Results
  • Browser Tabs
  • Social Media Links (iMessage, Slack, Discord)

Visual Examples

A proper search result contains a blue title and a descriptive snippet below it.

Requirements

  • <title> tag
  • <meta name="description">
  • viewport configuration

Best Practices

Keep titles under 60 characters and descriptions under 155 characters. Ensure every page has a unique title.

Common Mistakes

  • Using the same title across all pages
  • Missing viewport tags for mobile responsiveness
  • Stuffing keywords into descriptions

Implementation

<head>
  <title>SeeSite - Website Identity Verification</title>
  <meta name="description" content="See how the internet sees your website." />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

Related Topics