SEO Next.js: hướng dẫn cấu hình và xuất bản
SEO Next.js cần xem route, dữ liệu và metadata như một lần phát hành thống nhất. Với App Router, metadata có thể được khai báo tĩnh hoặc tạo từ dữ liệu; hướng dẫn này tập trung App Router, không giả định mọi dự án dùng cùng cơ chế với Pages Router.
Gắn metadata với dữ liệu của route
Dùng metadata cho trang tĩnh và generateMetadata khi title, mô tả hoặc canonical phụ thuộc bản ghi. Kiểm tra cấu hình ở layout cha cùng trang con để tránh giá trị chung che mất thông tin riêng. Đặt cơ sở URL production phù hợp khi dùng metadataBase và kiểm tra alternate của từng ngôn ngữ. Bản dịch đầy đủ cần URL riêng; không canonical mọi locale về ngôn ngữ mặc định chỉ vì chúng cùng mô tả một sản phẩm.
Thiết kế trạng thái nội dung cùng render
Trang public cần phục vụ nội dung có ích mà không yêu cầu session. Khi dữ liệu không tồn tại hoặc chưa publish, xử lý rõ trạng thái thay vì hiển thị một khung loading mãi. Với nội dung được cache hoặc tái tạo, kiểm tra cả thời điểm metadata và body cập nhật để tránh title mới đi cùng bài cũ. Ghi chiến lược invalidation theo cách triển khai, không đặt thời gian cache tùy tiện chỉ để báo cáo nhanh hơn.
Đồng bộ robots và sitemap
App Router hỗ trợ file convention cho robots và sitemap. Chỉ thêm URL đã publish vào sitemap và kiểm tra nó dùng domain production. Với nội dung riêng tư, dùng kiểm soát truy cập thay vì dựa vào robots.txt. Metadata có thể được phục vụ khác nhau theo cơ chế streaming và user agent, nên kiểm tra HTML thực tế cùng công cụ Google khi cần; không kết luận lỗi chỉ vì một bộ phân tích HTML đơn giản không thấy thẻ ở vị trí mong đợi.
Tình huống áp dụng minh họa
Ví dụ minh họa: trang sản phẩm App Router lấy title từ cùng nguồn dữ liệu với phần mô tả. Khi cập nhật sản phẩm, xác định cơ chế làm mới cả metadata lẫn body. Thử bản Việt và Anh sau deploy thay vì chỉ kiểm tra qua điều hướng client. Giữ route preview ngoài sitemap để địa chỉ phát triển không bị quảng bá như URL chính thức.
Checklist cho mỗi lần xuất bản
Trước khi thay đổi website, ghi lại URL quan trọng, đối tượng người đọc, title và canonical mong muốn. Thay từng nhóm cấu hình và giữ cách khôi phục bản trước. Ưu tiên trang truy cập được, có nội dung hữu ích thay vì chỉ tối ưu điểm số khi người đọc chưa xem được thông tin.
Với nội dung dịch, xuất bản đầy đủ từng ngôn ngữ trên địa chỉ riêng. Kiểm tra canonical của chính từng bản, liên kết ngôn ngữ hai chiều và đưa URL đủ điều kiện vào sitemap. Hai bản dịch không tự trở thành trùng lặp chỉ vì cùng ý nghĩa. Google vẫn quyết định việc index; cấu hình đúng không phải cam kết thứ hạng hay mức tăng traffic.
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.