SEO đa ngôn ngữ trong Next.js: hướng dẫn SSR thực tế
Cách xây trang tiếng Việt và tiếng Anh với URL locale, metadata, hreflang, sitemap và nội dung render phía server.
Supacode Editorial
Sản phẩm và kỹ thuật
Tóm tắt
Quy trình làm ứng dụng AI đáng tin cậy là một vòng phản hồi ngắn.
- Dùng URL riêng cho từng locale để công cụ tìm kiếm hiểu nội dung.
- Tạo metadata và canonical theo request locale.
- Kết nối các bản dịch bằng hreflang và x-default.
- Render nội dung chính trên server và kiểm tra sitemap.
1. Mỗi ngôn ngữ cần URL ổn định
Dùng /vi và /en hoặc subdomain nhất quán. URL ổn định giúp chia sẻ, crawl và đo lường từng thị trường rõ ràng hơn.
2. Tạo metadata theo locale
Tiêu đề, mô tả, canonical, Open Graph locale và structured data phải khớp với nội dung đang render. Đừng chỉ dịch phần giao diện rồi giữ metadata tiếng Anh.
3. Render server và liên kết bản dịch
Next.js App Router có thể tạo nội dung và metadata trên server. Thêm hreflang giữa các bản dịch, x-default cho bản chính và sitemap chỉ chứa locale đã bật.
FAQ
Câu hỏi thường gặp
Có nên dùng một URL rồi đổi ngôn ngữ bằng JavaScript không?
Không cho landing và bài viết SEO. URL riêng giúp crawl, chia sẻ và canonical rõ ràng hơn.
Hreflang có đủ để xếp hạng không?
Không. Nó giúp công cụ chọn phiên bản phù hợp; chất lượng nội dung và trải nghiệm vẫn quyết định thứ hạng.
SSR có cần cho mọi trang không?
Nội dung công khai và metadata nên render được trên server; khu vực riêng tư có thể ưu tiên tương tác sau khi đăng nhập.
Xây phiên bản hữu ích đầu tiên
Biến ý tưởng thành thứ bạn có thể thử nghiệm.
Mô tả người dùng và kết quả mong muốn. Supacode sẽ viết code, xem trước trực tiếp và lưu mọi thay đổi thành phiên bản có thể khôi phục.