JavaScript SEO trong 2026: kết xuất, lập chỉ mục và trình thu thập của AI

Các framework hiện đại như React, Vue, Angular hay Svelte xây dựng trang trong trình duyệt. Điều đó rất tốt cho tính tương tác và rủi ro cho khả năng hiển thị. JavaScript SEO là tập hợp các thực hành giúp một website JS vẫn đọc được đối với công cụ tìm kiếm và các AI. Hướng dẫn này giải thích cách Google xử lý JavaScript, các lựa chọn kết xuất, những lỗi thường gặp và cách kiểm tra trang của bạn.

Google xử lý các trang JavaScript như thế nào?

Qua ba giai đoạn: thu thập, kết xuất, lập chỉ mục. Google Search Central mô tả quy trình này như sau:

1. Thu thập: Googlebot tải URL và đọc HTML thô. Các liên kết tìm thấy ở đây được đưa vào hàng đợi ngay lập tức.
2. Kết xuất: trang chờ trong hàng đợi kết xuất, sau đó một Chromium không giao diện chạy JavaScript và dựng trang cuối cùng.
3. Lập chỉ mục: Google phân tích nội dung đã kết xuất, rồi quyết định có lập chỉ mục hay không và lập chỉ mục như thế nào.

Hệ quả: bất cứ thứ gì thiếu trong HTML thô đều phụ thuộc vào việc bước kết xuất thành công. Nếu một tập lệnh lỗi, quá thời gian hoặc bị robots.txt chặn, Google sẽ lập chỉ mục những gì đã thấy trước đó, và đó có thể chỉ là một khung rỗng.

Khác biệt giữa CSR, SSR và kết xuất tĩnh là gì?

Khác biệt nằm ở nơi HTML được tạo ra: trong trình duyệt, trên máy chủ cho mỗi yêu cầu, hay một lần duy nhất khi build.

Các framework như Next.js, Nuxt, SvelteKit hay Astro đặt SSR và tạo tĩnh làm mặc định cho các trang nội dung. Với blog, tài liệu hay trang sản phẩm, hiếm khi có lý do để chỉ kết xuất nội dung trong trình duyệt.

Những lỗi JavaScript SEO phổ biến nhất là gì?

Phần lớn vấn đề đến từ nội dung hoặc liên kết chỉ tồn tại sau một thao tác tương tác.

• Liên kết không có href: điều hướng được xây dựng bằng trình xử lý nhấp chuột trên các phần tử “div” hay “span” sẽ không được theo dõi. Hãy dùng liên kết “a href” thật.
• Nội dung đằng sau thao tác: văn bản chỉ được tải sau khi nhấp, đổi tab hoặc cuộn vô hạn có thể không bao giờ được Googlebot kết xuất.
• Tài nguyên bị chặn: các tệp JavaScript hoặc API bị không cho phép trong robots.txt sẽ ngăn việc kết xuất.
• Metadata được đặt muộn: tiêu đề, canonical hoặc thẻ noindex do JavaScript thay đổi có thể mâu thuẫn với HTML thô.
• URL dạng hash: các phần như “/#/product” không được coi là trang riêng; hãy dùng History API và đường dẫn sạch.
• Soft 404: một ứng dụng một trang hiển thị “không tìm thấy” nhưng với mã trạng thái 200 sẽ làm rối việc lập chỉ mục.
• Gói tệp nặng: các tập lệnh lớn làm chậm kết xuất, ảnh hưởng xấu đến Core Web Vitals và tăng nguy cơ quá thời gian.

Vì sao JavaScript quan trọng đối với khả năng hiển thị trên AI?

Vì phần lớn trình thu thập AI chỉ đọc HTML thô. Các phân tích nhật ký trình thu thập, như nghiên cứu năm 2024 của Vercel về lưu lượng trình thu thập AI, cho thấy các bot của OpenAI và Anthropic tải các tệp JavaScript nhưng không thực thi chúng. Một trang mà văn bản chỉ xuất hiện sau khi JavaScript chạy có thể trông trống rỗng đối với các hệ thống nuôi dữ liệu cho ChatGPT, Claude hay Perplexity, dù Google lập chỉ mục nó đúng cách.

Nếu việc được các AI trích dẫn là quan trọng với bạn, hãy đưa câu trả lời chính, các tiêu đề, bảng và liên kết vào HTML phía máy chủ, rồi kiểm tra xem robots.txt có cho phép các trình thu thập AI bạn muốn vào không. Hướng dẫn của chúng tôi về robots.txt cho trình thu thập AI liệt kê các bot chính, còn kiểm tra khả năng thu thập cho AI cho thấy chúng đọc được gì trên trang của bạn.

Làm sao để kiểm tra JavaScript SEO?

So sánh HTML thô với những gì Google kết xuất.

1. Xem mã nguồn trang (không phải bộ kiểm tra): nếu nội dung chính bị thiếu, nó phụ thuộc vào JavaScript.
2. Dùng công cụ Kiểm tra URL trong Google Search Console và xem HTML đã kết xuất cùng ảnh chụp màn hình.
3. Chạy Kiểm tra kết quả phong phú, công cụ này cũng hiển thị HTML đã kết xuất cho mọi URL công khai.
4. Tắt JavaScript trong trình duyệt để thấy gần đúng những gì trình thu thập không kết xuất nhận được.
5. Thu thập website bằng một trình thu thập ở chế độ có JavaScript và không có JavaScript, rồi so sánh các liên kết và từ tìm được.
6. Kiểm tra trạng thái lập chỉ mục của các URL quan trọng bằng công cụ kiểm tra khả năng lập chỉ mục.

Danh mục kiểm tra JavaScript SEO là gì?

Sáu quy tắc bao quát hầu hết các trường hợp:

• Nội dung chính, tiêu đề, mô tả meta và canonical có sẵn trong HTML ban đầu.
• Liên kết nội bộ là phần tử “a href” với URL có thể thu thập.
• Không có tệp JavaScript, CSS hay API nào bị chặn trong robots.txt.
• Mã trạng thái HTTP đúng cho trang không tồn tại và chuyển hướng.
• Chỉ tải chậm (lazy loading) cho phương tiện nằm dưới phần gấp của trang, không bao giờ cho văn bản chính.
• Kết xuất được kiểm tra trong Search Console sau mỗi bản phát hành front-end lớn.

Kết luận

JavaScript và SEO hoạt động cùng nhau khi nội dung không phụ thuộc vào JavaScript để tồn tại. Hãy kết xuất các trang nội dung trên máy chủ hoặc khi build, giữ liên kết là liên kết thật, và kiểm tra những gì Google và các AI thực sự thấy. Sorank xuất bản bài viết dưới dạng HTML sạch trực tiếp trong CMS của bạn, kèm liên kết nội bộ và dữ liệu có cấu trúc, tự động: xem các gói và bản dùng thử miễn phí 3 ngày.