Tworzenie wielojęzycznych stron internetowych stało się koniecznością dla firm i organizacji obsługujących odbiorców o różnorodnym pochodzeniu językowym. Laravel, powszechnie używany framework aplikacji internetowych PHP, oferuje solidne narzędzia i funkcje, które ułatwiają tworzenie i utrzymanie wielojęzycznych stron internetowych.
Kluczowym elementem wielojęzycznej strony internetowej 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 internetowej.
Dlaczego przełącznik języków jest ważny na wielojęzycznych stronach Laravel ?
Zanim omówimy, jak skonfigurować przełącznik języka na wielojęzycznej stronie Laravel , ważne jest, aby zrozumieć, dlaczego warto to zrobić.
- Doświadczenie użytkownika: Dobrze zaprojektowany przełącznik języków poprawia doświadczenie użytkownika, umożliwiając odwiedzającym łatwy dostęp do treści w preferowanym języku. To płynne przejście do ich języka ojczystego lub preferowanego zapewnia lepsze zrozumienie i zaangażowanie w treści witryny. Gdy użytkownicy mogą przyswajać informacje w języku, w którym czują się komfortowo, częściej pozostają na stronie dłużej, przeglądają więcej podstron i potencjalnie stają się klientami lub podejmują pożądane działania. Płynne przełączanie języków eliminuje frustrację i bariery, co prowadzi do większej satysfakcji i pozytywnego ogólnego doświadczenia użytkownika.
- Optymalizacja pod kątem wyszukiwarek (SEO): Wyszukiwarki preferują strony internetowe oferujące 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 internetowej w wynikach wyszukiwania. Udostępniając treści w wielu językach, zwiększasz szanse na wyświetlanie Twojej strony wyżej w wynikach wyszukiwania dla zapytań w tych językach, rozszerzając swój zasięg online i przyciągając bardziej ukierunkowany ruch.
- Zmniejszenie współczynnika odrzuceń: Przyjazny dla użytkownika przełącznik języków pomaga zmniejszyć współczynnik odrzuceń. Gdy odwiedzający mogą szybko znaleźć i wybrać preferowany język, częściej pozostają na stronie, przeglądają treści i potencjalnie dokonują konwersji. Użytkownicy napotykający treści w nieznanym języku mogą szybko opuścić witrynę, co skutkuje wysokim współczynnikiem odrzuceń. Jednak dzięki przełącznikowi języków mogą łatwo przejść do wybranej wersji językowej, co zachęca ich do pozostania i zaangażowania się w treści, ostatecznie zmniejszając współczynnik odrzuceń.
- Zwiększenie konwersji sprzedaży: Udostępniając treści w językach zrozumiałych dla odwiedzających, możesz zwiększyć prawdopodobieństwo konwersji, takich jak zakup produktów lub rejestracja w usłudze. Jeśli odwiedzający mogą łatwo zrozumieć szczegóły produktu, zasady i proces finalizacji zakupu w swoim języku, bariery w podejmowaniu decyzji zakupowych zostaną zmniejszone. Oferowanie wielojęzycznych treści za pomocą przełącznika języków poprawia ogólne doświadczenie zakupowe i może prowadzić do wyższych współczynników konwersji.
Jak skonfigurować przełącznik języka na stronie wielojęzycznej Laravel ?
Po zrozumieniu, jak ważny jest przełącznik języka na wielojęzycznej stronie Laravel , omówmy, jak go wdrożyć. 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 w dostosowaniu 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łącznika języka.
Jedną z usług automatycznego tłumaczenia, która spełnia te kryteria, jest Linguise. Automatyczne tłumaczenie Linguise oferuje wysoce konfigurowalną i przyjazną dla użytkownika funkcję przełącznika języków, zintegrowaną z popularnymi frameworkami, takimi jak Laravel.
Linguise zapewnia bezproblemową integrację z frameworkiem Laravel , umożliwiając programistom łatwe włączenie przełącznika języków do ich wielojęzycznych aplikacji. Wykorzystując zaawansowane funkcje i przyjazny dla użytkownika interfejs Linguise, możesz usprawnić proces konfigurowania i utrzymywania przełącznika języków na swojej stronie Laravel .
Bez zbędnych wstępów, oto kroki, aby zainstalować Linguise na wielojęzycznej stronie Laravel i skonfigurować przełącznik języka.
Krok 1: Zarejestruj się w darmowym Linguise
Pierwszym krokiem do rejestracji jest utworzenie darmowego konta w Linguise i skorzystanie z jednomiesięcznego bezpłatnego okresu próbnego. Aby zarejestrować konto w Linguise , wystarczy podać swój adres e-mail, aby utworzyć nazwę użytkownika i hasło.
W trakcie jednomiesięcznego okresu próbnego uzyskasz dostęp do pełnego zakresu ekscytujących funkcji Linguise. Po zakończeniu okresu próbnego nastąpi przekierowanie do panelu Linguise .
Krok 2: Dodaj domenę Laravel website
Po połączeniu z pulpitem Linguise musisz dodać nową stronę internetową i zapisać jej ustawienia, aby uzyskać klucz API. Najpierw musisz dodać kilka kolumn, aby dodać stronę internetową, w tym następujące.
- Konto
- Adresy URL
- Platformy/CMS
- Język
- Język tłumaczenia
- Tłumacz adresy URL
Następnie otrzymasz klucz API. Ten klucz API jest aktywowany, aby umożliwić tłumaczenie na Twojej stronie internetowej. Zasadniczo klucz API sprawdza, które języki są włączone dla danej domeny, i pozwala na tworzenie automatycznie tłumaczonych stron. Skopiuj klucz API i zapisz go w schowku.
Następnie kliknij zakładkę „Script PHP” , aby uzyskać instrukcje instalacji, które szczegółowo omówimy tutaj.
Krok 3: Prześlij i podłącz skrypt tłumaczeniowy Linguise
Skrypt tłumaczeniowy Linguise musi zostać przesłany na Twój serwer i umieszczony w folderze, w którym zainstalowano Laravel . Możesz go pobrać tutaj.
Po pobraniu skryptu rozpakuj go i prześlij do folderu głównego, w którym zainstalowano Laravel .
Upewnij się, że skrypt znajduje się na poziomie głównym Twojej instalacji Laravel (zwykle tam, gdzie znajdują się pliki CMS). Upewnij się, że folder nosi nazwę „linguise” (domyślna nazwa po rozpakowaniu).
Krok 4: Skonfiguruj adresy URL języków
Następnie musisz skonfigurować adresy URL języków. Adresy URL oparte na języku należy skonfigurować w pliku .htaccess. Jeśli w pliku masz „RewriteBase/”, po prostu skopiuj cały poniższy kod po tym wierszu.
<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 w Laravel
Następnym krokiem jest aktywacja przełącznika języków poprzez wklejenie skryptu uzyskanego z panelu Linguise . Wklejenie tego skryptu przełącznika języków może się różnić w zależności od motywu użytego w Laravel.
W tym przypadku skrypt zostanie wklejony do pliku front.blade.php znajdującego się w katalogu resources/views/layouts/ . Poniżej znajduje się podgląd wklejonego skryptu.
Krok 6: Skonfiguruj główny widok
Aby rozpocząć konfigurację przełącznika języków, przejdź do sekcji „Ustawienia” > „Wyświetlanie flag językowych” w panelu Linguise .
Na tej stronie możesz skonfigurować kilka opcji. Pierwszą z nich są główne ustawienia wyświetlania, w których możesz dostosować różne aspekty, takie jak:
- Styl ikony flagi: Możesz wybrać jedną z trzech opcji: wyświetlanie obok siebie, menu rozwijane lub wyskakujące okienko.
- Pozycja: To ustawienie określa, gdzie na Twojej stronie będzie znajdować się przełącznik języka. Dostępnych jest wiele opcji pozycji. Upewnij się, że wybierzesz pozycję łatwo dostępną dla odwiedzających.
Możesz połączyć wyświetlanie flag i nazw języków, flag i skrótów języków lub tylko nazw języków. Zaleca się używanie flag i nazw języków, aby ułatwić rozpoznanie przez użytkownika.
Krok 7: Ustaw wygląd flagi
Po skonfigurowaniu głównego wyświetlania możesz dodatkowo 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”.
- Typ flagi dla języka angielskiego: Ta opcja jest przydatna w przypadku języków mających wiele wariantów, takich jak angielski amerykański czy brytyjski (dotyczy to również hiszpańskiego, tajwańskiego, niemieckiego i portugalskiego).
- Styl flagi: To ustawienie pozwala wybrać kształt ikony flagi — okrągły lub prostokątny.
Krok 8: Skonfiguruj kolor i rozmiar
Po zakończeniu konfiguracji projektu flagi możesz dostosować kolor i rozmiar flag. Oto niektóre ustawienia, które możesz dostosować.
- Zaokrąglenie obramowania flagi: Dostosuj promień obramowania w pikselach dla prostokątnego stylu flagi.
- Kolor nazwy języka: Wybierz domyślny kolor tekstu do wyświetlania nazwy języka.
- Kolor języka w oknie popup: Ustaw kolor tekstu tytułu języka w oknie popup lub obszarze rozwijanym.
- Rozmiar flagi: Dostosuj rozmiar ikon flag.
- Kolor nazwy języka po najechaniu kursorem: Ustaw kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na nazwę języka.
- Kolor tytułu języka w oknie popup po najechaniu: Ustaw kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na tytuł języka w oknie popup lub obszarze rozwijanym.
Krok 9: Ustaw cień ramki flagi
Na koniec możesz skonfigurować ustawienia cienia ramki flagi. Pierwsza opcja pozwala zastosować efekt cienia do każdej ikony flagi wyświetlanej na Twojej stronie internetowej. Następna opcja kontroluje efekt cienia, gdy użytkownicy najadą kursorem myszy na flagi języków.
Gdy wprowadzisz wszystkie żądane zmiany, kliknij przycisk Zapisz , aby zastosować zmiany w personalizacji. Następnie przejdź do swojej strony Laravel , aby sprawdzić, czy konfiguracja została pomyślnie zastosowana. W przybliżeniu tak będzie wyglądać przełącznik języka.
Po zakończeniu konfiguracji możesz teraz zobaczyć, jak działa przełącznik języków na Twojej wielojęzycznej stronie Laravel .
Następnie spróbujemy przetłumaczyć stronę na inne języki, na przykład francuski.
Najlepsze praktyki optymalizacji przełącznika języków na Laravel stronie wielojęzycznej
Po pomyślnym skonfigurowaniu przełącznika języka na wielojęzycznej stronie Laravel warto również poznać wskazówki dotyczące optymalizacji przełącznika języka zarówno dla Twojej witryny, jak i odwiedzających ją użytkowników.
Używaj łatwo rozpoznawalnych ikon języków lub flag
Powszechnie rozpoznawalne symbole lub flagi mają kluczowe znaczenie dla odwiedzających, aby szybko zidentyfikować i wybrać preferowaną opcję językową. Upewnij się, że używane ikony lub flagi są wizualnie widoczne, mają dobry kontrast kolorów i są szeroko rozumiane w różnych kulturach, aby uniknąć zamieszania lub niejednoznaczności. Znajome symbole lub ikony pomagają stworzyć intuicyjne i przyjazne dla użytkownika doświadczenie, umożliwiając odwiedzającym bez wysiłku przejście do wybranej wersji językowej. Ważne jest, aby wybierać ikony lub flagi, które są powszechnie rozpoznawalne, aby uniknąć potencjalnych nieporozumień lub zamieszania.
Strategiczne umiejscowienie przycisku przełącznika języków
Umieść przycisk przełącznika języka w widocznym i łatwo dostępnym miejscu na swojej stronie internetowej. Standardowe lokalizacje to nagłówek, stopka lub główne menu nawigacyjne. Te miejsca są intuicyjne dla większości użytkowników internetu i są zgodne z ich oczekiwaniami, gdy szukają opcji językowych. Spójne umieszczenie na wszystkich stronach zapewnia odwiedzającym łatwy dostęp do przełącznika języka, niezależnie od punktu wejścia lub konkretnej odwiedzanej strony. To spójne umieszczenie pomaga stworzyć płynne 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 działanie w całej Twojej witrynie. Użytkownicy powinni móc płynnie zmieniać język, niezależnie od strony, na której się znajdują, ani treści, które przeglądają. Spójność nie tylko zapewnia jednolite doświadczenie użytkownika, ale także wzmacnia dostępność i widoczność opcji językowych, budując zaufanie i pewność w Twojej wielojęzycznej witrynie. Wszelkie niespójności w przełączniku języka mogą prowadzić do dezorientacji i frustracji użytkowników, potencjalnie powodując ich odejście z Twojej witryny.
Rozważ użycie nazw języków i flag
Zamiast używać wyłącznie flag, warto rozważyć użycie flag oraz 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 krajach o różnych flagach. Bezpośrednie używanie nazw języków eliminuje niejednoznaczność i zapewnia, że odwiedzający mogą jasno zidentyfikować i wybrać żądany język bez błędnej interpretacji. Ponadto używanie nazw języków może być bardziej inkluzywne i pełne szacunku dla różnorodności kulturowej.
Przyjazny dla użytkownika proces przełączania języka
Uprość użytkownikom proces przełączania na inny język, jeśli domyślny język nie odpowiada ich preferencjom. Możesz również 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 płynnie kliknąć i że wyraźnie pokazuje dostępne opcje językowe. To przyjazne dla użytkownika podejście minimalizuje tarcia i zapewnia płynne przejście językowe, poprawiając ogólne doświadczenie użytkownika. Bezproblemowy i prosty proces przełączania języka może zwiększyć zadowolenie użytkowników i zachęcić odwiedzających do eksplorowania Twoich treści w wielu językach.
Skonfiguruj przełącznik języka na wielojęzycznej stronie Laravel za pomocą Linguise!
Na tym etapie powinieneś już wiedzieć, że konfigurujesz przełącznik języka dla wielojęzycznej witryny Laravel . Opracowanie przełącznika języka może przynieść różne korzyści, a w konsekwencji prowadzić do optymalizacji w oparciu o wcześniej wymienione punkty.
Skutecznie optymalizując przełącznik języka, można znacznie poprawić ogólne wrażenia użytkownika. Teraz przejdź do zarejestruj konto Linguise , zintegruj swoją stronę Laravel i dostosuj przełącznik języka, aby poprawić wrażenia użytkownika.
