JavaScript SEO: những lỗi phổ biến khiến Google không index được content?

JS SEO có 4 loại lỗi phổ biến khiến Google không index được content — rendering, meta tags, links, và resources.

Lỗi rendering:

1. Content trong useEffect/componentDidMount — Google có thể không chờ async data fetch
2. Client-only routing (React Router) không có SSR fallback — Google thấy blank page
3. Error boundaries catch lỗi nhưng render fallback UI — Google index error message thay vì content

Lỗi meta tags:

1. Dynamic title/description set bằng JS — Google có thể lấy title trước khi JS chạy
2. Thiếu canonical cho dynamic routes

Lỗi links:

1. Navigation bằng onClick + router.push thay vì <a href> — Google không follow JS click events
2. Infinite scroll không có pagination fallback

Lỗi resources:

1. robots.txt block JS/CSS bundles — Google không render được trang
2. Bundle quá lớn khiến Googlebot timeout (>5s)

Fix chung: dùng SSR/SSG, test bằng Google Search Console URL Inspection, dùng <Link> component cho navigation.