Konfiguracja przełącznika języków w Kirby CMS to ważna funkcja, która ułatwia odwiedzającym z zagranicy interakcję z Twoją witryną. Możliwość łatwego przełączania się między różnymi językami stała się niezbędnym wymogiem dla wielu platform internetowych.
Konfigurując przełącznik języków w Kirby CMS, możesz znacznie zwiększyć dostępność swojej witryny dla międzynarodowych odwiedzających, potencjalnie poprawić wyniki w wyszukiwarkach i zwiększyć globalne zaufanie do swojej marki. Choć proces ten może początkowo wydawać się zniechęcający, ten przewodnik przeprowadzi Cię przez kroki, aby skutecznie wdrożyć tę funkcję na Twojej stronie internetowej opartej na Kirby CMS, zapewniając płynne i przyjazne dla użytkownika doświadczenie wielojęzyczne.
Znaczenie konfiguracji przełącznika języka w systemie Kirby CMS
Wdrożenie przełącznika języków w Kirby CMS to coś więcej niż tylko funkcja – to strategiczna decyzja, która może znacząco wpłynąć na wydajność i zasięg Twojej strony internetowej. Poznaj kluczowe powody, dla których warto skonfigurować przełącznik języków na swojej stronie w Kirby CMS.
- Poprawa doświadczeń użytkownika: Przełącznik języków umożliwia odwiedzającym dostęp do treści w preferowanym języku, znacznie poprawiając ich zrozumienie i zaangażowanie w witrynę.
- Zmniejszenie współczynnika odrzuceń: Odwiedzający, którzy nie mogą znaleźć treści w swoim języku, prawdopodobnie szybko opuszczą stronę. Oferowanie wielu opcji językowych zachęca użytkowników do dalszego poznawania witryny.
- Zwiększenie współczynnika konwersji: Gdy użytkownicy mogą zrozumieć szczegóły produktu, zasady i proces zakupu w swoim ojczystym języku, są bardziej skłonni do dokonania zakupu lub podjęcia pożądanych działań.
- Wzmocnienie wielojęzycznego SEO: Wyszukiwarki uwzględniają doświadczenie użytkownika przy rankingu stron internetowych. Intuicyjny przełącznik języków może poprawić Twoje wielojęzyczne SEO , ułatwiając dostęp do treści w różnych językach.
Jak skonfigurować przełącznik języków w Kirby CMS
Skoro omówiliśmy już znaczenie wdrożenia przełącznika języków na wielojęzycznej stronie opartej na Kirby CMS, przyjrzyjmy się praktycznym aspektom jego konfiguracji. Choć wiele usług tłumaczenia stron internetowych oferuje tę funkcję, znalezienie takiej, która zapewnia wysoce konfigurowalny i przyjazny dla użytkownika przełącznik języków, może być trudne.
Kluczowe jest wybranie usługi automatycznego tłumaczenia, która nie tylko dobrze współpracuje z różnymi frameworkami, ale także oferuje elastyczną funkcję przełącznika języków. Jedną z usług, która wyróżnia się pod tym względem, jest Linguise strona automatycznego tłumaczenia. Jej przełącznik języków słynie z łatwości dostosowania i przyjaznego dla użytkownika interfejsu, co czyni go doskonałym wyborem do integracji z Kirby CMS.
Dzięki płynnej integracji Linguise z Twoim Kirby CMS możesz bez wysiłku dodać przełącznik języków do swojej wielojęzycznej aplikacji. Zaawansowane funkcje i intuicyjny interfejs Linguiseupraszczają konfigurację i utrzymanie przełącznika języków na Twojej stronie Kirby CMS.
Przejdźmy przez kroki, aby zainstalować Linguise na wielojęzycznej stronie Kirby CMS i skonfigurować przełącznik języków.
Krok 1: Zarejestruj konto Linguise
Zacznij od przygotowania swojej strony Kirby CMS do tłumaczenia, co wymaga dostępu do panelu administracyjnego Kirby CMS. Następnie utwórz darmowe konto Linguise i dodaj domenę swojej strony. Możesz skorzystać z 30-dniowego bezpłatnego okresu próbnego przed wyborem planu subskrypcji.
Krok 2: Dodaj domenę swojej strony Kirby CMS
Gdy Twoje konto Linguise jest już skonfigurowane, przejdź do panelu i dodaj domenę swojej strony Kirby CMS. Kliknij „Dodaj domenę” i podaj następujące szczegóły:
- Konto
- URL
- Platforma (Kirby CMS)
- Język domyślny
- Języki tłumaczenia
- Tłumacz adresy URL
- Tłumaczenie dynamicznych treści
Krok 3: Prześlij i połącz skrypt Linguise
Pobierz skrypt tłumaczeniowy Linguise i prześlij go do folderu głównego instalacji Kirby CMS.
Rozpakuj skrypt i upewnij się, że folder o nazwie „linguise” pozostaje w katalogu głównym Twojej strony internetowej.
Następnie skopiuj klucz API Linguise do pliku `Configuration.php` na swoim serwerze. Otwórz plik, zastąp `REPLACE_BY_YOUR_TOKEN` swoim kluczem API i zapisz zmiany.
Krok 4: Skonfiguruj przepisywanie adresów URL dla systemu Kirby CMS
Kirby CMS ma domyślnie włączone przepisywanie adresów URL. Jeśli nie jest aktywne, możesz je włączyć u swojego dostawcy hostingu.
Aby skonfigurować adresy URL według języka, dodaj poniższy kod do pliku `.htaccess` bezpośrednio po wierszu `RewriteEngine on` w domyślnym pliku `.htaccess` systemu Kirby CMS.
<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: Aktywuj i dostosuj przełącznik języków
Aby wyświetlić przełącznik języka z flagami i alternatywnymi adresami URL dla celów SEO, link JavaScript Linguise musi być załadowany na wszystkich stronach Kirby CMS.
Pobierz link do skryptu z ustawień domeny w panelu Linguise i skopiuj go.
Najłatwiejszym sposobem na załadowanie tego skryptu w Kirby CMS jest dodanie go do pliku header.php lub sekcji <head> Twojej strony internetowej. Oto jak to zrobić:
- Uzyskaj dostęp do folderu głównego swojej witryny.
- Przejdź do site > snippets > header.php.
- Edytuj plik header.php, aby dodać odnośnik do skryptu w sekcji nagłówka.
Przełącznik języka będzie początkowo wyświetlany w swoim domyślnym formacie. Możesz jednak dostosować przełącznik języka za pomocą panelu Linguise , przechodząc do Ustawienia > Wyświetlanie flag językowych. Ta sekcja oferuje różne opcje dostosowywania, w tym główne ustawienia wyświetlania, nazwy języków i elementy projektu.
Krok 6: Skonfiguruj wyświetlacz główny
Aby rozpocząć konfigurację przełącznika języków, przejdź do Ustawienia > Wyświetlanie flag języków w panelu Linguise .
W tej sekcji możesz dostosować różne ustawienia. Główne ustawienia wyświetlania pozwalają dostosować elementy takie jak:.
- Styl ikony flagi: Wybierz między wyświetlaniem obok siebie, menu rozwijanym lub wyskakującym okienkiem.
- Pozycja: Określ położenie przełącznika języka na swojej stronie internetowej. Wybierz miejsce łatwo dostępne dla odwiedzających.
Krok 7: Ustaw wygląd flagi
Po skonfigurowaniu głównych ustawień wyświetlania dostosuj wygląd wyświetlanych flag.
- Wyświetlanie nazwy języka: Wybierz wyświetlanie nazwy języka na podstawie kraju lub samego języka, na przykład „French” lub „Français”.
- Typ flagi dla języka angielskiego: Jest to przydatne w przypadku języków mających wiele wariantów, takich jak angielski amerykański czy brytyjski, i dotyczy również hiszpańskiego, tajwańskiego, niemieckiego i portugalskiego.
- Styl flagi: Wybierz kształt ikony flagi — okrągły lub prostokątny.
Krok 8: Ustaw kolor i rozmiar
Po skonfigurowaniu wyglądu flagi dostosuj kolor i rozmiar flag. Oto kilka ustawień, które możesz zmodyfikować.
- Promień obramowania flagi: Dostosuj promień obramowania dla prostokątnych flag, mierzony w pikselach.
- Kolor nazwy języka: Wybierz domyślny kolor tekstu do wyświetlania nazwy języka.
- Kolor języka w wyskakującym okienku: Ustaw kolor tekstu tytułu języka w obszarze wyskakującego okienka lub listy rozwijanej.
- Rozmiar flagi: Dostosuj rozmiar ikon flag.
- Kolor nazwy języka po najechaniu: Określ kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na nazwę języka.
- Kolor tekstu po najechaniu na język w oknie popup: Zdefiniuj kolor tekstu wyświetlany, gdy użytkownik najedzie kursorem na nazwę języka w oknie popup lub obszarze listy rozwijanej.
Krok 9: Skonfiguruj box-shadow
Na koniec dostosuj ustawienia cienia ramki flagi. Pierwsza opcja pozwala dodać efekt cienia do każdej ikony flagi wyświetlanej na Twojej stronie. Druga opcja kontroluje efekt cienia, gdy użytkownicy najadą kursorem na flagi językowe.
Po wprowadzeniu niezbędnych zmian kliknij przycisk Zapisz, aby zastosować zmiany. Następnie sprawdź swoją stronę Kirby CMS, aby upewnić się, że konfiguracja została pomyślnie wdrożona. Pokaże to, jak będzie wyglądał przełącznik języka.
Gdy proces konfiguracji zostanie zakończony, możesz zobaczyć przełącznik języków w akcji na swojej stronie Kirby CMS wielojęzycznej.
Następnie automatycznie przetłumaczymy Kirby CMS na inne języki, takie jak francuski.
4 wskazówki dotyczące optymalizacji przełącznika języka w systemie Kirby CMS
Oto cztery kluczowe wskazówki, które pomogą Ci udoskonalić przełącznik języka i zwiększyć jego skuteczność wśród globalnych odbiorców.
#1 Użyj wyraźnie rozpoznawalnej ikony flagi języka
Umieszczenie łatwo rozpoznawalnych symboli językowych lub flag w przełączniku języka jest kluczowe dla szybkiej identyfikacji języka. Takie podejście pozwala odwiedzającym szybko zlokalizować i wybrać preferowany język, tworząc intuicyjne doświadczenie użytkownika. Kluczem jest wybór powszechnie zrozumiałych wskaźników, aby uniknąć błędnej interpretacji.
Wdrażając ikony flag, upewnij się, że są one wysokiej jakości i łatwe do rozróżnienia, nawet w mniejszych rozmiarach. Rozważ użycie połączenia flag i kodów językowych, aby zapewnić użytkownikom zarówno wizualne, jak i tekstowe wskazówki.
Przykład:
Wyobraź sobie blog podróżniczy oparty na Kirby, obejmujący kierunki z całego świata. Przełącznik języka na stronie mógłby używać ikony globusa wraz z małymi ikonami flag i dwuliterowymi kodami języków.
🌎 🇺🇸 PL | 🇪🇸 ES | 🇫🇷FR | 🇩🇪 DE | 🇯🇵JP
Takie rozwiązanie pozwala użytkownikom szybko zidentyfikować swój język, niezależnie od tego, czy rozpoznają flagę, czy kod języka, co poprawia ogólne wrażenia użytkownika.
#2 Wyświetlaj nazwy języków obok flag
Flagi zapewniają szybkie odniesienie wizualne, ale połączenie ich z natywnymi nazwami języków daje dodatkową przejrzystość. Ta strategia pomaga uniknąć nieporozumień, zwłaszcza w przypadku języków używanych w wielu krajach z różnymi flagami.
Podając rzeczywiste nazwy języków, eliminujesz niejasności i zapewniasz odwiedzającym możliwość dokładnego zidentyfikowania preferowanego języka. Takie podejście pokazuje również szacunek dla różnorodności kulturowej i promuje inkluzywność.
Przykład:
Wyobraź sobie platformę edukacyjną opartą na Kirby, oferującą kursy w wielu językach. Ich przełącznik języka może wyglądać tak.
🇺🇸 Angielski | 🇪🇸 Hiszpański | 🇫🇷 Francuski | 🇩🇪 Niemiecki | 🇯🇵 日本語
Taki projekt pozwala użytkownikom zobaczyć zarówno flagę, jak i nazwę języka w jego rodzimym zapisie, dzięki czemu jest ona natychmiast rozpoznawalna dla osób mówiących tym językiem. Jest to szczególnie przydatne w przypadku języków takich jak hiszpański czy angielski, którymi mówi się w wielu krajach o różnych flagach.
#3 Umieść przycisk przełącznika języka w przemyślany sposób
Umiejscowienie przełącznika języków ma kluczowe znaczenie dla jego skuteczności. Powinien być widoczny i łatwo dostępny na Twojej stronie. Popularne i skuteczne lokalizacje to nagłówek, stopka lub główne menu nawigacyjne.
Zadbaj o to, aby przełącznik języka był widoczny i łatwo dostępny z każdej strony witryny. Taka spójność w rozmieszczeniu ułatwi użytkownikom szybkie znalezienie dostępnych języków, niezależnie od ich aktualnej lokalizacji w witrynie.
Przykład:
Na przykład portfolio oparte na Kirby dla międzynarodowej firmy architektonicznej. Mogliby zaimplementować swój przełącznik języków w następujący sposób.
- Umiejscowienie nagłówka: Przełącznik języka znajduje się w prawym górnym rogu nagłówka, obok ikony wyszukiwania.
- Przyklejona nawigacja: Gdy użytkownicy przewijają stronę, nagłówek pozostaje przyklejony u góry, zapewniając, że przełącznik języków jest zawsze dostępny.
- Optymalizacja mobilna: W urządzeniach mobilnych przełącznik języków jest umieszczony w menu hamburgerowym, aby zapewnić łatwy dostęp bez zaśmiecania małego ekranu.
Dzięki temu strategicznemu rozmieszczeniu użytkownicy mogą łatwo zmieniać języki w dowolnym momencie, niezależnie od tego, czy oglądają galerie projektów, czytają o historii firmy, czy sprawdzają dane kontaktowe.
#4 Zachowaj spójność przełącznika języka na wszystkich stronach
Kluczowe jest, aby wygląd i działanie przełącznika języków były spójne w całej witrynie. Użytkownicy powinni móc bez wysiłku zmieniać język, niezależnie od aktualnie odwiedzanej strony czy przeglądanej treści.
Taka spójność zapewnia użytkownikom bezproblemową obsługę i zwiększa dostępność opcji językowych, budując zaufanie do Twojej wielojęzycznej witryny internetowej.
Przykład:
Rozważmy sklep internetowy oparty na Kirby, sprzedający produkty na całym świecie. Oto, jak można wdrożyć spójną strategię przełącznika języków.
- Spójny design: Przełącznik języka pojawia się jako menu rozwijane z etykietą „Language” w prawym górnym rogu każdej strony, w tym na stronach z listą produktów, na stronach pojedynczych produktów oraz na stronach realizacji zamówienia.
- Zachowanie treści: Gdy użytkownicy przełączają języki, pozostają na tej samej stronie, ale treść jest wyświetlana w nowo wybranym języku. Na przykład, jeśli użytkownik przegląda opis ręcznie wykonanego wazonu w języku angielskim i przełączy się na francuski, zobaczy te same szczegóły produktu po francusku.
- Struktura URL: Struktura URL zmienia się spójnie podczas przełączania języków.
Polski: www.yourmarket.com/products/blue-ceramic-vase
Francuski: www.yourmarket.com/fr/produits/vase-ceramique-bleu
Ta spójna obsługa na wszystkich stronach zapewnia użytkownikom pewną nawigację i zakupy w preferowanym języku, co potencjalnie zwiększa prawdopodobieństwo sfinalizowania zakupu i powrotu do witryny w przyszłości.
Skonfiguruj przełącznik języków na swojej stronie Kirby z Linguise!
Skonfigurowanie przełącznika języków w Kirby CMS to kluczowy krok w kierunku stworzenia naprawdę globalnej i przyjaznej dla użytkownika strony internetowej. Wdrażając tę funkcję, otwierasz swoje cyfrowe drzwi na zróżnicowaną międzynarodową publiczność, co potencjalnie zwiększa zaangażowanie, zmniejsza współczynnik odrzuceń i poprawia ogólną wydajność Twojej witryny.
Aby usprawnić ten proces i zapewnić optymalne wyniki, rozważ użycie Linguise dla swojej strony internetowej na Kirby CMS. Linguise oferuje potężny, konfigurowalny przełącznik języka, który płynnie integruje się z Kirby CMS, pozwalając Ci łatwo wdrożyć i dostroić swoją strategię wielojęzyczną. Stwórzmy konto Linguise , zintegrujmy je z Twoją stroną internetową na Kirby CMS i dostosujmy przełącznik języka, aby jeszcze bardziej poprawić doświadczenia użytkownika.
