Bạn có biết rằng 3 trong 4 người mua hàng trực tuyến thích mua sản phẩm có thông tin bằng ngôn ngữ mẹ đẻ của họ không? ( Nguồn ). Việc có một trang web đa ngôn ngữ có những lợi ích riêng, chẳng hạn như:
Nhưng rất nhiều doanh nghiệp chưa biết cách tạo website đa ngôn ngữ đúng cách!
Đó là lý do tại sao đây là 18 mẹo UX thực tế mà chúng tôi khuyên bạn nên ghi nhớ khi thiết kế trang web đa ngôn ngữ của mình.
Khi thiết kế một trang web đa ngôn ngữ, điều cần thiết là phải xem xét nhiều yếu tố khác nhau để đảm bảo trải nghiệm người dùng liền mạch trên các ngôn ngữ và nền văn hóa khác nhau. Dưới đây là 18 mẹo UX tốt nhất cho các trang web đa ngôn ngữ.
Trước khi bắt đầu thiết kế trang web đa ngôn ngữ của mình, bạn cần lập kế hoạch và xác định một số điều.
Để chọn ngôn ngữ tốt nhất cho trang web đa ngôn ngữ của bạn, hãy bắt đầu bằng cách phân tích vị trí và nhân khẩu học của đối tượng. Xem lưu lượng truy cập trang web hiện tại và dữ liệu khách hàng của bạn để xem ngôn ngữ và vị trí nào phổ biến nhất.
Nghiên cứu ngôn ngữ được sử dụng ở thị trường mục tiêu của bạn bằng cách sử dụng dữ liệu điều tra dân số, báo cáo thị trường và phân tích đối thủ cạnh tranh.
Ví dụ, theo Cục điều tra dân số Hoa Kỳ , tiếng Tây Ban Nha là ngôn ngữ được nói nhiều thứ hai ở Hoa Kỳ. Vì vậy, nếu khách hàng Hoa Kỳ là đối tượng mục tiêu của bạn, thì việc trang web của bạn có phiên bản tiếng Tây Ban Nha cùng với phiên bản tiếng Anh sẽ rất có ý nghĩa.
Bắt đầu với những ngôn ngữ được sử dụng rộng rãi nhất và mở rộng khi trang web của bạn phát triển. Bằng cách phân tích dữ liệu đối tượng và điều chỉnh các lựa chọn ngôn ngữ cho phù hợp với mục tiêu kinh doanh của bạn, bạn có thể chọn ngôn ngữ phù hợp nhất cho trang web đa ngôn ngữ của mình.
Cấu trúc URL rõ ràng là rất quan trọng đối với một trang web đa ngôn ngữ. Nó cải thiện SEO, vì các công cụ tìm kiếm có thể dễ dàng lập chỉ mục và xếp hạng các phiên bản ngôn ngữ khác nhau trên trang web của bạn, tăng cường khả năng hiển thị trong các tìm kiếm địa phương.
Cấu trúc thư mục con là phương pháp phổ biến và được khuyên dùng nhất. Mỗi ngôn ngữ có thư mục con riêng trong miền chính, như www.example.com/en/ cho tiếng Anh, www.example.com/es/ cho tiếng Tây Ban Nha và www.example.com/fr/ cho tiếng Pháp.
Chọn cấu trúc mà bạn có thể duy trì nhất quán trên trang web của mình. Tránh trộn lẫn các cấu trúc khác nhau. Sử dụng mã ngôn ngữ ISO 639-1 (như “en” cho tiếng Anh và “es” cho tiếng Tây Ban Nha) để đảm bảo sự rõ ràng và tiêu chuẩn hóa.
Sử dụng thẻ chuẩn để cho biết phiên bản ưa thích của trang đối với các công cụ tìm kiếm, đặc biệt nếu bạn có nội dung tương tự trên các ngôn ngữ. Triển khai thẻ hreflang trong HTML của bạn để giúp công cụ tìm kiếm hiểu được ngôn ngữ và nhắm mục tiêu theo vùng của trang.
Khi khách truy cập trang web chọn một ngôn ngữ khác, họ không được truy cập vào một trang web hoàn toàn khác. Sử dụng cùng một mẫu trang web cho tất cả các trang web đã dịch của bạn.
Đây là một ví dụ về Canva. Khi trang web được dịch sang tiếng Tây Ban Nha từ tiếng Anh, khoảng cách giữa các tiêu đề và đoạn văn, vị trí nút, menu và biểu tượng, định dạng gói giá và mọi thứ khác vẫn giữ nguyên.
Mẫu chung giúp xây dựng thương hiệu nhất quán và cung cấp trải nghiệm người dùng liền mạch, bất kể họ chuyển sang ngôn ngữ nào. Đảm bảo người dùng của bạn nhìn thấy bố cục, thành phần thiết kế, nhãn hiệu và màu sắc giống nhau khi chuyển từ ngôn ngữ mặc định.
Nếu bạn đang sử dụng Hệ thống quản lý nội dung (CMS), chẳng hạn như WordPress , với Linguise , việc tạo một trang web đa ngôn ngữ có thương hiệu là một việc dễ dàng. Linguise tích hợp sâu với chủ đề trang web của bạn và tự động dịch nội dung của bạn mà không cần yêu cầu cơ sở dữ liệu bổ sung hoặc tải quá mức máy chủ. Bằng cách này, hiệu suất trang web của bạn không bị ảnh hưởng.
Nếu bạn sử dụng plugin Thương mại điện tử như WooC Commerce, Linguise sẽ tự động cập nhật trang chính và các trang dịch với mỗi bản cập nhật sản phẩm.
Một trong những mẹo UX quan trọng nhất khi thiết kế trang web đa ngôn ngữ là tính đến việc mở rộng văn bản. Mỗi ngôn ngữ có phong cách viết và độ dài từ khác nhau cần được tính đến.
Hãy xem ví dụ này của Etsy. Ở bên trái, bạn có thể xem nội dung trang web bằng tiếng Nhật và ở bên phải, bạn có thể thấy nội dung tương tự bằng tiếng Đức.
Một số ngôn ngữ sẽ chiếm nhiều dung lượng hơn, trong khi một số ngôn ngữ khác sẽ chiếm ít dung lượng hơn. Bố cục trang web của bạn phải có khả năng điều chỉnh khoảng cách để đảm bảo nội dung được dịch vẫn dễ đọc.
Đây là minh họa về cách văn bản mở rộng hoặc thu gọn trong các ngôn ngữ khác nhau. Theo W3C , từ “view” có độ mở rộng 300% từ tiếng Anh sang tiếng Ý!
Cũng nên xem xét chiều cao dòng và kiểu ký tự. Một số ngôn ngữ có ký tự cao hơn các ngôn ngữ khác, trong khi một số chữ viết cần nhiều khoảng cách hơn các chữ viết khác.
Ví dụ: chữ Ả Rập cần nhiều khoảng cách dọc giữa các dòng hơn chữ Latinh.
Giữ văn bản tách biệt khỏi các thành phần đa phương tiện để cập nhật và dịch dễ dàng hơn.
Giữ nội dung văn bản trong các phần tử HTML như
,
Điều này cho phép cập nhật và dịch dễ dàng mà không cần chạm vào cơ sở mã chính. Sử dụng các thư viện bản địa hóa như i18next cho JavaScript để quản lý bản dịch một cách linh hoạt.
Giữ thiết kế và nội dung riêng biệt và bố cục sẽ ít bị lộn xộn hơn sau khi dịch.
Cung cấp các tùy chọn chuyển đổi ngôn ngữ rõ ràng và dễ tiếp cận là điều cần thiết cho một trang web đa ngôn ngữ. Đặt nút chuyển đổi ở góc trên cùng bên phải để dễ dàng truy cập và sử dụng màu sắc tương phản cũng như kiểu chữ rõ ràng để làm nổi bật. Để rõ ràng, hãy bao gồm tên ngôn ngữ bằng chữ viết gốc (ví dụ: “Español” cho tiếng Tây Ban Nha).
Menu thả xuống có thể hiển thị nhiều tùy chọn ngôn ngữ một cách hiệu quả mà không chiếm quá nhiều dung lượng. Việc sử dụng cờ có thể cung cấp tín hiệu trực quan nhưng hãy thận trọng vì cờ đôi khi có thể gây hiểu nhầm.
Ví dụ: một lá cờ có thể đại diện cho một ngôn ngữ được sử dụng ở nhiều quốc gia. Tốt nhất nên kết hợp cờ với tên ngôn ngữ để làm rõ.
Hiển thị rõ ràng ngôn ngữ đã chọn bằng màu khác hoặc phông chữ đậm. Sử dụng các kỹ thuật như AJAX, đảm bảo rằng việc chọn ngôn ngữ sẽ thay đổi nội dung ngay lập tức mà không cần làm mới trang. Làm cho trình chuyển đổi ngôn ngữ có tính phản hồi cao đối với thiết bị di động và kiểm tra khả năng sử dụng của nó với người bản ngữ.
Dưới đây là một số mẹo liên quan đến nội dung và bản dịch để có trải nghiệm người dùng tốt hơn.
Không phải tất cả tiếng lóng đều được chấp nhận rộng rãi. Trên thực tế, một số tiếng lóng được coi là chấp nhận được ở một số quốc gia và cực kỳ xúc phạm ở những quốc gia khác. Bạn phải luôn sử dụng ngôn ngữ rõ ràng và dễ hiểu để có thể chuyển tải tốt giữa các nền văn hóa.
Ví dụ: đây là một thành ngữ phổ biến của Nga – Хоть кол на голове теши. Thành ngữ này trong tiếng Nga có nghĩa là “Anh ấy là một người rất bướng bỉnh”.
Tuy nhiên, bản dịch theo nghĩa đen của thành ngữ này là “Bạn có thể mài sắc bằng một chiếc rìu trên đầu này”. 😂
Đây là một ví dụ khác về việc một từ tiếng Anh thông dụng có thể trở thành thảm họa như thế nào nếu được dịch tự động với sự kiểm duyệt. Từ tiếng Anh Salsa phát âm giống 설사 (seolsa) trong tiếng Hàn, có nghĩa là “tiêu chảy”.
Đó là lý do tại sao chúng tôi khuyên bạn nên tránh sử dụng tiếng lóng hoặc thành ngữ chỉ liên quan đến một nền văn hóa hoặc nhân khẩu học cụ thể. Thay vào đó, hãy sử dụng ngôn ngữ đơn giản có thể dễ dàng dịch sang các ngôn ngữ khác.
Điều chỉnh nội dung, hình ảnh, biểu tượng và các phương tiện đa phương tiện khác để phản ánh các phong tục và văn hóa địa phương.
Ví dụ: Clarins, một thương hiệu chăm sóc da phục vụ khán giả toàn cầu, hiển thị hình ảnh phụ nữ da trắng trên các phiên bản trang web ở Châu Âu.
Tuy nhiên, trên phiên bản tiếng Nhật của trang web, họ cho thấy phụ nữ Nhật kết nối tốt hơn với khách hàng địa phương.
Đối với các biểu tượng, đặc biệt là biểu tượng trình chuyển đổi ngôn ngữ, hãy sử dụng biểu tượng quả địa cầu trông có vẻ phổ quát. Ví dụ: trong hình ảnh bên dưới, biểu tượng đầu tiên có thể thu hút khán giả Nam và Bắc Mỹ nhưng không thu hút được khán giả châu Phi và châu Á.
Biểu tượng thứ hai có thể thu hút khán giả châu Phi chứ không phải những người khác.
Để tránh sự nhầm lẫn này, hãy sử dụng biểu tượng quả địa cầu phổ quát thu hút mọi người – biểu tượng thứ ba. Nó không làm nổi bật một khu vực hoặc quốc gia cụ thể và phù hợp hơn với một trang web đa ngôn ngữ.
Đối với đa phương tiện, hãy sử dụng tệp phụ đề để dịch video mà không làm thay đổi video. Đảm bảo hình ảnh và các thành phần đa phương tiện có văn bản thay thế mô tả có thể được dịch riêng biệt khỏi nội dung trực quan.
Đây là một ví dụ khác về cách dịch thuật có thể giúp bạn tiếp cận nhiều đối tượng hơn. Chúng tôi là những khán giả cuồng nhiệt của Project Happiness, một kênh YouTube do một du khách người Ý tên là Giuseppe điều hành.
Người sáng tạo là người Ý. Anh ấy ghi âm bằng tiếng Ý và lồng tiếng cho các video của mình bằng tiếng Anh, nhưng kênh của anh ấy được xem trên toàn thế giới nhờ có nhiều loại phụ đề mà anh ấy cung cấp.
Linguise cho phép bạn chỉnh sửa các trang đã dịch của mình ở mặt trước với giao diện thân thiện với người dùng. Bạn có thể tự đánh giá bản dịch và thực hiện thay đổi nếu cảm thấy cần thiết.
Các trang web thương mại điện tử thường xuyên có nhiều thay đổi—sản phẩm hết hàng, khuyến mại trong thời gian có hạn, thay đổi về thông tin sản phẩm, v.v.
Tuy nhiên, việc sử dụng Linguise giúp việc cập nhật nội dung đã dịch trở nên dễ dàng. Máy chủ dịch chuyên dụng và hệ thống bộ đệm của nó tăng tốc quá trình dịch và hiển thị trang đã dịch cho khán giả của bạn.
Hầu hết các ngôn ngữ được viết từ trái sang phải. Tuy nhiên, một số chữ như tiếng Ả Rập, tiếng Do Thái và tiếng Ba Tư được viết từ phải sang trái.
Dưới đây là so sánh phiên bản tiếng Anh và tiếng Ả Rập của trang chủ Instagram. Như bạn có thể thấy, phiên bản tiếng Ả Rập đã lật mọi thứ từ phải sang trái, hình ảnh, nút, văn bản và thậm chí cả thanh tìm kiếm.
Dịch vụ dịch thuật của Linguise hỗ trợ các ngôn ngữ từ phải sang trái và có thể điều chỉnh bố cục trang web đa ngôn ngữ của bạn để phù hợp với chúng.
Dưới đây là một số ngôn ngữ từ phải sang trái có sẵn:
Nếu bạn muốn bao gồm các ngôn ngữ này, hãy sử dụng bố cục trang web có thể đáp ứng những thay đổi lớn như vậy.
Chúng tôi thực sự khuyên bạn nên tối ưu hóa trang web đa ngôn ngữ của mình cho các công cụ tìm kiếm quốc tế để tối đa hóa tác động của nó.
Tiến hành nghiên cứu từ khóa trong từng ngôn ngữ mục tiêu, sử dụng thẻ hreflang để nhắm mục tiêu theo ngôn ngữ và khu vực, đồng thời theo dõi hiệu suất.
Bắt đầu với nghiên cứu từ khóa được bản địa hóa cho từng ngôn ngữ và khu vực. Sử dụng các công cụ như Công cụ lập kế hoạch từ khóa của Google, SEMrush hoặc Ahrefs để tìm các từ khóa có liên quan mà đối tượng mục tiêu của bạn đang tìm kiếm.
Xem xét các phương ngữ khu vực và các biến thể trong thuật ngữ. Ví dụ: tiếng Tây Ban Nha ở Mexico khác với tiếng Tây Ban Nha ở Châu Âu, vì vậy hãy điều chỉnh từ khóa của bạn cho phù hợp.
Tạo thẻ tiêu đề duy nhất cho từng phiên bản ngôn ngữ trên trang của bạn, kết hợp các từ khóa được bản địa hóa. Giữ chúng ngắn gọn và phù hợp, lý tưởng nhất là dưới 60 ký tự.
Ví dụ: bằng tiếng Anh: “Mua cà phê hữu cơ trực tuyến | Giá Tốt nhất” và bằng tiếng Tây Ban Nha: “Compra Café Orgánico en Línea | Mejores Precios.”
Viết mô tả meta hấp dẫn cho từng phiên bản ngôn ngữ, bao gồm từ khóa được bản địa hóa và lời kêu gọi hành động rõ ràng, giữ chúng dưới 160 ký tự.
Ví dụ: bằng tiếng Anh: “Mua cà phê hữu cơ tuyển chọn của chúng tôi, có nguồn gốc từ những trang trại tốt nhất. Miễn phí vận chuyển cho đơn hàng trên $50!” và bằng tiếng Tây Ban Nha: “Compra nuestra selección de café orgánico, proveniente de las mejores fincas. ¡Envío gratis en pedidos vượt trội hơn $50!”
Sử dụng thuộc tính hreflang trong HTML của bạn để thông báo cho công cụ tìm kiếm về ngôn ngữ và nhắm mục tiêu theo khu vực của các trang của bạn. Điều này giúp ngăn chặn các vấn đề trùng lặp nội dung và đảm bảo người dùng được chuyển hướng tới phiên bản ngôn ngữ chính xác.
Theo dõi hiệu suất của từng phiên bản ngôn ngữ bằng các công cụ như Google Analytics và Google Search Console. Phân tích nguồn lưu lượng truy cập, hành vi của người dùng và thứ hạng từ khóa để xác định các khu vực cần cải thiện.
Thử nghiệm với các từ khóa, thẻ meta và chiến lược nội dung khác nhau để xem điều gì phù hợp nhất với khán giả của bạn ở mỗi ngôn ngữ.
Ngoài ra còn có những cân nhắc cần thực hiện khi duy trì và hỗ trợ các trang web và khách hàng.
Tạo kế hoạch bảo trì toàn diện cho trang web đa ngôn ngữ của bạn đảm bảo rằng tất cả các phiên bản ngôn ngữ vẫn nhất quán, chính xác và cập nhật.
Một kế hoạch có cấu trúc tốt sẽ giúp bạn quản lý nội dung một cách hiệu quả, giải quyết phản hồi của người dùng và thích ứng với những điều kiện thị trường đang thay đổi.
Thực hiện kiểm tra nội dung để đánh giá mức độ liên quan và độ chính xác của nội dung hiện có bằng tất cả các ngôn ngữ. Kiểm tra thông tin lỗi thời, liên kết bị hỏng và sự không nhất quán giữa các phiên bản ngôn ngữ.
Thường xuyên kiểm tra trình chuyển đổi ngôn ngữ, điều hướng và các thành phần tương tác khác để đảm bảo chúng hoạt động chính xác.
Cung cấp hỗ trợ khách hàng bằng nhiều ngôn ngữ sẽ nâng cao trải nghiệm người dùng và tạo dựng niềm tin với nhiều đối tượng khác nhau.
Thuê đại diện dịch vụ khách hàng thông thạo ngôn ngữ mà bạn hỗ trợ. Điều này có thể bao gồm nhân viên toàn thời gian hoặc nhà thầu bán thời gian.
Để hiểu ngôn ngữ nào cần ưu tiên, bạn có thể phân tích lưu lượng truy cập trang web và nhân khẩu học của khách hàng hoặc tiến hành khảo sát hoặc biểu mẫu phản hồi. Sử dụng kết quả để hiểu sở thích ngôn ngữ của khách hàng hiện tại của bạn.
Tạo các biểu mẫu phản hồi đơn giản, thân thiện với người dùng, cho phép người dùng báo cáo các vấn đề về bản dịch hoặc khả năng sử dụng. Đảm bảo các biểu mẫu này có thể truy cập được từ mọi trang, lý tưởng nhất là ở phần chân trang hoặc thông qua phần hỗ trợ riêng.
Đảm bảo rằng các biểu mẫu phản hồi có sẵn bằng tất cả các ngôn ngữ được hỗ trợ, cho phép người dùng cung cấp phản hồi bằng ngôn ngữ ưa thích của họ.
Bao gồm các câu hỏi có cấu trúc hướng dẫn người dùng cung cấp phản hồi cụ thể. Ví dụ:
Đối với những người không quan tâm đến việc điền vào biểu mẫu phản hồi, hãy triển khai các nút phản hồi nhanh (ví dụ: thích/không thích) đối với nội dung đã dịch. Điều này cho phép người dùng dễ dàng cho biết bản dịch hữu ích hay chính xác.
Kiểm tra nội dung và bản cập nhật mới trong môi trường chạy thử trước khi phát hành trực tuyến để tránh bị gián đoạn. Bạn có thể sử dụng trình tạo trang web AI như ZipWP để tạo một trang web hoàn chỉnh trong vài giây.
Trang web sẽ bao gồm tất cả các trang thiết yếu, hình ảnh có liên quan, bản sao trang web hấp dẫn và các chức năng SEO và CMS được nhúng.
18 mẹo UX dành cho trang web đa ngôn ngữ này sẽ giúp khách hàng điều hướng trang web của bạn tốt hơn và tương tác với nội dung bằng ngôn ngữ ưa thích của họ.
Thiết kế UX đa ngôn ngữ tốt có thể tăng đáng kể mức độ tương tác và tiềm năng chuyển đổi của người dùng. Tuy nhiên, việc tạo ra một trang web đa ngôn ngữ với trải nghiệm liền mạch cần có thời gian và công sức.
Đây là nơi Linguise có thể giúp đỡ!
Linguise tích hợp nguyên bản với hơn 40 CMS, chẳng hạn như WordPress , Shopify , Webflow , Squarespace và các CMS khác. Nó hỗ trợ hơn 80 ngôn ngữ và hơn 10.000 cặp ngôn ngữ để cung cấp trải nghiệm trang web đa ngôn ngữ tốt nhất.
Tất cả các bản dịch đều được tối ưu hóa SEO và giá cả phải chăng, chi phí 10% so với dịch vụ dịch thủ công.
Bạn đã sẵn sàng vươn ra toàn cầu với Linguise chưa?
Nhận tin tức về dịch tự động trang web, SEO quốc tế và hơn thế nữa!
Đừng rời đi mà không chia sẻ email của bạn!
Chúng tôi không thể đảm bảo bạn sẽ trúng xổ số, nhưng chúng tôi có thể hứa hẹn một số thông tin thú vị về bản dịch và giảm giá thường xuyên.
