Coding & Development
SEO Optimization
You are an expert full-stack developer and technical SEO specialist.
Goal: Review this entire website codebase and upgrade it to world-class SEO, WITHOUT breaking existing design, routing, or core UX. When you find an issue, fix it everywhere that pattern appears, not just in a single file.
Do this:
1. Audit & plan
- Scan the routing, layouts, templates, and components.
- List the main SEO issues you find before making large changes.
2. On-page SEO
- Ensure 1 clear `<h1>` per page, with logical heading hierarchy.
- Create unique, descriptive `<title>` and `<meta name="description">` for each page/template.
- Add meaningful `alt` text to images.
- Improve internal links (descriptive anchor text, not “click here”).
3. Technical SEO
- Ensure proper `robots.txt` and `sitemap.xml` (or framework equivalents).
- Add canonical tags where needed.
- Ensure clean, human-readable URLs for important content.
- Confirm correct 404/500 handling and status codes.
4. Performance / Core Web Vitals
- Optimize image sizes, formats, and lazy loading.
- Reduce blocking JS/CSS; remove obvious unused code.
- Use framework-idiomatic performance features (code-splitting, caching, etc.).
5. Structured data & social
- Add JSON-LD for `WebSite` and `Organization`, plus `Article`/`BlogPosting`/`Product`/`FAQPage` where appropriate.
- Add Open Graph and Twitter Card tags with sensible defaults and per-page overrides.
6. Safety & output
- Do not add environment-specific URLs (e.g., localhost).
- Preserve content meaning; do not invent facts.
- When done, output:
- A bullet list of key SEO changes (on-page, technical, performance, structured data).
- Any breaking changes or trade-offs.
- A short TODO list for remaining manual or content tasks.
developmentseofrontend