SEO multibahasa di Next.js dengan SSR
Cara membangun halaman multibahasa dengan URL locale, metadata, hreflang, sitemap, dan server rendering.
Supacode Editorial
Sản phẩm và kỹ thuật
Jawaban singkat
Kunci membuat aplikasi dengan AI: putaran umpan balik yang pendek.
- 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
Pertanyaan umum
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.
Bangun versi pertama yang berguna
Ubah ide Anda menjadi sesuatu yang bisa diuji.
Jelaskan pengguna dan hasil yang diinginkan. Supacode akan membuat kodenya, menampilkan pratinjau langsung, dan menyimpan setiap perubahan sebagai versi yang bisa dipulihkan.