So sánh HTML nguồn, DOM trong trình duyệt và URL Inspection của Google

Giải thích

Các phương thức này trả lời những câu hỏi khác nhau:

• curl hoặc “View Source” hiển thị phản hồi HTTP/HTML nguồn được trả về cho một yêu cầu cụ thể. curl thông thường không chạy JavaScript và tự nó không đại diện cho Googlebot.
• DOM trong trình duyệt sau khi tải trang thể hiện kết quả trình duyệt tạo ra bằng JavaScript với cookie, phiên, mạng và thao tác cụ thể đó. Riêng DOM này không chứng minh rằng Google nhận được cùng trang đã kết xuất.
• URL Inspection trong Search Console có thể hiển thị phiên bản đã lập chỉ mục và, trong bài kiểm tra trực tiếp, thông tin về lần kiểm tra hiện tại của Google. Đây là kiểm tra trong một công cụ Google cụ thể và một URL cụ thể, không phải mọi crawler.
• Dùng Rich Results Test cho structured data và chỉ cho các loại được công cụ hỗ trợ; đây không phải công cụ kiểm tra HTML hoặc lập chỉ mục tổng quát.

Ví dụ hư cấu

Trong HTML nguồn của trang đào tạo /robots trên staging/cục bộ, có tiêu đề trong khi nội dung được tải từ API. Sau khi tải xong, bài học hiển thị trong trình duyệt. Điều này chỉ chứng minh rằng trình duyệt đó nhận được nội dung trong các điều kiện ấy. Để kiểm tra Google, chủ sở hữu trang chạy URL Inspection cho trang và xem phần kết xuất, tài nguyên và lỗi có sẵn trong kết quả kiểm tra. Nếu người đánh giá không truy cập được URL Inspection, trạng thái kết xuất của Google được ghi là “chưa kiểm tra”.

Thực hành

Trên bản mockup staging/cục bộ của bạn, lưu riêng ba bản ghi cho trang thử nghiệm /robots: (1) HTML nguồn và mã trạng thái HTTP từ curl/View Source; (2) văn bản và liên kết hiển thị trong DOM của trình duyệt sau khi tải; và (3) URL Inspection chỉ khi URL staging công khai và được thêm vào thuộc tính Search Console đã xác minh. Không gửi learn.example.test giả lập đến URL Inspection. Không thay kết luận ở một lớp bằng bước kiểm tra còn thiếu ở lớp khác. Nếu cần kiểm tra structured data, chạy riêng Rich Results Test, chỉ với loại phù hợp được hỗ trợ và URL thử nghiệm có thể truy cập.

Danh sách kiểm tra

• Đã xác định phương thức và phản hồi đang được ghi lại.
• Không mô tả HTML nguồn là phiên bản đã kết xuất.
• Không trình bày DOM của trình duyệt như bằng chứng về kết xuất của Google.
• URL Inspection dùng đúng URL; kết quả kiểm tra trực tiếp được phân biệt với trạng thái đã lập chỉ mục.
• Chỉ dùng Rich Results Test với loại structured data được hỗ trợ.

Lỗi thường gặp

Thấy văn bản trong trình duyệt rồi kết luận Google cũng thấy văn bản đó. Hãy dùng công cụ của Google để kiểm tra cách Google nhìn trang; crawler khác cần quy tắc và bước kiểm tra riêng.

Nguồn chính thức

• Cơ bản về SEO JavaScript
• Khắc phục sự cố Google Tìm kiếm liên quan đến JavaScript
• Kiểm tra URL trong Search Console
• Google Rich Results Test