Cấu hình SEO
Meta tags, Open Graph, JSON-LD, sitemap và Core Web Vitals
Cấu hình SEO
Meta & Structured Data
- Title & Description: Theo từng trang qua SeoVisualizer, với template hậu tố cấp site
- Open Graph: og:type, og:title, og:description, og:image (1200px crop), og:site_name, og:locale
- Twitter Cards: Mặc định summary_large_image, có thể ghi đè theo trang
- Canonical URL: Tự động tạo URL tuyệt đối cho mỗi trang
- Hreflang: Tự động tạo cho site đa ngôn ngữ, bao gồm x-default
- Robots Meta: noindex/nofollow theo trang, mặc định max-image-preview:large
- JSON-LD: Tự động tạo schema WebSite, Organization, BreadcrumbList
Sitemap & Robots
- Sitemap: Tự động tạo tại /sitemap.xml với cache 30 phút
- Robots.txt: Tự động tạo tại /robots.txt với ResponseCache(Duration=900)
- Favicon: Lấy từ CMS settings, fallback /favicon.ico
- Error Pages: HTTP status codes chính xác (404/500) qua UseStatusCodePagesWithReExecute
Core Web Vitals
- Critical CSS inline trong head để loại bỏ render-blocking
- LCP image preload: link rel=preload với fetchpriority=high
- Google Fonts async: kỹ thuật media=print onload
- Font preloading: Font Awesome woff2
- Scripts on interaction/idle: jQuery load sau tương tác đầu tiên hoặc 3s idle
- Images lazy-loaded: loading=lazy decoding=async cho ảnh below-the-fold
Accessibility (WCAG AA)
- Color contrast: Tất cả text đạt tỉ lệ 4.5:1 (AA)
- CSS variables với fallback an toàn cho text dễ đọc
- Cấu trúc list đúng: Mobile nav trong ul cho screen readers
- Semantic HTML: nav, main, section landmarks
