Tworzenie wielojęzycznych stron internetowych stało się koniecznością dla firm i organizacji obsługujących odbiorców o różnym pochodzeniu językowym. Laravel , szeroko stosowany framework aplikacji internetowych PHP, zapewnia solidne narzędzia i funkcje, które ułatwiają tworzenie i utrzymywanie wielojęzycznych witryn internetowych.
Jednym z kluczowych elementów wielojęzycznej witryny internetowej jest przełącznik języków, który pozwala użytkownikom płynnie przełączać się między dostępnymi językami. W tym artykule zbadamy znaczenie przełączników języków i przedstawimy przewodnik krok po kroku, jak je skonfigurować na Laravel .
Dlaczego przełącznik języka jest ważny na wielojęzycznych stronach Laravel ?
Przed omówieniem, jak skonfigurować przełącznik języków w wielojęzycznej witrynie Laravel , ważne jest, aby zrozumieć, dlaczego musisz to zrobić.
- Doświadczenie użytkownika: dobrze zaprojektowany przełącznik języków poprawia komfort użytkownika, umożliwiając odwiedzającym łatwy dostęp do treści w preferowanym przez nich języku. To płynne przejście na język ojczysty lub preferowany zapewnia lepsze zrozumienie i zaangażowanie w treść witryny. Kiedy użytkownicy mogą korzystać z informacji w języku, który im odpowiada, jest bardziej prawdopodobne, że pozostaną na stronie dłużej, przeglądają więcej stron i potencjalnie zamieniają się w klientów lub podejmują pożądane działania. Płynna zmiana języka eliminuje frustrację i bariery, prowadząc do zwiększonej satysfakcji i ogólnego pozytywnego doświadczenia użytkownika.
- Optymalizacja wyszukiwarek (SEO): Wyszukiwarki traktują priorytetowo witryny oferujące treści w wielu językach, ponieważ świadczą one o zaangażowaniu w obsługę odbiorców na całym świecie. Zmiana języka może poprawić widoczność Twojej witryny i jej pozycję w wynikach wyszukiwania. Dostarczając treści w wielu językach, zwiększasz szanse, że Twoja witryna pojawi się wyżej w wynikach wyszukiwania zapytań w tych językach, poszerzają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, jest bardziej prawdopodobne, że pozostaną 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 możliwości zmiany języka mogą łatwo przejść do żądanej wersji językowej, zachęcając ich do pozostania i interakcji z treścią, co ostatecznie zmniejsza współczynnik odrzuceń.
- Zwiększanie konwersji sprzedażowych: udostępniając treści w językach zrozumiałych dla odwiedzających, możesz zwiększyć prawdopodobieństwo konwersji, takich jak zakup produktu lub rejestracja usługi. Jeśli odwiedzający będą w stanie łatwo zrozumieć szczegóły produktu, 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 wrażenia z zakupów i może prowadzić do wyższych współczynników konwersji.
Jak skonfigurować przełącznik języka na wielojęzycznej stronie Laravel ?
Po zrozumieniu znaczenia przełącznika języka w wielojęzycznej witrynie 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 do dostosowania i przyjazne dla użytkownika przełączniki języków. Dlatego tak istotny jest wybór usługi tłumaczenia automatycznego , która jest kompatybilna z różnymi frameworkami i zapewnia elastyczne funkcje zmiany języka.
Jedną z usług tłumaczeń automatycznych spełniającą te kryteria jest Linguise . Automatyczne tłumaczenie Linguise oferuje wysoce konfigurowalną i przyjazną dla użytkownika funkcję przełączania języków, zintegrowaną z popularnymi frameworkami, takimi jak Laravel .
Linguise zapewnia bezproblemową integrację ze środowiskiem Laravel , umożliwiając programistom łatwe włączenie przełącznika języka do swoich wielojęzycznych aplikacji. Wykorzystując zaawansowane funkcje Linguise i przyjazny dla użytkownika interfejs, możesz usprawnić proces konfigurowania i utrzymywania przełącznika języka na swojej stronie Laravel .
Bez zbędnych ceregieli, oto kroki, aby zainstalować Linguise na wielojęzycznej stronie Laravel i skonfigurować przełącznik języków.
Krok 1: Zarejestruj darmowe konto Linguise
Pierwszym krokiem do rejestracji jest utworzenie bezpłatnego konta w Linguise i skorzystanie z miesięcznego bezpłatnego okresu próbnego. Aby zarejestrować Linguise , po prostu wpisz swój adres e-mail, aby utworzyć nazwę użytkownika i hasło.
Podczas miesięcznego okresu próbnego będziesz mieć dostęp do pełnej gamy ekscytujących funkcji Linguise . Po zakończeniu okresu próbnego zostaniesz przekierowany do panelu Linguise .
Krok 2: Dodaj domenę witryny Laravel
Po połączeniu się z Linguise musisz dodać nową stronę internetową i zapisać jej ustawienia, aby otrzymać klucz API. Najpierw musisz dodać kilka kolumn, aby dodać witrynę internetową, w tym poniższe.
- Konto
- Adresy URL
- Platformy/CMS-y
- Język
- Język tłumaczeniowy
- Przetłumacz adresy URL
Następnie otrzymasz klucz API, ten klucz API zostanie aktywowany, aby umożliwić tłumaczenie na Twojej stronie internetowej. Zasadniczo klucz API sprawdza, które języki są włączone w danej domenie i umożliwia tworzenie automatycznie tłumaczonych stron. Skopiuj klucz API i zapisz go w swoim schowku.
Następnie kliknij „Skrypt PHP”, aby uzyskać instrukcje instalacji, które szczegółowo omówimy tutaj.
Krok 3: Prześlij i podłącz skrypt tłumaczący Linguise
Skrypt tłumaczący Linguise należy załadować na serwer i umieścić 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, w którym zainstalowany jest Laravel .
Upewnij się, że skrypt znajduje się na poziomie głównym Twojej instalacji Laravel (zwykle tam, gdzie znajdują się Twoje pliki CMS). Upewnij się, że folder ma 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 swoim pliku masz „RewriteBase/”, po prostu skopiuj cały poniższy kod.
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]
Krok 5: Włącz przełącznik języka w Laravel
Następnym krokiem jest aktywacja przełącznika języka poprzez wklejenie skryptu otrzymanego z panelu Linguise . Wklejenie tego skryptu zmiany języka może się różnić w zależności od motywu użytego w Laravel .
W tym przypadku skrypt zostanie wklejony do front.blade.php znajdującego się w Resources/views/layouts/ . Poniżej podgląd wklejonego skryptu.
Krok 6: Skonfiguruj główny wyświetlacz
Aby rozpocząć konfigurację przełącznika języka, przejdź do „Ustawienia” > „Wyświetlanie flag języków” w Linguise .
Na tej stronie możesz skonfigurować kilka opcji. Pierwsza to główne ustawienia wyświetlania, w których można 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 w Twojej witrynie będzie znajdować się przełącznik języka. Dostępne są różne opcje pozycji. Pamiętaj, aby wybrać miejsce łatwo dostępne dla zwiedzających.
Można łączyć wyświetlanie flag i nazw języków, flag i skrótów języków lub samych nazw języków. Aby ułatwić rozpoznawanie użytkownika, zaleca się używanie flag i nazw języków.
Krok 7: Ustaw projekt flagi
Po skonfigurowaniu głównego wyświetlacza możesz dodatkowo dostosować wygląd wyświetlanych flag.
- Wyświetlaj 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 angielskiej: ta opcja jest przydatna w przypadku języków z wieloma odmianami, takich jak angielski amerykański lub 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: Ustaw 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ć.
- Promień obramowania flagi: dostosuj promień obramowania w pikselach dla prostokątnego stylu flagi.
- Kolor nazwy języka: wybierz domyślny kolor tekstu, w którym będzie wyświetlana nazwa języka.
- Kolor języka wyskakującego okienka: Ustaw kolor tekstu tytułu języka w wyskakującym okienku lub obszarze rozwijanym.
- Rozmiar flagi: dostosuj rozmiar ikon flag.
- Kolor najechania nazwą języka: ustaw kolor tekstu wyświetlanego, gdy użytkownik najedzie kursorem na nazwę języka.
- Kolor najechania na język wyskakującego okienka: ustaw kolor tekstu wyświetlanego, gdy użytkownik najedzie kursorem na tytuł języka w wyskakującym lub rozwijanym obszarze.
Krok 9: Ustaw cień flagi
Na koniec możesz skonfigurować ustawienia cienia pola 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żytkownik najedzie myszką na flagi języka.
Po dokonaniu wszystkich żądanych zmian kliknij Zapisz , aby zastosować zmiany w dostosowaniu. Następnie przejdź do 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 witrynie Laravel .
Następnie postaramy się przetłumaczyć stronę na inne języki, np. francuski.
Najlepsze praktyki optymalizacji zmiany języka na wielojęzycznej stronie Laravel
Po pomyślnym skonfigurowaniu przełącznika języka na wielojęzycznej witrynie Laravel musisz także poznać wskazówki dotyczące optymalizacji przełącznika języka zarówno dla Twojej witryny, jak i osób odwiedzających ją.
Używaj łatwo rozpoznawalnych ikon lub flag językowych
Powszechnie rozpoznawalne symbole lub flagi są niezbędne, aby odwiedzający mogli szybko zidentyfikować i wybrać preferowaną opcję językową. Aby uniknąć nieporozumień i dwuznaczności, upewnij się, że używane ikony lub flagi są dobrze widoczne, mają dobry kontrast kolorów i są szeroko rozumiane w różnych kulturach. Znajome symbole lub ikony pomagają stworzyć intuicyjne i przyjazne dla użytkownika doświadczenie, umożliwiając odwiedzającym bezproblemowe nawigowanie do żądanej wersji językowej. Aby uniknąć potencjalnych nieporozumień i zamieszania, konieczne jest wybranie ikon lub flag, które są powszechnie rozpoznawalne.
Strategiczne rozmieszczenie przycisku zmiany języka
Umieść przycisk zmiany języka w widocznym i łatwo dostępnym miejscu swojej witryny. Standardowe miejsca docelowe obejmują nagłówek, stopkę lub główne menu nawigacyjne. Lokalizacje te są intuicyjne dla większości internautów i odpowiadają ich oczekiwaniom w zakresie poszukiwania opcji językowych. Spójne rozmieszczenie na wszystkich stronach zapewnia odwiedzającym łatwy dostęp do przełącznika języka, niezależnie od punktu wejścia lub konkretnej strony, którą odwiedzają. To spójne rozmieszczenie pomaga stworzyć płynną i przewidywalną obsługę użytkownika.
Zachowaj spójność na wszystkich stronach
Upewnij się, że przełącznik języka zachowuje spójny wygląd i zachowanie w całej witrynie. Użytkownicy powinni mieć możliwość płynnej zmiany języka, niezależnie od tego, na której stronie się znajdują i jakie treści przeglą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, zwiększając zaufanie do wielojęzycznej witryny internetowej. Wszelkie niespójności w przełączniku języka mogą prowadzić do dezorientacji i frustracji użytkowników, potencjalnie powodując, że opuszczą Twoją witrynę.
Rozważ użycie nazw i flag języków
Zamiast po prostu używać 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ż w niektórych krajach mówi się niektórymi językami pod różnymi flagami. Używanie nazw języków bezpośrednio eliminuje dwuznaczność i gwarantuje, że odwiedzający będą mogli jasno zidentyfikować i wybrać żądany język bez błędnej interpretacji. Ponadto używanie nazw języków może mieć charakter bardziej włączający i szanować różnorodność kulturową.
Przyjazny dla użytkownika proces zmiany języka
Uprość proces przełączania się użytkowników na inny język, jeśli język domyślny nie odpowiada ich preferencjom. Można także używać takich elementów, jak menu rozwijane, listy flag/ikon lub przyciski przełączania umożliwiające wybór 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. Płynny i prosty proces zmiany języka może zwiększyć zadowolenie użytkowników i zachęcić odwiedzających do zapoznania się z wielojęzycznymi treściami.
Skonfiguruj przełącznik języków na wielojęzycznej stronie Laravel za pomocą Linguise !
W tym momencie powinieneś wiedzieć, że konfigurujesz przełącznik języków dla wielojęzycznej sieci Laravel . Opracowanie przełącznika języka może przynieść różne korzyści i w konsekwencji doprowadzić do optymalizacji w oparciu o wcześniej wspomniane punkty.
Skutecznie optymalizując przełącznik języków, może znacznie poprawić ogólne doświadczenie użytkownika. Teraz przejdź do rejestracji Linguise , zintegruj swoją Laravel i dostosuj przełącznik języków, aby poprawić wygodę użytkownika.