Konfiguracja przełącznika języka na Craft CMS jest kluczową funkcją dla każdej witryny, która ma na celu dotarcie do globalnej publiczności. W dzisiejszej erze globalizacji możliwość płynnego przełączania się między wieloma językami jest naglącą potrzebą.
Skonfiguruj przełącznik języka na Craft CMS zwiększa dostępność dla odwiedzających z różnych krajów, może poprawić pozycję w wynikach wyszukiwania i budować zaufanie globalnej marki. Chociaż może to brzmieć skomplikowanie, ten przewodnik krok po kroku pomoże Ci zrobić to płynnie i skutecznie na Twojej Craft CMS witrynie.
Znaczenie konfiguracji przełącznika języka na Craft CMS
Zanim przejdziemy do tego, jak skonfigurować przełącznik języka na Craft CMS, omówmy najpierw znaczenie konfiguracji przełącznika języka. Oto niektóre z nich.
- Lepsze doświadczenie użytkownika: Przełącznik języka umożliwia odwiedzającym łatwy dostęp do treści w ich preferowanym języku, co zwiększa ich zrozumienie i zaangażowanie na stronie internetowej.
- Zmniejszanie współczynnika odrzuceń: Odwiedzający, którzy nie mogą znaleźć swojego żądanego języka, mogą natychmiast opuścić Twoją stronę internetową. Przełącznik języka, który oferuje wiele języków, może temu zapobiec.
- Zwiększanie konwersji: Zrozumienie szczegółów produktów, polityk i procesu zakupu w ich języku może zachęcić odwiedzających do zakupu lub podjęcia innych działań.
- Optymalizacja SEO dla wielu języków: Wyszukiwarki uwzględniają czynniki doświadczenia użytkownika podczas rankingowania stron internetowych. Przyjazny dla użytkownika przełącznik języka może poprawić SEO dla wielu języków, ułatwiając odwiedzającym dostęp do treści w ich języku. Prawidłowe tłumaczenie treści również wysyła pozytywne sygnały do wyszukiwarek, że Twoja strona jest istotna dla różnych zapytań w różnych językach.
Jak skonfigurować przełącznik języka na Craft CMS
Po zrozumieniu znaczenia używania przełącznika języka na wielojęzycznej stronie Craft CMS , omówmy jak to zrobić. Zazwyczaj usługi tłumaczenia stron internetowych oferują tę funkcję, którą można dostosować do Twoich potrzeb.
Jednak nie wszystkie usługi tłumaczeniowe zapewniają przełącznik języka, który jest łatwy do dostosowania i przyjazny dla użytkownika. Dlatego ważne jest wybranie automatycznej usługi tłumaczeniowej kompatybilnej z różnymi frameworkami i zapewniającej elastyczną funkcję przełącznika języka.
Jedną z usług, która spełnia te kryteria, jest Linguise. Linguise oferuje funkcję przełączania języka, która jest łatwa do dostosowania i przyjazna dla użytkownika oraz może być dobrze zintegrowana z Craft CMS.
Dzięki bezproblemowej integracji Linguise z frameworkiem Craft CMS możesz łatwo dodać przełącznik języka do swojej wielojęzycznej aplikacji. Zaawansowane funkcje i przyjazny interfejs Linguiseułatwią konfigurację i utrzymanie przełącznika języka na stronie Craft CMS .
Poniżej znajdują się kroki do instalacji Linguise na wielojęzycznej stronie Craft CMS oraz konfiguracji przełącznika języka.
#1: Zarejestruj się na bezpłatne konto Linguise
Zarejestruj się na bezpłatne konto Linguise i skorzystaj z darmowego miesięcznego okresu próbnego, aby rozpocząć. Wystarczy wpisać adres e-mail, aby wygenerować nazwę użytkownika i hasło.
Przez cały okres próbny będziesz mieć dostęp do wszystkich fascynujących funkcji, które oferuje Linguise . Po zakończeniu okresu próbnego zostaniesz przekierowany do pulpitu Linguise .
#2: Dodawanie domeny do strony Craft CMS
Po utworzeniu konta Linguise, zostaniesz przekierowany do pulpitu, gdzie będziesz mógł wprowadzić domenę swojej strony Craft CMS. Wybierz “Dodaj domenę” i wypełnij dostarczone pola:
- Konto
- Adres URL
- Użyta platforma (Craft CMS)
- Domyślny język
- Języki tłumaczenia
- Przetłumacz adresy URL
- Tłumaczenie treści dynamicznych
Możesz uzyskać klucz API, który musisz wkleić w następnym kroku.
#4: Wgraj skrypt Linguise
Następnie będziesz musiał przesłać skrypt tłumaczenia Linguise na swój serwer, na którym jest zainstalowany Craft CMS .
Pobierz skrypt tłumaczenia PHP-JS, rozpakuj go i wgraj do głównego katalogu instalacji Craft CMS .
Upewnij się, że skrypt jest umieszczony w głównym katalogu Twojej strony internetowej, gdzie znajdują się pliki Craft CMS , oraz że folder zachowuje swoją oryginalną nazwę „linguise.”
Następnie wstaw klucz API Linguise do pliku Configuration.php, który przesłałeś na swój serwer. Otwórz plik do edycji i wklej swój klucz API w cudzysłowie, zastępując tekst REPLACE_BY_YOUR_TOKEN.
#5: Włącz i dostosuj przełącznik języka
Link do skryptu JS Linguise musi być włączony do wszystkich stron Twojej Craft CMS , aby wyświetlić przełącznik języka z flagami i uwzględnić alternatywne adresy URL w nagłówkach HTML dla korzyści SEO.
Aby uzyskać link do skryptu, przejdź do ustawień domeny w panelu Linguise i skopiuj podany link skryptu stamtąd.
Łatwym sposobem na włączenie tego kodu do Craft CMS jest dodanie go do indeksu szablonu. Przejdź do folderu /template i edytuj plik indeksu, aby uwzględnić link skryptu w sekcji nagłówka.
Aby wyświetlić przełącznik języka reprezentowany przez wyskakujące okienko z flagą do wyboru żądanego języka, możesz go załadować, kopiując podany kod na końcu konfiguracji witryny i wklejając go do nagłówka strony HTML. Ta czynność umożliwi automatyczne załadowanie przełącznika języka flagi.
Przełącznik języka będzie początkowo wyświetlany w formacie domyślnym, ale możesz go spersonalizować. Dostosuj przełącznik języka za pomocą Linguise panelu administracyjnego, uzyskując dostęp do Ustawienia > Wyświetlanie flag językowych. Ta sekcja zawiera różne opcje dostosowania, w tym główne wyświetlanie, nazwy języków i elementy projektu.
#6 Skonfiguruj główne wyświetlanie
Aby rozpocząć konfigurację przełącznika języka, przejdź do „Ustawienia” > „Wyświetlanie flag językowych” sekcji w Linguise panelu administracyjnym.
W tej sekcji możesz dostosować kilka ustawień. Po pierwsze, są to ustawienia głównego wyświetlania, w których możesz modyfikować różne elementy, takie jak.
- Styl ikony flagi: Możesz wybrać pomiędzy wyświetlaniem obok siebie, menu rozwijanym lub popup.
- Pozycja: To ustawienie określa umiejscowienie przełącznika języka na Twojej stronie internetowej. Istnieje kilka opcji pozycjonowania, więc upewnij się, że wybierzesz jedną, która jest wygodna dla odwiedzających.
#7 Ustaw projekt flagi
Po dostosowaniu głównych ustawień wyświetlania możesz przejść do dostosowania wyglądu wyświetlanych flag.
- Wyświetlanie nazwy języka: Możesz wyświetlać nazwę języka na podstawie nazwy kraju lub samego języka. Na przykład możesz wyświetlić „Francuski” lub „Français.”
- Typ flagi angielskiej: Ta funkcja jest korzystna dla języków z wieloma wariantami, takimi jak angielski amerykański lub brytyjski. Jest również odpowiednia dla hiszpańskiego, tajwańskiego, niemieckiego i portugalskiego.
- Styl flagi: Ta opcja umożliwia wybranie kształtu ikony flagi, albo okrągłego, albo prostokątnego.
#8 Ustaw kolor i rozmiar
Po zakończeniu konfiguracji projektu flagi możesz dostosować kolor i rozmiar flag. Poniżej znajdują się ustawienia dostępne do dostosowania.
- Promień zaokrąglenia flagi: Dostosuj promień zaokrąglenia dla prostokątnego stylu flagi, mierzony w pikselach.
- Kolor nazwy języka: Wybierz domyślny kolor tekstu, aby wyświetlić nazwę.
- Kolor języka w wyskakującym oknie: Określ kolor tekstu tytułu języka w obszarze wyskakującym lub rozwijanym.
- Rozmiar flagi: Zmień rozmiar ikon flag.
- Kolor najechania na nazwę języka: Określ kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na nazwę języka.
- Kolor języka wyskakującego przy najechaniu: Określ kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na tytuł języka w obszarze wyskakującym lub rozwijanym.
#9 Skonfiguruj cień pola
Na koniec możesz dostosować ustawienia cienia pola flagi. Początkowa opcja pozwala dodać efekt cienia do każdej ikony flagi wyświetlanej na Twojej stronie internetowej. Kolejna opcja zarządza efektem cienia, gdy użytkownicy najadą kursorem na flagi językowe.
Po wprowadzeniu wszystkich niezbędnych zmian kliknij przycisk Zapisz, aby zaimplementować zmiany w dostosowaniu. Następnie przejdź do swojej strony Craft CMS , aby potwierdzić, że konfiguracja została pomyślnie zastosowana. To mniej więcej tak, jak będzie wyświetlany przełącznik języka.
Po zakończeniu procesu konfiguracji możesz zaobserwować funkcjonalność przełącznika języka na swojej wielojęzycznej stronie Craft CMS .
Następnie automatycznie przetłumaczymy Craft CMS stronę na inne języki, takie jak Deutsch.
5 wskazówek dotyczących optymalizacji przełącznika języka na Craft CMS
Gdy już ustanowisz przełącznik języka na swojej Craft CMS wielojęzycznej stronie, ważne jest zrozumienie najlepszych praktyk projektowania selektora języka i jego wydajności, aby korzystała z niego zarówno Twoja strona, jak i odwiedzający.
Użyj łatwo rozpoznawalnego logo flagi języka
Używanie powszechnie rozpoznawalnych ikon języka lub flag jest kluczowe, aby odwiedzający mogli szybko zidentyfikować i wybrać preferowaną opcję językową. Upewnij się, że używane ikony lub flagi są jasne, mają dobry kontrast kolorów i są szeroko rozumiane w różnych kulturach, aby uniknąć nieporozumień lub niejasności.
Znane 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. Bardzo ważne jest, aby wybrać ikony lub flagi, które są powszechnie znane, aby uniknąć nieporozumień lub zamieszania.
Używanie nazw języków i flagi
Oprócz używania samych flag, wskazane jest rozważenie włączenia zarówno flag, jak i oryginalnych nazw języków. Takie podejście może pomóc uniknąć nieporozumień, ponieważ niektóre języki są używane w wielu krajach z różnymi flagami.
Bezpośrednie użycie nazw języków eliminuje niejasności i zapewnia, że użytkownicy mogą wyraźnie rozpoznać i wybrać swój preferowany język bez nieporozumień. Ponadto, używanie nazw języków może być bardziej inkluzywne i szanować różnorodność kulturową.
Umieść przycisk zmiany języka strategicznie
Umieśćmy przycisk zmiany języka w widocznym i łatwo dostępnym miejscu na Twojej stronie. Standardowe lokalizacje 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 wyszukiwania opcji językowych.
Spójne umieszczenie 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 umieszczenie pomaga stworzyć gładkie i przewidywalne doświadczenie użytkownika.
Zaimplementuj responsywny projekt przełącznika języka
Upewnij się, że przycisk przełącznika języka jest responsywny i działa dobrze na różnych urządzeniach i rozmiarach ekranu, w tym na komputerach stacjonarnych, tabletach i smartfonach. Przetestuj go na różnych urządzeniach i rozdzielczościach ekranu, aby zapewnić nieprzerwane doświadczenie użytkownika bez odcinania lub nakładania się elementów.
Responsywny projekt zapewnia, że odwiedzający mogą łatwo uzyskać dostęp do opcji językowych z dowolnego urządzenia, które używają, zwiększając dostępność i wygodę w przełączaniu języka.
Upewnij się, że przełącznik języka jest spójny na wszystkich stronach
Upewnij się, że przełącznik języka zachowuje spójny wygląd i zachowanie na całej stronie internetowej. Użytkownicy powinni mieć możliwość płynnego przełączania języków, niezależnie od strony, na której się znajdują, ani 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 wielojęzycznej witrynie.
Każda niespójność w przełączniku języka może dezorientować i frustrować użytkowników, potencjalnie prowadząc do opuszczenia Twojej witryny.
Ustaw przełącznik języka na Craft CMS z Linguise!
W tym momencie należy rozpoznać, że konfigurujesz przełącznik języka dla wielojęzycznej strony internetowej Craft CMS . Ustanowienie przełącznika języka może zapewnić różne korzyści i może być precyzyjnie dostrojone na podstawie wcześniej wymienionych punktów.
Optymalizacja przełącznika języka może znacznie poprawić ogólne wrażenia użytkownika. Następnie, zarejestruj się na koncie Linguise, zintegruj go ze swoją stroną internetową Craft CMS i precyzyjnie dostrój przełącznik języka, aby jeszcze bardziej poprawić wrażenia użytkownika.
