# SEO

> SEO, metadata, meta description, page title, Open Graph, og:image, Twitter card, canonical URL, favicon, theme-color, sitemap, robots.txt, crawlable, indexing, link preview, server-rendered content. Use when adding metadata to a page or route, making a link preview well, or reviewing whether content is crawlable.

- Skill: `htkoca/seo` (Agent Skill)
- Install (CLI): `npx skillmds@latest add htkoca/seo`
- Raw SKILL.md: https://api.skillmd.com/api/skills/htkoca/seo/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: htkoca (https://skillmd.com/u/htkoca)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/htkoca/seo

---


# SEO

The site is findable and previews well everywhere it's shared.

1. **Full metadata at the root**: title, description, Open Graph, Twitter card, targeting the canonical domain, plus favicons and the dark `theme-color`.
2. **Every route has its own title and description.** Dynamic pages derive theirs from their data entry (title, intro as description, first media as the OG image).
3. **Real text in the DOM.** No content locked in images or canvas; headings and landmarks follow document order so crawlers can parse structure the same way assistive tech does.
4. **Overlays and loading states never hide content from crawlers**: page content is server-rendered and present in the initial HTML regardless of lifecycle state.