Selektor języka jest ważnym elementem, na który należy zwrócić szczególną uwagę podczas tworzenia wielojęzycznej witryny internetowej, ponieważ przełącznik języka jest tym, co użytkownicy często odwiedzają, gdy chcą zmienić język.
Skuteczny przycisk zmiany języka może zapewnić witrynie internetowej szereg korzyści, od zwiększenia optymalizacji sieci po zwiększenie sprzedaży.
W tym artykule omówimy najlepsze praktyki projektowania selektorów języków. Omówimy to szerzej w następnym artykule.
Selektor języka to element lub funkcja interfejsu użytkownika, która pozwala użytkownikom wybrać język, w którym chcą wchodzić w interakcję ze stroną internetową, aplikacją lub dowolną platformą cyfrową. Można go powszechnie znaleźć na stronach internetowych, w aplikacjach i innych interfejsach cyfrowych, aby był odpowiedni dla użytkowników mówiących różnymi językami.
Selektor języka zazwyczaj wyświetla listę dostępnych języków, z której użytkownik może wybrać żądany język. Po wybraniu zawartość interfejsu, w tym tekst, etykiety, a czasami obrazy, będzie wyświetlana w wybranym języku. Jest to szczególnie ważne w przypadku witryn i aplikacji obsługujących odbiorców na całym świecie lub zróżnicowaną bazę użytkowników.
Selektory języka przyczyniają się do lepszego doświadczenia użytkownika, udostępniając treści cyfrowe szerszemu gronu odbiorców, niezależnie od ich poziomu znajomości języka. Stanowią kluczowy element działań lokalnych, umożliwiając programistom i projektantom dostosowywanie swoich produktów do różnych kontekstów językowych i kulturowych.
Dostosowanie przełącznika języka na wielojęzycznej stronie internetowej ma kilka ważnych zalet.
Każdy właściciel witryny z pewnością dokładnie przemyśli, jak wygląda jego selektor języka, każda witryna będzie oczywiście miała inne preferencje. Dla tych z Was, którzy szukają rodzaju selektora języka, którego można użyć, oto niektóre z nich.
Jest to jeden z powszechnie używanych typów przełączników językowych. Przycisk języka to zwykle ikona lub tekst wskazujący wyświetlany język, na przykład „EN” w przypadku języka angielskiego lub flaga kraju reprezentująca określony język. Po kliknięciu przycisku języka użytkownik zostanie przekierowany do wersji serwisu w odpowiednim języku.
W przypadku przycisków języków zaleca się wyświetlanie ograniczonej liczby języków, aby uniknąć bałaganu na wyświetlaczu. Ogólnie rzecz biorąc, posiadanie więcej niż 4 do 5 języków może stworzyć intensywny efekt wizualny. Ważne jest, aby umieścić przycisk w widocznym miejscu, aby użytkownicy mogli go łatwo znaleźć. Omówimy te aspekty szerzej w następnej części tego artykułu.
Przyciski językowe mogą być odpowiednie dla firm, które kierują reklamy na określone rynki lub obsługują społeczności międzynarodowe w określonych lokalizacjach. Poniżej znajduje się przykład użycia przycisku języka na stronie WHO.
Łącza tekstowe to rodzaj przełącznika języka, który wykorzystuje tekst w postaci nazwy języka jako łącza. Na przykład możesz wyświetlić linki tekstowe, takie jak „English”, „Français” lub „Español”, które przenoszą użytkowników do wersji witryny w wybranym języku. Ten link tekstowy jest zwykle umieszczany na liście lub w menu rozwijanym, aby ułatwić użytkownikom wybór żądanego języka.
Jeden rodzaj selektora języka łącza jest używany przez dużą firmę Facebook, oprócz wymienionych języków, możesz także nacisnąć ikonę (+), aby znaleźć więcej języków.
Następnie strona zostanie natychmiast przetłumaczona na wcześniej wybrany język.
Menu wyboru to rodzaj przełącznika języka, który wykorzystuje menu rozwijane lub otwarte menu do wyboru języka. Gdy użytkownicy klikną menu opcji, zobaczą listę dostępnych języków i będą mogli wybrać żądany język. Menu opcji może zawierać ikony krajów lub flagi jako wskaźniki języka, a także nazwy języków w tekście.
Menu wyboru różni się znacznie od przycisku języka, ten typ jest bardziej złożony niż zwykły przycisk. Podobnie jak poniższy przykład, który pochodzi ze strony internetowej Porsche.
Udostępniają stronę internetową służącą do wyboru języka, na której użytkownicy mogą bezpośrednio wpisać swój język lub kraj docelowy.
Po zapoznaniu się z różnymi typami selektorów języków, których można używać w witrynach internetowych, podczas tworzenia selektora języka ważne jest zastosowanie najlepszych praktyk, aby można było stworzyć selektor języka, który będzie skuteczny i będzie w stanie zapewnić użytkownikom dobre doświadczenia. Oto kilka najlepszych praktyk.
W tym momencie znasz już najlepsze praktyki dotyczące selektorów języków. Tłumaczenie to można wykonać po skorzystaniu z usługi tłumaczenia stron internetowych. Jednak nie wszystkie usługi tłumaczeniowe zapewniają elastyczność w ustawieniach wyboru języka.
Ale nie martw się, ponieważ Linguise taki nie jest. Linguise to usługa automatycznego tłumaczenia, która umożliwia dostosowanie przez użytkownika przełącznika języka. Niektóre z korzyści, jakie uzyskasz korzystając Linguise , obejmują.
W tym samouczku użyjemy WordPress jako przykładu użytego systemu CMS.
Aby uzyskać dostęp do przełącznika języka w Linguise , pierwszym krokiem, który musisz zrobić, jest zarejestrowanie konta w Linguise . Linguise oferuje również miesięczny bezpłatny okres próbny, który obejmuje szereg funkcji, z których możesz skorzystać.
Drugim krokiem jest dodanie domeny serwisu w Linguise , którą już posiadasz, do Linguise . Jest kilka rzeczy, które musisz wypełnić, zaczynając od.
Następnie musisz aktywować klucz API i ustawić adres URL języka. Aby uzyskać kompletny przewodnik dotyczący dodawania domeny internetowej, możesz przeczytać dokumentację, natomiast specjalnie dla WordPress możesz ją zobaczyć, instalując automatyczne tłumaczenie Linguise WordPress lub oglądając samouczek wideo poniżej.
Po pomyślnym dodaniu strony internetowej otwórz WordPress i zainstaluj Linguise , zrób to poprzez Wtyczki > Dodaj nowy > Linguise > Zainstaluj > Aktywuj.
Jeśli wtyczka jest już zainstalowana, przejdź do panelu Linguise i skopiuj klucz API.
Następnie otwórz wtyczkę Linguise i wklej kod API pobrany z panelu Linguise do poniższej kolumny.
Aby skonfigurować przełącznik języków lub wyświetlić flagi języków, wykonaj te czynności w Linguise w menu Ustawienia > Wyświetlanie flag języków.
Podczas wstępnej konfiguracji dokonamy regulacji głównego wyświetlacza, biorąc pod uwagę różne komponenty.
Pierwszą kwestią do rozważenia jest konfiguracja formatu wyświetlania listy języków, która oferuje trzy opcje do wyboru: obok siebie, rozwijane lub wyskakujące. Po lewej stronie znajduje się podgląd każdego formatu.
Pierwszy format, jak pokazano poniżej, to układ side-by-side.
Poniższy format przyjmuje styl rozwijany, jak pokazano na obrazku poniżej.
Na koniec mamy format wyskakującego okienka jako ostateczną opcję.
Następnie przechodzimy do kolejnego kroku, który polega na skonfigurowaniu położenia przełącznika języka. Masz swobodę wyboru spośród różnych opcji pozycji, dlatego ważne jest, aby wybrać pozycję, która będzie łatwo zauważalna dla odwiedzających.
Na koniec musisz zdecydować o preferowanej kombinacji wyświetlania opcji językowych. Możesz wybierać pomiędzy opcjami takimi jak flaga + nazwa języka, flaga + krótka nazwa lub po prostu wyświetlanie samej flagi. Decyzja ta będzie zależeć od Twoich konkretnych preferencji projektowych i preferencji docelowych odbiorców.
Następnie, poniżej głównej sekcji wyświetlacza, znajdziesz konfiguracje projektowe specjalnie dla flagi. Poniższy obraz przedstawia niektóre dostępne opcje ustawień.
Po skonfigurowaniu projektu flagi następnym krokiem jest dostosowanie kolorów, rozmiaru i różnych innych elementów. W poniższym interfejsie znajdziesz wiele konfigurowalnych ustawień, w tym:
W końcowej fazie masz możliwość dostosowania ustawień cienia flagi. Początkowe ustawienie pozwala określić cień dla każdej flagi wyświetlanej na Twojej stronie, natomiast kolejne ustawienie dotyczy efektu cienia po najechaniu kursorem na flagę języka.
Pamiętaj, aby kliknąć Zapisz , aby zachować ustawienia dostosowywania dokonane dla przełącznika języka. Dzięki temu wybrane konfiguracje efektów cienia zostaną zaimplementowane i zapisane do wykorzystania w przyszłości.
Po przeprowadzeniu wszystkich konfiguracji, poniżej znajduje się przykład wyświetlania selektora języka za pomocą wyskakującego okienka umieszczonego w prawym górnym rogu i wykorzystującego inicjały. To tylko przykład, resztę możesz dostosować według własnego uznania i potrzeb serwisu.
Oprócz WordPress CMS możesz także korzystać z innych platform internetowych i postępować zgodnie ze szczegółowym przewodnikiem, takim jak przełącznik konfiguracji dla OpenCart , przełącznik języka dla Drupal i przełącznik ustawień dla PrestaShop .
Tutaj uzyskałeś wgląd w najlepsze praktyki projektowania selektorów języków i tego, jak to zrobić za pomocą Linguise ! Uwierz mi, stworzenie przełącznika języka może zapewnić wiele korzyści i zapewnić optymalizację w oparciu o punkty wymienione powyżej.
Tworząc selektor języka, pamiętaj o zastosowaniu się do wskazówek i dobrych praktyk, które wyjaśniliśmy powyżej, zaczynając od użycia ikon, poprzez wybór odpowiednich języków, aż po pozycjonowanie.
Teraz zarejestruj konto Linguise , dodaj swoją witrynę internetową i dostosuj selektor języka, aby zapewnić użytkownikom lepszą wygodę. Nie zapomnij wypróbować 1-miesięcznego bezpłatnego okresu próbnego, aby cieszyć się doskonałymi funkcjami Linguise
Otrzymuj informacje o automatycznym tłumaczeniu stron internetowych, międzynarodowym SEO i nie tylko!
Nie wychodź bez udostępnienia swojego e-maila!
Nie możemy zagwarantować, że wygrasz na loterii, ale możemy obiecać kilka interesujących wiadomości informacyjnych dotyczących tłumaczeń i okazjonalnych rabatów.
