Example: SEO Overrides
This page uses frontmatter to override title and social tags without changing global configuration.
When to use
- You need a custom title or description for one page only.
- You need per-page canonical URLs.
- You need different social card text/image for specific articles.
Copy-paste template
Frontmatter keys
You can override:
title, description, canonical
keywords, robots
ogType, ogTitle, ogDescription, ogImage
twitterCard, twitterTitle, twitterDescription, twitterImage
Validation steps
- Open this page in the browser.
- Check
<title> and meta[name="description"].
- Check Open Graph tags (
og:*) in DevTools.
- Check Twitter tags (
twitter:*) in DevTools.
- Compare generated metadata against your frontmatter values.
Common mistakes
- Leaving old canonical URL after copying a template.
- Mixing page-specific metadata with outdated global defaults.
- Forgetting to validate rendered HTML in SSR/prerender output.