Kiểm tra SEO Next.js: chẩn đoán URL và metadata
Kiểm tra SEO Next.js cần biết dự án dùng App Router hay Pages Router trước khi đọc kết quả. Với App Router, chọn một route tĩnh, một route động và một slug không tồn tại để kiểm tra metadata, dữ liệu và trạng thái phản hồi.
So sánh output theo từng route
Đọc title, description và canonical của trang tĩnh rồi route động. Nếu hai trang không liên quan dùng cùng title, kiểm tra layout cha và generateMetadata. Nếu canonical trỏ localhost hoặc preview deployment, xem metadataBase và cấu hình domain. Với metadata streaming, kiểm tra toàn bộ phản hồi và cách user agent được phục vụ; một parser chỉ đọc đoạn đầu của head có thể bỏ sót thông tin.
Thử vòng đời publish và cache
Chọn một bản ghi đã đổi tiêu đề và xem body cùng metadata đã cập nhật đồng thời chưa. Nếu một phần vẫn cũ, kiểm tra cache và invalidation liên quan thay vì gắn thêm thẻ trong client component để che lỗi. Mở slug thiếu dữ liệu để xem xử lý not-found và robots có phù hợp không. Không tạo dữ liệu giả trên production chỉ để thử; dùng route thử nghiệm trong bộ test của dự án.
Kiểm tra đường dẫn ngôn ngữ và sitemap
Mở cặp URL Việt–Anh từ liên kết trên site, kiểm tra canonical của chính từng bản và alternate hai chiều. Đọc sitemap production để xác nhận không còn URL preview hoặc draft. Đối chiếu robots với các route public quan trọng. Nếu công cụ crawl HTML không mô phỏng đầy đủ render của Google, ghi giới hạn đó và dùng URL Inspection để xác minh trước khi thay cấu hình rộng.
Tình huống áp dụng minh họa
Ví dụ minh họa: điều hướng trong ứng dụng hiện title mới nhưng tải trực tiếp vẫn trả title cũ. So sánh hai cách truy cập, dữ liệu cache và thời điểm deploy. Kiểm tra đầy đủ response với user agent đang sử dụng trước khi kết luận metadata mất. Đừng thêm title client thứ hai khi nguyên nhân nằm ở dữ liệu chưa được làm mới.
Chạy kiểm tra và diễn giải kết quả
Đưa một URL public đại diện vào công cụ SEO miễn phí bên dưới. Ghi status, title, description và canonical cùng địa chỉ chính xác, thời điểm kiểm tra. Gom lỗi lặp theo template hoặc cấu hình chịu trách nhiệm để có thể sửa đúng một nơi rồi thử lại nhiều trang. Trường bị thiếu và trang cố tình loại khỏi index cần cách xử lý khác nhau.
Audit HTTP/HTML chỉ quan sát phản hồi công khai. Nó không đăng nhập nền tảng, đọc mọi cài đặt quản trị, tái hiện mọi cơ chế render phía client hay chứng minh Google đã index. Với bằng chứng từ Google, đối chiếu URL Inspection và dữ liệu crawl cập nhật. Sau khi publish và làm mới cache, kiểm tra lại đúng URL ban đầu; điểm số thay đổi không tự chứng minh nguyên nhân lỗi đã được xử lý.
Công cụ và hướng dẫn liên quan
Tài liệu chính thức
Câu hỏi thường gặp
Không thấy metadata trong một parser HTML có chắc là lỗi Next.js không?
Trang Việt và Anh có thể cùng xuất hiện trên Google không?
Audit không có lỗi có bảo đảm được index không?
Kiểm tra SEO website của bạn ngay
Quét miễn phí các yếu tố SEO quan trọng và nhận gợi ý sửa lỗi chỉ trong 60 giây.