Przełącznik języka to jeden z elementów witryny wielojęzycznej, na który należy zwrócić uwagę podczas jej tworzenia, a przykładem jest witryna wielojęzyczna oparta na systemie Drupal .
Przełącznik języka to przycisk służący do zmiany języka podczas odwiedzania strony internetowej. Przyjazny dla użytkownika przełącznik języka jest ważny, ponieważ może poprawić komfort użytkowania i zoptymalizować SEO.
Jak skonfigurować przełącznik języka w Drupal i jakie korzyści niesie to dla strony internetowej? Czytaj dalej, aby dowiedzieć się więcej.
Dlaczego utworzenie przełącznika języka jest ważne w przypadku wielojęzycznych witryn Drupal ?
Stworzenie przyjaznego dla użytkownika przełącznika językowego jest kluczowe dla sukcesu witryny wielojęzycznej. Poniżej przedstawiamy powody, dla których warto konfiguracyjny przełącznik językowy dla Drupal
- Lepsze wrażenia użytkownika: Przyjazny użytkownikowi przełącznik językowy umożliwia płynne przechodzenie między językami, upraszczając nawigację i zrozumienie treści. Przyczynia się to do poprawy ogólnego doświadczenia użytkownika, zmniejszając frustrację i zwiększając zaangażowanie.
- Intuicyjna nawigacja: Użytkownicy powinni z łatwością znaleźć i korzystać z przełącznika języków. Intuicyjnie zaprojektowany przełącznik, z przejrzystym rozmieszczeniem i łatwo rozpoznawalnymi ikonami lub etykietami, zachęca użytkowników do bezproblemowego przełączania się między językami.
- Zmniejszenie współczynnika odrzuceń: Przyjazny dla użytkownika przełącznik języka pomaga zmniejszyć współczynnik odrzuceń. Kiedy odwiedzający mogą szybko znaleźć i wybrać preferowany język, chętniej pozostają na stronie, przeglądają treści i potencjalnie dokonują konwersji.
- Jasna komunikacja: Skuteczna komunikacja z użytkownikami jest kluczowa dla osób zmieniających język. Jasne i zwięzłe etykiety lub symbole pomagają w przekazywaniu dostępnych opcji językowych, minimalizując zamieszanie i zapewniając użytkownikom możliwość dokonywania świadomych wyborów.
- Optymalizacja SEO: Wyszukiwarki biorą pod uwagę doświadczenie użytkownika przy pozycjonowaniu stron internetowych. Dobrze wdrożony, przyjazny dla użytkownika przełącznik języków może pozytywnie wpłynąć na wielojęzyczne SEO, zwiększając widoczność i dostępność witryny dla użytkowników wyszukujących w wielu językach.
Jak skonfigurować przełącznik języka w Drupal?
Funkcja zmiany języka jest zazwyczaj oferowana przez usługę tłumaczenia strony internetowej. Funkcję tę można dostosować do potrzeb projektu, który chce wykonać użytkownik.
Jednak czasami nie wszystkie usługi tłumaczeniowe oferują funkcję przełączania języka, którą można łatwo dostosować i używać. Dlatego ważne jest, aby szukać usługi automatycznego tłumaczenia, która obsługuje wiele systemów CMS i jest z nimi kompatybilna, a jednym z nich jest Linguise.
Usługa automatycznego tłumaczenia Linguise zapewnia elastyczną i łatwą do dostosowania funkcję przełączania języków i jest zintegrowana z Drupal .
Następnie, jak skonfigurować przełącznik języka dla witryny Drupal . Po prostu kontynuuj czytanie poniższego wyjaśnienia.
Krok 1: Zarejestruj konto Linguise
Początkowy proces rejestracji obejmuje utworzenie bezpłatnego konta w Linguise i skorzystanie z miesięcznego bezpłatnego okresu próbnego. Aby założyć konto Linguise , wystarczy podać swój adres e-mail, aby utworzyć nazwę użytkownika i hasło.
Podczas okresu próbnego, który trwa cały miesiąc, będziesz mieć dostęp do szeregu kompleksowych i atrakcyjnych funkcji oferowanych przez Linguise. Po zakończeniu okresu próbnego zostaniesz przekierowany do panelu Linguise .
Krok 2: Dodaj domenę witryny Drupal
W Linguise będziesz musiał dodać domenę swojej Drupal , która wymaga tłumaczenia. Należy wypełnić kilka pól, w tym:
- Konto
- Adresy URL
- Platformy/CMS-y
- Język
- Język tłumaczeniowy
- Przetłumacz adresy URL
Następnie włącz klucz API i skonfiguruj adres URL języka. Aby uzyskać szczegółowe wskazówki dotyczące dodawania domeny witryny, zapoznaj się z instrukcjami w przewodniku instalacji Linguise w Drupal lub obejrzyj poniższy film instruktażowy.
Krok 3: Aktywuj przełącznik języka
Po zakończeniu wszystkich konfiguracji, kolejnym krokiem jest wprowadzenie ustawień zmiany języka i wyświetlenie flagi, która ułatwi użytkownikowi przełączanie się między językami. Aby to zrobić, skopiuj kod z Linguise , przechodząc do Linguise > Ustawienia > Kopiuj do schowka.
Aby dodać treść do nagłówka strony, możesz skorzystać z Drupal o nazwie „Add to Head”. Wystarczy przejść do sekcji Konfiguracja > Programowanie > Dodaj profil.
Na koniec pamiętaj o sprawdzeniu lub weryfikacji lokalizacji skryptu.
Przełącznik języka będzie początkowo wyświetlany w pozycji pływającej w prawym górnym rogu Twojej witryny. Możesz go dostosować do swoich preferencji.
Krok 4: Konfiguracja głównego wyświetlacza
Dodatkowo, masz możliwość personalizacji przełącznika języka, uzyskując dostęp do Linguise i przechodząc do Ustawienia . W tym obszarze przejdź do wyświetlania flag językowych . Wszelkie zmiany wprowadzone w tym segmencie zostaną automatycznie uwzględnione w przełączniku języka na Twojej stronie internetowej.
W konfiguracji początkowej dostosujemy wyświetlacz główny, skupiając się na różnych komponentach.
Pierwszym krokiem jest konfiguracja formularza wyświetlania listy języków, oferującego trzy opcje do wyboru: obok siebie, z rozwijaną listą lub w wyskakującym okienku. Po lewej stronie znajduje się podgląd każdego formularza.
Pierwsza forma, zaprezentowana poniżej, to układ obok siebie.
Kolejny formularz przyjmuje formę listy rozwijanej, jak pokazano poniżej.
Na końcu znajduje się formularz pop-up.
Następnym krokiem jest skonfigurowanie pozycji, w której można określić położenie przełącznika języka. Dostępnych jest wiele opcji pozycji, dlatego należy wybrać pozycję, która jest łatwo zauważalna dla odwiedzających.
Na koniec zdecyduj, jaką kombinację chcesz wybrać: flaga + nazwa języka, flaga + nazwa skrócona, czy sama flaga.
Krok 5: Ustaw projekt flag
Następnie, pod sekcją głównego wyświetlania, znajdziesz konfiguracje projektu flagi. Poniższy obrazek ilustruje niektóre z dostępnych opcji ustawień.
- Wyświetlanie nazwy języka: Możesz wybrać wyświetlanie nazwy na podstawie kraju lub języka, np. „niemiecki” lub „Deutsch”.
- Typ flagi angielskiej: Ta opcja jest dostępna w przypadku języków o wielu wariantach, takich jak „angielski USA” lub „angielski Brytania” (podobnie jak hiszpański, tajwański, niemiecki i portugalski).
- Styl flagi: To ustawienie umożliwia określenie kształtu ikony flagi, czy ma być okrągła czy kwadratowa (prostokątna).
Krok 6: Ustaw kolor i rozmiar flagi
Po skonfigurowaniu projektu flagi, kolejnym krokiem jest dostosowanie kolorów, rozmiaru i różnych innych elementów. W poniższym interfejsie dostępnych jest wiele konfigurowalnych ustawień, w tym:
- Promień obramowania flagi: personalizacja promienia obramowania w pikselach przy użyciu prostokąta.
- Kolor nazwy języka: Wybieranie domyślnego koloru tekstu dla nazwy języka.
- Kolor języka w wyskakującym okienku: Kolor tytułu języka w wyskakującym okienku lub rozwijanym menu.
- Rozmiar flagi: zmiana rozmiaru flagi.
- Kolor tekstu po najechaniu kursorem myszy na nazwę języka: Kolor tekstu wyświetlany po najechaniu kursorem myszy na nazwę języka.
- Kolor tekstu po najechaniu kursorem myszy na tytuł języka w wyskakującym okienku lub menu rozwijanym: Kolor tekstu wyświetlany po najechaniu kursorem myszy na tytuł języka w wyskakującym okienku lub menu rozwijanym.
Krok 7: Ustaw flagę box-shadow
W ostatniej fazie masz możliwość skonfigurowania ustawień cienia dla flagi. Ustawienie początkowe pozwala określić cień dla każdej flagi wyświetlanej na Twojej stronie internetowej, natomiast kolejne ustawienie dotyczy efektu cienia po najechaniu kursorem na flagę językową.
Pamiętaj o kliknięciu przycisku Zapisz , aby zapisać ustawienia dostosowywania przełącznika języka.
Po skonfigurowaniu przełącznika języka dla Drupalmożesz spodziewać się następujących rezultatów.
Jak stworzyć przyjazny użytkownikowi przełącznik języka dla swojej witryny Drupal ?
Po procesie konfiguracji przełącznika językowego dla Drupal, teraz istotne jest zrozumienie, jak stworzyć przyjazny dla użytkownika przełącznik językowy, aby zwiększyć różne korzyści dla Twojej witryny.
- Rozpoznawalne ikony lub flagi: Użyj ikon lub flag znanych języków, aby reprezentować różne języki. Upewnij się, że wybrana ikona lub flaga jest dobrze widoczna i powszechnie rozpoznawalna, co zapewnia jej przejrzystość.
- Strategiczne umiejscowienie: Umieść narzędzie do zmiany języka w widocznym miejscu na swojej stronie internetowej, najlepiej spójnie na wszystkich stronach, takich jak nagłówki, stopki czy menu nawigacyjne. Zadbaj o widoczność i łatwy dostęp do narzędzia do tłumaczenia.
- Etykieta językowa na flagach: Wyraźnie oznacz każdą opcję językową w odpowiednim języku. Na przykład, użyj „English” dla angielskiego, „Español” dla hiszpańskiego, „Deutsch” dla niemieckiego itd. Ułatwia to użytkownikom łatwą identyfikację i wybór preferowanego języka.
- Innowacyjny projekt: Zastosuj innowacyjny projekt narzędzia do tłumaczenia, wykorzystując znane symbole lub tekst do wskazania wyboru języka. Na przykład, użyj „EN” dla języka angielskiego i „DE” dla języka niemieckiego. Zadbaj o to, aby narzędzie do zmiany języka wyróżniało się, stosując wyraziste kolory lub podświetlenie.
- Przyjazne przełączanie: Uprość proces przełączania się na inny język, jeśli domyślny nie odpowiada ich preferencjom. Unikaj stosowania menu rozwijanych, list flag/ikon ani przycisków przełączania do wyboru języka.
- Responsywny design: Upewnij się, że narzędzie do zmiany języka jest responsywne i działa płynnie na różnych urządzeniach i rozmiarach ekranów. Przetestuj jego funkcjonalność na komputerach stacjonarnych, smartfonach i tabletach, aby zagwarantować płynne działanie dla wszystkich użytkowników.
Skonfiguruj przełącznik języka dla wielojęzycznej witryny Drupal za pomocą Linguise!
Do tego momentu zapoznałeś się z konfiguracją przełącznika języka dla Drupal. Stworzenie przełącznika języka może przynieść wiele korzyści, a co za tym idzie, zapewnić optymalizację w oparciu o powyższe punkty.
Odpowiednia optymalizacja przełącznika języków może potencjalnie poprawić ogólne wrażenia użytkownika.
No to teraz? Zarejestruj konto Linguise Linguise zarejestruj swoją Drupal i dostosuj przełącznik języków, aby zapewnić użytkownikom lepsze wrażenia.
