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">viewportconfiguration
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>