Google và tìm kiếm AI có đọc được trang bảng giá hoàn toàn bằng JavaScript không?

Google và tìm kiếm AI có đọc được trang bảng giá hoàn toàn bằng JavaScript không?

Google có thể đọc các trang bảng giá chỉ dùng JavaScript, nhưng bạn vẫn nên đặt tên gói cước, giá cả và các giới hạn quan trọng trong mã HTML ban đầu của trang. Quá trình kết xuất (rendering) của Google có thể bị trì hoãn hoặc không đầy đủ, và Google cảnh báo rằng không phải bot nào cũng có thể chạy JavaScript.

Rủi ro không nằm ở việc Google không thể chạy JavaScript

Google sử dụng một phiên bản Chromium hiện đại để kết xuất JavaScript. Nhưng họ xử lý các trang theo từng giai đoạn: đầu tiên là tải trang, sau đó kết xuất, rồi sử dụng nội dung đã kết xuất để lập chỉ mục. Google cho biết một trang có thể nằm trong hàng đợi kết xuất trong vài giây hoặc lâu hơn. Nếu một tập lệnh (script) hoặc tài nguyên trang bị chặn—hoặc tập lệnh không tải được thông tin chi tiết về giá—Google có thể không nhìn thấy nội dung mà bạn thấy trên trình duyệt của mình. Hướng dẫn SEO JavaScript của Google và Hướng dẫn khắc phục sự cố JavaScript giải thích các giới hạn này. (developers.google.com)

Điều đó tạo ra rủi ro kinh doanh: trang bảng giá của bạn có thể hiển thị đầy đủ với khách truy cập nhưng lại cung cấp cho trình thu thập dữ liệu một bộ khung trống hoặc chi tiết gói cước không đầy đủ. Nếu thiếu giá hoặc giới hạn sử dụng trong phiên bản đã kết xuất của Google, Google cho biết họ không thể lập chỉ mục nội dung bị thiếu đó. Các tính năng AI của Google cũng dựa trên cùng một nền tảng SEO cốt lõi, bao gồm việc trang được lập chỉ mục và nội dung quan trọng có sẵn dưới dạng văn bản. (developers.google.com)

Tìm kiếm bằng AI mang đến một lý do khác để không phụ thuộc vào một thiết lập kết xuất duy nhất. Google cho biết một số bot không thể chạy JavaScript, trongขณะ OpenAI xác định OAI-SearchBot là trình thu thập dữ liệu được sử dụng để hiển thị các trang web trong Tìm kiếm ChatGPT. Đừng giả định rằng mọi hệ thống tìm kiếm đều nhìn thấy một trang giống như cách trình duyệt của khách hàng nhìn thấy. Hướng dẫn SEO JavaScript của Google Tài liệu về trình thu thập dữ liệu của OpenAI. (developers.google.com)

Sắp xếp thứ tự các bản sửa lỗi: HTML ban đầu là ưu tiên hàng đầu

1. Tốt nhất: Đặt tên gói cước, giá cả, điều khoản thanh toán và các giới hạn quan trọng trong mã HTML ban đầu. Trang web phải gửi các thông tin này trước khi trình duyệt chạy JavaScript.
2. Tiếp theo: Sử dụng JavaScript cho các hoạt động tương tác. Hãy để nó xử lý các tính năng như nút chuyển đổi theo tháng/năm hoặc nút đăng ký.
3. Đừng chỉ dựa vào việc kiểm tra trên trình duyệt. Việc nhìn thấy giá trên máyδ tính xách tay của bạn chỉ chứng minh rằng trình duyệt của bạn đã tải chúng. Nó không cho biết Google hoặc trình thu thập dữ liệu khác đã nhận được những gì.

Phương pháp này là một bản sửa lỗi nhỏ và tập trung cho nhiều trang web SaaS. Bạn không cần phải xây dựng lại mọi trang hoặc thêm mã đánh dấu “AI” đặc biệt. Google cho biết các tính năng AI của họ không có yêu cầu kỹ thuật bổ sung hoặc schema đặc biệt nào; hướng dẫn của họ là tuân theo các nguyên tắc cơ bản về SEO và cung cấp nội dung quan trọng dưới dạng văn bản. Hướng dẫn về tính năng AI của Google. (developers.google.com)

Trang ba gói cước: rủi ro tính bằng tiền và giờ công

Giả sử một công ty SaaS có ba người sở hữu một trang web tiếp thị gồm 30 trang. Trang bảng giá của họ nhận được 120 lượt nhấp tự nhiên (organic clicks) mỗi tháng, theo Search Console. Trang chỉ hiển thị ba gói cước sau khi JavaScript chạy:

Đây là các mức giá và giới hạn mẫu; hãy sử dụng ưu đãi thực tế của bạn. Vấn đề là trang cần hiển thị các chi tiết đó bằng văn bản—chứ không chỉ vẽ ra sau khi một tập lệnh chạy. Nếu trình thu thập dữ liệu bỏ lỡ gói Team giá $49 hoặc giới hạn 5 người dùng của gói đó, nó có thể không hiểu rõ về ưu đãi để khớp trang với các tìm kiếm về mức giá hoặc giới hạn đó. Đó là rủi ro về khả năng hiển thị, không phải là khẳng định rằng việc thiếu giá sẽ đảm bảo mất thứ hạng.

Dưới đây là một bài kiểm tra chi phí đơn giản. Nếu một khách hàng lẽ ra đã chọn gói $49 mà không tìm thấy hoặc không hiểu gói đó, thì đó là $588 doanh thu thuê bao trong 12 tháng. Đó là toán học, không phải dự báo. Đối với ngân sách thực hiện mẫu, hãy dành 30 phút cho người sáng lập để xác nhận nội dung gói cước chính xác và hai giờ phát triển cho việc thay đổi và kiểm tra trang. Với giả định chi phí nhà phát triển nội bộ là $100 một giờ, thì thời gian đó trị giá $200.

Giải pháp này áp dụng cho một trang bảng giá, chứ không phải tất cả 30 trang. Đối với ví dụ này, đó là một khoản đầu tư hợp lý: đặt ưu đãi thực tế trong phản hồi đầu tiên, sau đó để JavaScript thêm các phần tương tác.

Lời nhắn một câu dành cho nhà phát triển

Vui lòng cấu hình để máy chủ gửi tên gói cước, giá cả, điều khoản thanh toán và các giới hạn quan trọng trong phản hồi đầu tiên của trang, để chúng xuất hiện trước khi trình duyệt chạy JavaScript.

Giữ nguyên các thông tin trong trang hiển thị và mã HTML ban đầu, để khách hàng và trình thu thập dữ liệu không nhận được các mức giá xung đột.

Kiểm tra trang đã kết xuất trong Google Search Console

Trong tuần này, hãy kiểm tra URL bảng giá trong Search Console:

1. Dán toàn bộ URL của trang bảng giá vào thanh tìm kiếm của Search Console.
2. Nhấp vào Kiểm tra URL trực tiếp (Test live URL).
3. Nhấp vào Xem trang đã kiểm tra (View tested page).
4. Mở tab HTML và tìm kiếm từng tên gói cước, giá cả, kỳ thanh toán và giới hạn chính.

Hướng dẫn trợ giúp của Google xác nhận rằng Xem trang đã kiểm tra hiển thị mã HTML đã kết xuất; bài kiểm tra trực tiếp cũng có thể hiển thị ảnh chụp màn hình của trang đã kết xuất. Hướng dẫn xem mã nguồn đã kết xuất của Google. (support.google.com)

Nếu ảnh chụp màn hình hiển thị các thẻ nhưng mã HTML lại thiếu văn bản, trang cần được sửa lỗi HTML ban đầu. Nếu mã HTML đã kết xuất chứa cả ba gói cước và điều khoản của chúng, Google có thể nhìn thấy các chi tiết đó trong bài kiểm tra đó. Thao tác này kiểm tra quá trình kết xuất của Google; nó không cho bạn biết mọi trình thu thập dữ liệu AI sẽ xử lý trang như thế nào.

Ai nên bỏ qua việc công bố giá chính xác: một công ty SaaS có chủ ý chỉ bán các gói doanh nghiệp có giá tùy chỉnh. Thay vào đó, hãy đặt “Giá tùy chỉnh” và một cách liên hệ bán hàng rõ ràng trong mã HTML ban đầu.

**Hành động tiếp theo của bạn trong tuần này: chạy tính năng Kiểm tra URL trên trang bảng giá của bạn và tìm kiếm trong mã HTML đã kết xuất tất cả ba tên gói cước, giá cả và giới hạn.