Add comprehensive SEO, accessibility, and performance documentation

[dinooo13]

Summary

This PR significantly expands the project documentation in CLAUDE.md and README.md to establish clear guidelines for SEO, accessibility, and performance standards. It also updates the project structure documentation to reflect recent additions like the OG image template and SEO module integration.

Key Changes

• SEO & Structured Data: Added detailed section covering @nuxtjs/seo integration, JSON-LD/schema-org patterns, and requirements for every page (canonical URLs, OG images, structured data)
• Performance Guidelines: New section with strict rules for animations (CSS-only, transform-only, prefers-reduced-motion support), image optimization (loading, fetchpriority, sizes, densities), and build configuration
• Accessibility Standards: Comprehensive WCAG 2.1 AA compliance guidelines covering:
  • Landmark roles and skip navigation patterns
  • Semantic HTML structure (nav, ul, li for link groups)
  • Interactive element ARIA attributes (aria-expanded, aria-controls)
  • Screen reader link text patterns with sr-only spans
  • Color contrast requirements (4.5:1 minimum)
• Quality Checklist: Added pre-commit verification checklist covering linting, type checking, performance, accessibility, and SEO requirements
• Project Structure: Updated directory tree to document new OgImage/ component directory and clarified component purposes with accessibility roles
• Environment Variables: Expanded documentation with new NUXT_PUBLIC_NOINDEX variable for preview/staging deployments
• Metadata Updates: Updated copyright year and fixed relative links in README.md

Implementation Details

• Documentation emphasizes preventing common pitfalls (e.g., opacity: 0 initial states breaking LCP measurement, low-contrast status badges)
• Provides concrete patterns for developers to follow (e.g., skip link implementation, schema-org identity definition, staggered animation classes)
• Establishes a single source of truth for SEO configuration (schema-org identity in nuxt.config.ts, not duplicated in components)
• Quality checklist serves as a pre-commit gate to maintain standards across future contributions

https://claude.ai/code/session_01Ek7dEAsMvZDfJdEmAiC8yR