Đây là câu hỏi mình thấy khá nhiều anh em quan tâm và thắc mắc. Xem video trang web của mình với tính năng đa ngôn ngữ cực kỳ mượt mà trong video để cảm nhận
ĐIỀU KIỆN CẦN THIẾT
1 - Sử dụng theme hỗ trợ chỉnh sửa toàn trang (Full site editor - FSE) hoặc có thể sử dụng page builder elementor pro hỗ trợ tính tính năng dynamic link (link động) 2 - Tạo 1 trường dữ liệu dynamic link bằng ACF Pro hoặc các plugin khác tương tự như Meta Box, Toolset…
Để đáp ứng tốt 2 vấn đề trên và có thể tối ưu tương thích mượt mà như trong video bạn đang xem, Mình đã sử dụng Cwicly Theme. Đây là bộ công cụ xây dựng website tùy chỉnh toàn trang FSE cực kỳ mạnh mẽ. nó được tích hợp sẵn ACF Pro miễn phí. Trong trường hợp bạn sử dụng theme khác có thể tự cài đặt thêm để tối ưu theo phong cách riêng
NGUYÊN LÝ HOẠT ĐỘNG:
-
Nút chuyển ngôn ngữ, bản chất đây chính là các link động (dynamic link), Các nút chuyển ngôn ngữ này sẽ nằm cố định ở 1 vị trí thường là trên header menu hoặc dưới cùng chân trang footer tùy theo từng nhà thiết kế.
-
Tại mỗi bài viết ví dụ như post A đang là tiếng Việt sẽ có trường gắn link (được tạo bằng ACF Pro hoặc các plugin tương tự như Meta Box, Toolset….để chuyển qua ngôn ngữ mong muốn ví dụ: tiếng anh, tây ban nha…). Điều này sẽ được giải thích minh họa hướng dẫn rõ hơn ở bên dưới bài viết này
-
Số lượng bài viết phụ thuộc vào số lượng ngôn ngữ trên website. Bạn làm website 2 ngôn ngữ thì phải tạo 2 bài viết, một bài cho ngôn ngữ A, 1 bài cho ngôn ngữ B. Tương tự như vậy nếu làm website 3 ngôn ngữ bạn cũng phải tạo 3 bài viết cho 3 ngôn ngữ
-
Mỗi bài viết sẽ được phân biệt bằng 1 URL khác nhau (ví dụ: domain/vi/postA và domain/en/postB), vì vậy nếu muốn làm website 3 ngôn ngữ là tiếng Việt (Vi), tiếng anh (En), tiếng pháp (Fr) bạn cần phải tạo 3 bài viết cho 3 loại ngôn ngữ và sau đó sử dụng trường dynamic link để liên kết nó lại với nhau. Website mà Biiviet[.]com bạn đang xem hiện tại chỉ có 2 ngôn ngữ là tiếng Việt và tiếng Anh nên chỉ cần 2 bài viết là đủ
-
Nên phân chia các ngôn ngữ vào 1 category để dễ quản lý và giúp google dễ nhận diện site. Như website của Bii bạn có thể thấy domain domaint[.]com/en/ được đánh dấu là ngôn ngữ tiếng anh. Và gốc domain domaint[.]com được xem như là tiếng Việt. Điều này bạn có thể tùy chỉnh theo ý thích. Ví dụ bạn muốn làm website 3 ngôn ngữ tiếng Việt (vi) - domaint[.]/vi/, tiếng anh (En) - domaint[.]/en/ và tiếng pháp (fr) - domaint[.]/fr/
ƯU NHƯỢC ĐIỂM KHI LÀM WEBSITE ĐA NGÔN NGỮ KHÔNG CẦN PLUGIN
Ưu điểm: rõ rệt nhất mà bạn có thể thấy khi làm website không cần plugin như WPML đó là hiệu suất tốc độ web cực cao, trải nghiệm mượt mà và không gây vỡ bố cục giao diện. Bạn xem video của mình chắc cũng cảm thấy độ mượt của web. Ngoài ra bạn có thể trải nghiệm thực tế bằng máy tính hoặc smartphone bằng cách gõ website mình trong video để cảm nhận
Nhược điểm: tốn khá nhiều thời gian và công sức thiết lập, vì bạn phải thao tác thủ công các công đoạn như copy link chuyển ngôn ngữ, tự thiết kế nút chuyển ngôn ngữ, tạo trường dữ liệu dynamic link cho nó đổi ngôn ngữ…Nói chung hiệu suất tốc độ web được cải thiện đáng kể đánh đổi với đó là công sức bạn bỏ ra nhiều hơn so với sử dụng plugin
CÁC BƯỚC THỰC HIỆN
Có 3 bước chính để thiết lập website đa ngôn ngữ giống như trong video có thể tóm tắt như sau:
bước 1 - tạo trường dynamic link bằng ACF Pro hoặc các plugin hỗ trợ tạo filed tương tự như Meta Box, Jetengine…
bước 2 - thiết kế design nút chuyển ngôn ngữ riêng theo ý bạn. Nút đổi ngôn ngữ sẽ được gắn link động để swap trang mỗi khi click (hình ảnh cụ thể bạn click vào bài viết trên website mình để dưới comment để hiểu hơn)
bước 3 - thêm url của các ngôn ngữ vào mỗi bài viết, Ví dụ bạn đang viết bài tiếng việt có url là domain[.]com/vi/postA. Để có thể chuyển qua ngôn ngữ tiếng anh cho bài viết với url mong muốn là domain[.]com/en/postB thì bạn cần copy link domainp[.]com/en/postB đó vào trường dynamic link của bài viết A và ngược lại
Để có thể hiểu chi tiết hơn nếu bạn quan tâm hãy click vào bài viết chi tiết mình để trên website để có thể vận dụng làm tương tự giống như website mình đang demo cho bạn!
Author: Bii Nguyễn - Group Nghiện SEO
(BÀI CŨ ĐĂNG LẠI)