Tworzenie wielojęzycznych stron stało się niezbędne dla firm i organizacji obsługujących odbiorców z różnych środowisk językowych. Laravel, popularny framework aplikacji webowych PHP, zapewnia solidne narzędzia i funkcje, które ułatwiają tworzenie i utrzymanie wielojęzycznych stron.
Jednym z kluczowych elementów wielojęzycznej strony jest przełącznik języka, który pozwala użytkownikom płynnie przełączać się między dostępnymi językami. W tym artykule omówimy znaczenie przełączników języka i przedstawimy przewodnik krok po kroku, jak go skonfigurować na Laravel wielojęzycznej stronie.
Dlaczego przełącznik języka jest ważny na wielojęzycznych stronach Laravel ?
Zanim omówimy, jak skonfigurować przełącznik języka na Laravel wielojęzycznej stronie internetowej, ważne jest, aby zrozumieć, dlaczego musisz to zrobić.
- Doświadczenie użytkownika: Dobrze zaprojektowany przełącznik języka poprawia doświadczenie użytkownika, umożliwiając odwiedzającym łatwy dostęp do treści w preferowanym języku. Płynne przejście do języka ojczystego lub preferowanego zapewnia lepsze zrozumienie i zaangażowanie w treści witryny. Gdy użytkownicy mogą korzystać z informacji w języku, który jest dla nich wygodny, są bardziej skłonni pozostać na stronie dłużej, eksplorować więcej stron i potencjalnie przekształcić się w klientów lub podjąć pożądane działania. Płynne doświadczenie związane z przełączaniem języka eliminuje frustrację i bariery, prowadząc do zwiększenia satysfakcji i pozytywnego ogólnego doświadczenia użytkownika.
- Optymalizacja pod kątem wyszukiwarek (SEO): Wyszukiwarki priorytetowo traktują strony internetowe, które oferują treści w wielu językach, ponieważ świadczy to o zaangażowaniu w obsługę globalnej publiczności. Przełącznik języka może poprawić widoczność i pozycję Twojej strony w wynikach wyszukiwania. Udostępniając treści w wielu językach, zwiększasz szanse na to, że Twoja strona pojawi się wyżej w wynikach wyszukiwania dla zapytań w tych językach, rozszerzając swój zasięg online i przyciągając więcej ukierunkowanego ruchu.
- Zmniejszenie współczynnika odrzuceń: Przyjazny dla użytkownika przełącznik języka pomaga zmniejszyć współczynnik odrzuceń. Gdy odwiedzający mogą szybko znaleźć i wybrać preferowany język, są bardziej skłonni pozostać na stronie, eksplorować treści i potencjalnie dokonać konwersji. Użytkownicy, którzy napotykają treści w nieznanym języku, mogą szybko opuścić stronę internetową, co skutkuje wysokim współczynnikiem odrzuceń. Jednak dzięki przełącznikowi języka mogą łatwo nawigować do wersji językowej, której chcą, co zachęca ich do pozostania i zaangażowania się w treści, ostatecznie zmniejszając współczynnik odrzuceń.
- Zwiększanie konwersji sprzedaży: Zapewniając treści w językach zrozumiałych dla odwiedzających, możesz zwiększyć prawdopodobieństwo konwersji, takich jak zakupy produktów lub rejestracje usług. Jeśli odwiedzający mogą łatwo zrozumieć szczegóły produktów, zasady i procesy realizacji transakcji w swoim języku, bariery w podejmowaniu decyzji zakupowych zostaną zmniejszone. Oferowanie treści wielojęzycznych za pomocą przełącznika języka poprawia ogólne doświadczenie zakupowe i może prowadzić do wyższych stawek konwersji.
Jak skonfigurować przełącznik języka na wielojęzycznej stronie Laravel ?
Po zrozumieniu znaczenia przełącznika języka na wielojęzycznej stronie Laravel , omówmy, jak go zaimplementować. Usługi tłumaczenia stron internetowych zazwyczaj oferują tę funkcję, którą można dostosować do potrzeb użytkownika.
Jednak nie wszystkie usługi tłumaczeniowe oferują łatwe do dostosowania i przyjazne dla użytkownika przełączniki języka. Dlatego kluczowe jest wybranie automatycznej usługi tłumaczeniowej, która jest kompatybilna z różnymi frameworkami i zapewnia elastyczne funkcje przełączania języka.
Jedną z usług automatycznego tłumaczenia, która spełnia te kryteria, jest Linguise. Usługa automatycznego tłumaczenia Linguise oferuje wysoce konfigurowalną i przyjazną dla użytkownika funkcję przełączania języka, zintegrowaną z popularnymi frameworkami takimi jak Laravel.
Linguise zapewnia bezproblemową integrację z frameworkiem Laravel , umożliwiając deweloperom łatwe wbudowanie przełącznika języka w ich wielojęzyczne aplikacje. Wykorzystując zaawansowane funkcje i przyjazny interfejs Linguise, możesz usprawnić proces konfiguracji i utrzymania przełącznika języka na swojej stronie Laravel .
Bez dalszych ceregieli, oto kroki do zainstalowania Linguise na wielojęzycznej stronie Laravel i konfiguracji przełącznika języka.
Krok 1: Zarejestruj się na darmowe konto Linguise
Pierwszym krokiem do rejestracji jest utworzenie darmowego konta z Linguise i skorzystanie z jednomiesięcznego bezpłatnego okresu próbnego. Aby zarejestrować się na Linguise konto, po prostu wprowadź swój adres e-mail, aby utworzyć nazwę użytkownika i hasło.
Podczas jednomiesięcznego okresu próbnego będziesz mieć dostęp do pełnego zakresu ekscytujących funkcji Linguise. Po zakończeniu okresu próbnego zostaniesz przekierowany do pulpitu Linguise .
Krok 2: Dodaj domenę witryny Laravel
Po połączeniu z Linguise panelem sterowania, musisz dodać nową stronę internetową i zapisać jej ustawienia, aby otrzymać klucz API. Najpierw musisz dodać kilka kolumn, aby dodać stronę internetową, w tym następujące.
- Konto
- Adresy URL
- Platformy/SYSTEM ZARZĄDZANIA TREŚCIĄ
- Język
- Język tłumaczenia
- Przetłumacz adresy URL
Następnie otrzymasz klucz API, który jest aktywowany, aby umożliwić tłumaczenie na Twojej stronie internetowej. Zasadniczo klucz API sprawdza, które języki są włączone na danej domenie i umożliwia tworzenie automatycznie tłumaczonych stron. Skopiuj klucz API i zapisz go w schowku.
Następnie kliknij na “Skrypt PHP” kartę, aby uzyskać instrukcje instalacji, które szczegółowo omówimy tutaj.
Krok 3: Prześlij i podłącz skrypt tłumaczenia Linguise
Skrypt tłumaczeniowy Linguise musi być przesłany na Twój serwer i umieszczony w folderze, w którym zainstalowany jest Laravel . Możesz go pobrać tutaj.
Po pobraniu skryptu, rozpakuj go i prześlij do folderu głównego, gdzie zainstalowany jest Laravel .
Upewnij się, że skrypt znajduje się na poziomie głównym Twojej instalacji Laravel (zwykle tam, gdzie znajdują się pliki Twojego CMS). Upewnij się, że folder jest nazwany “linguise” (domyślna nazwa po rozpakowaniu).
Krok 4: Skonfiguruj adresy URL języka
Następnie musisz skonfigurować adresy URL języków. Adresy URL oparte na języku muszą być skonfigurowane w pliku .htaccess. Jeśli masz “RewriteBase/” w swoim pliku, po prostu skopiuj cały poniższy kod po tym.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
</IfModule>
Krok 5: Włącz przełącznik języka na Laravel
Następnym krokiem jest aktywacja przełącznika języka przez wklejenie skryptu, który otrzymałeś z pulpitu Linguise . Wklejenie tego skryptu przełącznika języka może się różnić w zależności od motywu używanego w Laravel.
W tym przypadku skrypt zostanie wklejony do front.blade.php pliku znajdującego się w resources/views/layouts/ katalogu. Poniżej znajduje się podgląd wklejonego skryptu.
Krok 6: Konfiguracja głównego wyświetlacza
Aby rozpocząć konfigurację przełącznika języka, przejdź do „Ustawienia” > „Wyświetlanie flag języka” sekcji w Linguise pulpicie.
Na tej stronie możesz skonfigurować kilka opcji. Pierwszą z nich są główne ustawienia wyświetlania, gdzie możesz dostosować różne aspekty, takie jak:
- Styl ikony flagi: Możesz wybrać jeden z trzech wariantów; wyświetlanie obok siebie, menu rozwijane lub wyskakujące okno.
- Pozycja:
Możesz połączyć wyświetlanie flag i nazw języków, flag i skrótów językowych lub tylko nazw języków. Używanie flag i nazw języków jest zalecane dla łatwiejszego rozpoznawania przez użytkowników.
Krok 7: Ustaw projekt flagi
Po skonfigurowaniu głównego wyświetlania możesz dalej dostosować wygląd flag, które będą wyświetlane.
- Wyświetl nazwę języka: Możesz wybrać wyświetlanie nazwy języka na podstawie nazwy kraju lub samej nazwy języka. Na przykład możesz wyświetlić „Francuski” lub „Français”.
- Rodzaj flagi angielskiej:
- Styl flagi: To ustawienie pozwala wybrać kształt ikony flagi, okrągły lub prostokątny.
Krok 8: Ustaw kolor i rozmiar
Po zakończeniu konfiguracji projektu flagi możesz dostosować kolor i rozmiar flag. Oto kilka ustawień, które możesz dostosować.
- Promień obramowania flagi: Dostosuj promień obramowania w pikselach dla prostokątnego stylu flagi.
- Kolor nazwy języka: Wybierz domyślny kolor tekstu do wyświetlenia nazwy języka.
- Kolor języka w wyskakującym oknie: Ustaw kolor tekstu tytułu języka w obszarze wyskakującym lub rozwijanym.
- Rozmiar flagi: Dostosuj rozmiar ikon flag.
- Kolor nazwy języka przy najechaniu: Ustaw kolor tekstu, który pojawia się, gdy użytkownik najedzie na nazwę języka.
- Kolor najechania na język wyskakujący: Ustaw kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na tytuł języka w obszarze wyskakującym lub rozwijanym.
Krok 9: Ustaw cień flagi
Wreszcie możesz skonfigurować ustawienia cienia pola flagi. Pierwsza opcja pozwala na zastosowanie efektu cienia do każdej ikony flagi wyświetlanej na Twojej stronie internetowej. Następna opcja kontroluje efekt cienia, gdy użytkownicy najadą kursorem na flagi języka.
Po dokonaniu wszystkich pożądanych korekt, kliknij przycisk Zapisz, aby zastosować zmiany personalizacji. Następnie przejdź do swojej Laravel strony, aby sprawdzić, czy konfiguracja została pomyślnie zastosowana. To mniej więcej tak będzie wyglądał przełącznik języka.
Po zakończeniu konfiguracji możesz teraz zobaczyć, jak przełącznik języka działa na Twojej wielojęzycznej stronie Laravel .
Następnie spróbujemy przetłumaczyć stronę internetową na inne języki, na przykład na język francuski.
Najlepsze praktyki dotyczące optymalizacji przełącznika języka na wielojęzycznej stronie Laravel
Po pomyślnym skonfigurowaniu przełącznika języka na wielojęzycznej stronie Laravel musisz również wiedzieć, jak optymalizować przełącznik języka zarówno dla swojej strony, jak i dla jej odwiedzających.
Użyj łatwo rozpoznawalnych ikon języka lub flag
Uniwersalnie rozpoznawalne symbole lub flagi są kluczowe dla odwiedzających, aby szybko zidentyfikować i wybrać preferowaną opcję językową. Upewnij się, że użyte ikony lub flagi są wizualnie widoczne, mają dobry kontrast kolorów i są szeroko rozumiane w różnych kulturach, aby uniknąć nieporozumień lub niejasności. Znajome symbole lub ikony pomagają stworzyć intuicyjne i przyjazne dla użytkownika doświadczenie, umożliwiając odwiedzającym łatwe przejście do wybranej wersji językowej. Niezbędne jest wybieranie ikon lub flag, które są powszechnie rozpoznawalne, aby uniknąć potencjalnych nieporozumień lub zamieszania.
Strategiczne umieszczenie przycisku przełączania języka
Umieść przycisk przełącznika języka w widocznym i łatwo dostępnym miejscu na swojej stronie internetowej. Standardowe umiejscowienia obejmują nagłówek, stopkę lub główne menu nawigacyjne. Te lokalizacje są intuicyjne dla większości użytkowników Internetu i odpowiadają ich oczekiwaniom podczas szukania opcji językowych. Spójne umiejscowienie na wszystkich stronach zapewnia, że odwiedzający mogą łatwo uzyskać dostęp do przełącznika języka, niezależnie od punktu wejścia lub konkretnej strony, którą odwiedzają. To spójne umiejscowienie pomaga stworzyć bezproblemowe i przewidywalne doświadczenie użytkownika.
Zachowaj spójność na wszystkich stronach
Upewnij się, że przełącznik języka zachowuje spójny wygląd i zachowanie na całej Twojej stronie internetowej. Użytkownicy powinni mieć możliwość przełączania języków bezproblemowo, niezależnie od strony, na której się znajdują, ani od treści, którą oglądają. Spójność nie tylko zapewnia spójne doświadczenie użytkownika, ale także zwiększa dostępność i dostępność opcji językowych, budując zaufanie i pewność w swojej wielojęzycznej witrynie. Jakiekolwiek niespójności w przełączniku języka mogą prowadzić do dezorientacji i frustracji użytkowników, potencjalnie powodując, że opuszczą Twoją stronę internetową.
Rozważ użycie nazw języków i flag
Zamiast używać tylko flag, dobrym pomysłem jest rozważenie użycia flag i nazw języków w ich oryginalnej formie. Takie podejście może pomóc uniknąć nieporozumień, ponieważ niektóre języki są używane w niektórych krajach z różnymi flagami. Bezpośrednie użycie nazw języków eliminuje niejasności i zapewnia, że odwiedzający mogą jasno zidentyfikować i wybrać żądany język bez błędnej interpretacji. Dodatkowo, używanie nazw języków może być bardziej inkluzywne i pełne szacunku dla różnorodności kulturowej.
Użyteczny dla użytkownika proces przełączania języka
Uprość proces przełączania się użytkowników na inny język, jeśli domyślny język nie odpowiada ich preferencjom. Możesz także użyć elementów takich jak menu rozwijane, listy flag/ikon lub przyciski przełączania do wyboru języka. Upewnij się jednak, że każdy przycisk można kliknąć płynnie i wyraźnie pokazuje dostępne opcje językowe. To przyjazne dla użytkownika podejście minimalizuje tarcia i zapewnia płynne przejście między językami, poprawiając ogólne wrażenia użytkownika. Bezproblemowy i prosty proces przełączania języka może zwiększyć satysfakcję użytkowników i zachęcić odwiedzających do eksploracji Twoich treści wielojęzycznych.
Skonfiguruj przełącznik języka na wielojęzycznej stronie internetowej Laravel za pomocą Linguise!
W tym momencie powinieneś wiedzieć, że konfigurujesz przełącznik języka dla wielojęzycznej sieci Laravel . Rozwijanie przełącznika języka może przynieść różne korzyści i prowadzić do optymalizacji opartej na wcześniej wymienionych punktach.
Optymalizując selektor języka, można znacznie poprawić ogólne wrażenia użytkownika. Teraz przejdź do rejestracji Linguise konta, zintegruj swoją stronę Laravel i dostrój selektor języka, aby poprawić wrażenia użytkownika.
