Cách làm web đa ngôn ngữ đẹp, chuyên nghiệp, chuẩn Seo

Cách làm web đa ngôn ngữ đẹp, chuyên nghiệp, chuẩn Seo hiện nay là xu hướng mà nhiều người hướng tới. Trong xu thế hội nhập thì cần phải biết nhiều ngôn ngữ để giúp công việc của mình tốt hơn, thiết kế web cũng không ngoại lệ. Hướng dẫn Cách làm web đa ngôn ngữ chi tiết dưới đây.

Thông tin về web đa ngôn ngữ và cách làm web đa ngôn ngữ

Tìm hiểu làm website đa ngôn ngữ là gì?

Thiết kế website đa ngôn ngữ (hay còn gọi là website nhiều ngôn ngữ ) là loại website cho phép người dùng truy cập bằng nhiều ngôn ngữ khác nhau, phụ thuộc vào từng vùng miền hoặc khu vực mà người dùng sinh sống.

Ngôn ngữ website có thể đa dạng, tuy nhiên phần lớn các website đa ngôn ngữ chuyên nghiệp hiện nay sử dụng các ngôn ngữ chính là tiếng Việt, tiếng Anh, tiếng Trung… Các website doanh nghiệp đa quốc gia, quy mô toàn cầu như Google, Amazon, Facebook… thì còn tích hợp nhiều ngôn ngữ hơn, thậm chí hàng chục ngôn ngữ tùy theo khu vực khách hàng mà họ muốn tập trung đẩy mạnh.

Tìm hiểu làm website đa ngôn ngữ là gì?

Thiết kế web đa ngôn ngữ sẽ mang lại nhiều lợi ích cho doanh nghiệp của bạn. Internet đã mở ra thị trường toàn cầu nhưng cơ hội chỉ dành cho những người biết cách tiếp cận với nó. Hãy thiết kế websitecủa bạn đa ngôn ngữ để đáp ứng toàn cầu hóa, xóa bỏ rào cản ngôn ngữ và giúp bạn mở rộng tầm với đến tất cả các lục địa.

Web đa ngôn ngữ hoạt động như thế nào?

Khi truy cập vào một website bất kì, ngôn ngữ nó hiển thị trên toàn bộ các trang chính là ngôn ngữ mặc định, đây có thể là ngôn ngữ chính được doanh nghiệp sở hữu website đó sử dụng hoặc ngôn ngữ của quốc gia nơi website đó đang hiện hữu.

Muốn thay đổi ngôn ngữ khác, bạn có thể sử dụng các nút click để chuyển đổi, hoặc có một vài website cho phép người dùng chọn ngôn ngữ ngay trước khi truy cập. Bằng cách này, các người dùng có cơ hội tiếp cận nội dung website một cách trực quan và dễ dàng hơn.

Lợi ích làm website nhiều ngôn ngữ mang lại?

Với sự bùng nổ của internet, các quốc gia trên thế giới không còn quá cách xa nhau nữa. Giờ đây công nghệ số mà Internet đã kết nối mọi người lại với nhau. Và thiết kế website đa ngôn ngữ cũng không nằm ngoài cuộc trong cuộc cách mạng công nghệ số này. Được xem là công cụ hoàn hảo để kết nối người dùng và doanh nghiệp, website ngày càng được tích hợp nhiều tính năng độc đáo, thú vị, một trong các tính năng hữu ích đó chính là tích hợp đa ngôn ngữ.

Trên phương diện người dùng, việc truy cập một website sử dụng thứ ngôn ngữ mà mình hiểu được giúp họ dễ dàng truy cập các thông tin và tìm kiếm các dịch vụ mình mong muốn. Đặc biệt, khi sử dụng các dịch vụ quốc tế thì họ cũng không bị mất cơ hội tiếp cận các thông tin quan trọng về giá cả, hình thức thanh toán. Và sử dụng một website đa ngôn ngữ sẽ giúp họ cảm thấy thân thiện, gần gũi hơn.

Về phía doanh nghiệp hoặc đơn vị sử dụng web, nếu bạn là công ty hay các tập đoàn chuyên có các đối tác hợp tác nước ngoài hoặc có khách hàng đến từ nhiều quốc gia khác nhau thì website đa ngôn ngữ có khả năng hỗ trợ cực kì cao. Nó giúp cho doanh nghiêp tiếp cận đến khách hàng trực tiếp và rõ ràng hơn, mang lại cho họ những trải nghiệm độc đáo trên website của bạn.

  1. Web đa ngôn ngữ dễ dàng tiếp cận khách hàng nước ngoài: Với số lượng mua hàng trực tuyến trên thế giới ngày càng tăng, website đa ngôn ngữ sẽ là tiềm năng lớn để thu hút khách hàng bằng ngôn ngữ của họ.
  2. Web nhiều ngôn ngữ là công cụ marketing hiệu quả: Thiết kế website nhiều ngôn ngữ giúp bạn có được công cụ tiếp thị hiệu quả nhất vì: Là cơ hội tuyệt vời để bạn nắm bắt người dùng mới; Giúp bạn xây dựng mối quan hệ với khách hàng là người nước ngoài; Cung cấp sản phẩm, dịch vụ của bạn trên toàn thế giới.
  3. Website nhiều ngôn ngữ tiếp cận với lượng khách hàng không nói tiếng Việt: Trên thế giới một lượng lớn khách hàng không nói tiếng Việt, họ đang tích cực tìm kiếm thông tin để giải quyết các vấn đề của họ.
  4. Mặt khác, họ cũng đang tìm kiếm sản phẩm, dịch vụ đáp ứng cho nhu cầu của mình. Hiểu họ trước đối thủ cạnh tranh có thể bạn sẽ là người chiến thắng.
  5. Thể hiện sự quan tâm đến khách hàng: Khách hàng sẽ rất “hài lòng” khi web của bạn có hỗ trợ giao diện ngôn ngữ của họ.
    Tâm lý của khách hàng họ rất muốn website sử dụng ngôn ngữ bản địa của họ vì rào cản ngôn ngữ. Nếu website của bạn sử dụng ngôn ngữ mẹ đẻ của họ tức là bạn đang quan tâm đến sở thích của họ. Khi đã xóa bỏ được rào cản ngôn ngữ, tạo được niềm tin thì rất có khả năng họ muốn kinh doanh với bạn.
  6. Tạo sự tin tưởng: Để bán được sản phẩm, bạn cần tạo uy tín với khách hàng tiềm năng. Uy tín càng cao, cơ hội bán được hàng càng lớn.
  7. Kinh nghiệm thực tế của việc mua sắm trực tuyến cho thấy, khách hàng cảm thấy an toàn khi quyết định mua hàng trực tuyến nếu website có sử dụng ngôn ngữ của họ.
  8. Làm tăng bán hàng: Website là công cụ bán hàng đắc lực nhất hiện nay, nó cần mẫn làm việc ngày đêm cho bạn. Với xu hướng toàn cầu hóa việc xây dựng một website đa ngôn ngữ là rất cần thiết vì nó là công cụ marketing hiệu quả, giúp doanh nghiệp mở rộng thị trường đến tất cả các lục địa.

Hướng dẫn làm web đa ngôn ngữ

Trong bài này chúng tôi sẽ hướng dẫn cách làm web đa ngôn ngữ bằng POLYLANG:

Cài đặt PolyLang

Hoàn thành việc cài PolyLang, tiếp theo bạn thiếp lập ngôn ngữ cho nó, vào cài đặt -> ngôn ngữ. Bây giờ bạn hãy lần lượt thêm các ngôn ngữ mà bạn muốn sử dụng trên website (thêm toàn bộ, kể cả tiếng Việt nếu bạn đã Việt hóa WordPress). Ở phần Add New Language, bạn chỉ cần chọn tên ngôn ngữ là nó tự thiết lập cho bạn nên hãy để nguyên tất cả.

Cách làm web đa ngôn ngữ - Cài đặt PolyLang

Ví dụ mình thêm 3 ngôn ngữ thế này:

Tiếp theo bạn chuyển qua phần Strings Translation để thiết lập tiêu đề website và định dạng ngày giờ trên từng ngôn ngữ. Nếu bạn có thêm tiếng Việt thì ở phần kiểu định dạng thời gian bạn nên để là d/m/Y cho nó hợp chuẩn tiếng Việt.

Kế tiếp bạn chuyển qua tab Settings của nó, sẽ có một số tùy chọn như sau:

Default Language: Ngôn ngữ mặc định trên Website. Nếu bạn thấy cái dòng màu đỏ phía dưới nghĩa là bạn có dữ liệu post, page, category và tag chưa được thiết lập ngôn ngữ. Đánh dấu vào để áp dụng ngôn ngữ mặc định cho tụi nó.

URL Modifications: Đây là cấu trúc ngôn ngữ để bạn sử dụng làm ngôn ngữ trên web. Các bạn nên chọn kiểu “The language is set from the directory name in pretty permalinks” là tốt nhất để sử dụng đường dẫn kiểu http://domain.com/en/tên.

Hide URL language information for default language: Đường dẫn ở ngôn ngữ mặc định sẽ bị ẩn đi. Ví dụ bạn chọn là tiếng Việt thì đường dẫn phiên bản tiếng Việt sẽ không có /vi/ trên đó.

Remove /language/ in pretty permalinks: Xóa phần /ngôn ngữ/ trên đường dẫn. (nên chọn)

Keep /language/ in pretty permalinks: Giữ nguyên / ngôn ngữ / trên đường dẫn.

Detect browser language: Nếu bạn đánh dấu, website sẽ chuyển về ngôn ngữ trùng với ngôn ngữ của trình duyệt.

Media: Nếu đánh dấu, bạn có thể thêm từng phiên bản hình ảnh cho từng ngôn ngữ.

Synchronization: Nếu bạn muốn một số phần có cùng một giá trị trên bất cứ ngôn ngữ nào thì chọn vào. Ví dụ phần Custom field, bạn đánh dấu vào thì nó sẽ sử dụng một giá trị custom field cho toàn bộ các phiên bản ngôn ngữ.

Hiển thị nút chuyển ngôn ngữ trên giao diện

Nếu bạn muốn có nút nhấn chuyển đổi ngôn ngữ thì vào giao diện -> Widget để thêm một tính năng trên widget tên là Language Switcher, ở tùy chọn bạn có thể tùy chọn hiển thị tên và lá cờ của từng ngôn ngữ, hoặc kiểu đổ xuống (dropdown) tùy thích.

Hoặc nếu bạn muốn tự chèn cái language switcher này ở vị trí bất kỳ trong theme, bạn có thể sử dụng hàm sau:

01

pll_the_languages($args);

Trong đó, $args là một mảng tham số như sau (nếu không thiết lập nó sẽ áp dụng giá trị mặc định)

‘dropdown’ => Đây là giá trị hiển thị theo dạng đổ xuống (default: 0)

‘show_names’ => Hiển thị tên ngôn ngữ, giá trị là 1 nó sẽ hiển thị tên ngôn ngữ (default: 1)

‘display_names_as’ => Hiển thị tên ngôn ngữ theo tên hoặc tuổi (default: ‘name’)

‘show_flags’ => Nếu giá trị là 1 thì sẽ xuất hiện lá cờ (default: 0)

‘hide_if_empty’ => Ẩn các ngôn ngữ nếu ngôn ngữ dó chưa có post hoặc page tương ứng, giá trị 1 là ẩn (default: 1)

‘force_home’ => Sử dụng đường dẫn trang chủ nếu giá trị là 1, nếu giá trị là 0 thì nó sẽ chuyển trang hiện tại sang ngôn ngữ đã chọn (default: 0)

‘echo’ => echoes if set to 1, returns a string if set to 0 (default: 1)

‘hide_if_no_translation’ => Ẩn ngôn ngữ nếu ngôn ngữ đó chưa có giá trị nào được dịch (default: 0)

‘hide_current’=> Ẩn ngôn ngữ hiện tại đang chọn nếu giá trị là 1 (default: 0)

‘post_id’ => Thiết bị ngôn ngữ này để trỏ về địa chỉ bài viết hoặc một trang chỉ định qua ID (default: null)

‘raw’ => Nếu bạn muốn tự viết lại CSS cho phần này thì thiết lập giá trị là 1 (default:0).

Thiết lập menu đa ngôn ngữ

Ưu điểm của PolyLang làm cho từng menu hiển thị với từng ngôn ngữ riêng biệt. Khi bạn vào Appearance -> Menus thì sẽ thấy một vị trí menu (menu location) đều hỗ trợ từng ngôn ngữ thế này:

Bây giờ bạn hãy tạo ra các menu khác nhau và nhập ngôn ngữ tương ứng và chọn vị trí thích hợp là được.

Thiết lập Post và Page đa ngôn ngữ

Trước khi làm việc, mình cần các bạn hiểu cơ chế tạo một post có nhiều ngôn ngữ đó là mỗi ngôn ngữ sẽ là một post riêng, nhưng khi thiết lập thì post này chỉ hiển thị với ngôn ngữ tương ứng. Khi bạn vào Posts -> All Posts, bạn xem thấy có thêm một cột ngôn ngữ như sau:

Trong đó có 2 biểu tượng mang ý nghĩa thế này:

polang-icon-checked – Post này dành cho ngôn ngữ tương ứng với cột của nó.

polylang-icon-empty– Trỏ tới post tương ứng với ngôn ngữ của nó.

polang-icon-none – Post này chưa có ngôn ngữ tương ứng, nhấp vào để tạo.

Ví dụ:

Nghĩa là post này là phiên bản tiếng Thụy Điển, nhấp vào icon polylang-icon-empty sẽ dẫn tới trang sửa post của hai ngôn ngữ còn lại.

Khi tạo post mới, bạn nhìn bên cột Languages sẽ có phần chọn ngôn ngữ và nhập tên post của các ngôn ngữ còn lại. Tốt nhất là bạn hãy soạn ra các post khác nhau tương ứng với từng ngôn ngữ, sau đó mở lại từng post và nhập tên post của nó với phiên bản ngôn ngữ khác.

Đối với Page thì tương tự nhé.

Thiết lập Category & Tag đa ngôn ngữ

Đối với category và tag thì cũng giống như post, tức là bạn sẽ tạo ra nhiều category khác nhau và trỏ nó thành các phiên bản ngôn ngữ cho từng category.

Như hình trên thì thực ra nó là một category nhưng với 3 ngôn ngữ khác nhau. Bạn có thể thiết lập khi sửa category hoặc khi tạo category.

Và khi tạo post mới, danh sách category sẽ hiển thị ra tương ứng với ngôn ngữ mà bạn thiết lập cho post chứ không hiển thị hết tất cả nên bạn đừng lo nó sẽ rối.

Tương tự với tag.

Đa ngôn ngữ với theme và plugin

PolyLang không có khả năng thay đổi mã lệnh từ trong themes hay plugin thành đa ngôn ngữ, nhưng nó up thêm ngôn ngữ và ngôn ngữ bạn đang dùng để hiển thị ra bên ngoài. Điều này có nghĩa là, nếu bạn muốn plugin và theme của bạn hiển thị ngôn ngữ phù hợp trên ngôn ngữ khác nhau, thì bắt buộc theme và plugin phải dùng file ngôn ngữ .mo trên host để nó có thể tải ra.

Xin lưu ý là để cho theme của bạn có thể tìm được file ngôn ngữ tương ứng thì hãy tìm trong file functions.php của theme đoạn load_theme_textdomain xem nó load file ngôn ngữ ở thư mục nào và đặt file ngôn ngữ vào thư mục đó.

Trên đây là hướng dẫn cách làm web đa ngôn ngữ đẹp, chuẩn Seo. Mọi ý kiến xin gửi về thiết  kế web 180 thông qua số điện thoại:0363280183 hoặc email:dtn.cntt@gmail.com.