Skonfigurowanie przełącznika języka w systemie Kirby CMS to ważna funkcja, która ułatwia użytkownikom z zagranicy korzystanie z witryny. 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ęzyka w systemie Kirby CMS, możesz znacząco zwiększyć dostępność swojej witryny dla użytkowników z zagranicy, potencjalnie poprawić jej wyniki w wyszukiwarkach i zbudować globalne zaufanie do swojej marki. Choć proces ten może początkowo wydawać się zniechęcający, ten przewodnik przeprowadzi Cię przez kolejne kroki, aby sprawnie wdrożyć tę funkcję w witrynie Kirby CMS , zapewniając płynne i przyjazne dla użytkownika wielojęzyczne środowisko.
Znaczenie konfiguracji przełącznika języka w systemie Kirby CMS
Wdrożenie przełącznika języka w systemie 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 witryny. Przyjrzyjmy się kluczowym powodom, dla których warto skonfigurować przełącznik języka w witrynie Kirby CMS.
- Poprawa doświadczeń użytkowników: Przełącznik języka umożliwia użytkownikom dostęp do treści w preferowanym języku, co znacznie zwiększa ich zrozumienie witryny i zaangażowanie.
- Obniżenie współczynnika odrzuceń: Użytkownicy, którzy nie mogą znaleźć treści w swoim języku, prawdopodobnie szybko opuszczą witrynę. Oferowanie wielu opcji językowych zachęca użytkowników do dalszego eksplorowania witryny.
- Zwiększenie współczynnika konwersji: Kiedy użytkownicy mogą zrozumieć szczegóły produktu, zasady i procesy zakupowe w swoim ojczystym języku, są bardziej skłonni do zakupu lub podjęcia pożądanych działań.
- Wzmocnienie wielojęzycznego SEO: Wyszukiwarki biorą pod uwagę doświadczenie użytkownika przy pozycjonowaniu stron internetowych. Intuicyjny przełącznik języków może poprawić wielojęzycznego SEO , ułatwiając dostęp do treści w różnych językach.
Jak skonfigurować przełącznik języka na Kirby CMS
Skoro omówiliśmy już znaczenie implementacji przełącznika języka na wielojęzycznej stronie internetowej Kirby CMS, zajmijmy się praktycznymi aspektami jego konfiguracji. Chociaż wiele usług tłumaczeniowych oferuje tę funkcję, znalezienie takiej, która oferuje wysoce konfigurowalny i przyjazny dla użytkownika przełącznik języka, 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łączania języków. Jedną z usług, która wyróżnia się pod względem spełniania tych wymagań, jest Linguise z automatycznym tłumaczeniem . Ich narzędzie do przełączania języków znane jest z łatwości dostosowywania i przyjaznego interfejsu użytkownika, co czyni je doskonałym wyborem do integracji z Kirby CMS.
Dzięki płynnej integracji Linguise z systemem Kirby CMS możesz bez problemu dodać przełącznik języka do swojej wielojęzycznej aplikacji. Zaawansowane funkcje Linguisei intuicyjny interfejs upraszczają konfigurację i obsługę przełącznika języka w witrynie Kirby CMS.
Wykonajmy poniższe kroki, aby zainstalować Linguise na wielojęzycznej witrynie Kirby CMS i skonfigurować przełącznik języka.
Krok 1: Zarejestruj swoje konto Linguise
Zacznij od przygotowania swojej witryny Kirby CMS do tłumaczenia, co wymaga dostępu do panelu administracyjnego Kirby CMS. Następnie załóż bezpłatne konto Linguise i dodaj domenę swojej witryny. Możesz skorzystać z 30-dniowego bezpłatnego okresu próbnego przed wyborem planu subskrypcji.
Krok 2: Dodaj domenę swojej witryny Kirby CMS
Po skonfigurowaniu konta Linguise „Dodaj domenę” i podaj następujące dane:
- Konto
- Adres URL
- Platforma (Kirby CMS)
- Domyślny język
- Języki tłumaczenia
- Przetłumacz adresy URL
- Tłumaczenie treści dynamicznych
Krok 3: Prześlij i podłącz skrypt Linguise
Pobierz skrypt tłumaczenia Linguise i prześlij go do folderu głównego instalacji Kirby CMS.
Rozpakuj skrypt i upewnij się, że folder o nazwie „linguise” znajduje się w katalogu głównym Twojej witryny.
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łączoną funkcję przepisywania adresów URL. Jeśli nie jest ona aktywna, możesz ją włączyć u swojego dostawcy hostingu.
Aby skonfigurować adresy URL według języka, dodaj następujący kod do pliku `.htaccess` zaraz 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ęzyka
Aby wyświetlić przełącznik języka z flagami i alternatywnymi adresami URL na potrzeby SEO, łącze JavaScript Linguise musi być załadowane na wszystkich stronach Kirby CMS.
Uzyskaj link do skryptu z ustawień domeny w panelu Linguise i skopiuj go.
Najprostszym sposobem załadowania tego skryptu w systemie Kirby CMS jest dodanie go do pliku header.php witryny lub<head> Sekcja. Oto jak to zrobić:
- Uzyskaj dostęp do folderu głównego swojej witryny.
- Przejdź do witryny > fragmenty kodu > 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 formacie domyślnym. Możesz go jednak dostosować za pomocą Linguise , przechodząc do Ustawienia > Wyświetlanie flag językowych. Ta sekcja oferuje różne opcje personalizacji, w tym ustawienia głównego wyświetlacza, nazwy języków i elementy graficzne.
Krok 6: Skonfiguruj wyświetlacz główny
Aby rozpocząć konfigurację przełącznika języka, przejdź do Ustawienia > Wyświetlanie flag językowych 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 pomiędzy wyświetlaniem obok siebie, menu rozwijanym lub popupem.
- 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 projekt flagi
Po skonfigurowaniu głównych ustawień wyświetlania dostosuj wygląd wyświetlanych flag.
- Wyświetlanie nazwy języka: Wybierz, czy chcesz wyświetlać nazwę języka na podstawie kraju lub samego języka, np. „francuski” lub „Français”.
- Typ flagi angielskiej: Przydatny w przypadku języków o wielu wariantach, np. angielskiego amerykańskiego lub brytyjskiego, a także w przypadku języka 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 projektu flagi, dostosuj jej kolor i rozmiar. Oto kilka ustawień, które możesz dostosować.
- Promień obramowania flagi: Dostosuj promień obramowania dla flag prostokątnych, mierzony w pikselach.
- Kolor nazwy języka: Wybierz domyślny kolor tekstu do wyświetlenia nazwy 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 na nazwę języka: Określ kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na nazwę języka.
- Kolor tekstu wyświetlanego po najechaniu kursorem na tytuł języka w wyskakującym okienku lub menu rozwijanym: Zdefiniuj kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na tytuł języka w wyskakującym okienku lub obszarze rozwijanym.
Krok 9: Skonfiguruj box-shadow
Na koniec dostosuj ustawienia cienia pola flagi. Pierwsza opcja pozwala dodać efekt cienia do każdej ikony flagi wyświetlanej na Twojej stronie internetowej. Druga opcja kontroluje efekt cienia, gdy użytkownicy najeżdżają kursorem na flagi językowe.
Po wprowadzeniu niezbędnych zmian kliknij przycisk Zapisz, aby je zapisać. Następnie sprawdź swoją witrynę Kirby CMS, aby upewnić się, że konfiguracja została pomyślnie wdrożona. Zobaczysz, jak będzie wyglądać przełącznik języka.
Po zakończeniu procesu konfiguracji możesz zobaczyć przełącznik języka w działaniu na swojej wielojęzycznej stronie internetowej Kirby CMS.
Następnie automatycznie przetłumaczymy witrynę 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 podstawowe wskazówki, które pomogą Ci udoskonalić przełącznik języków i zwiększyć jego skuteczność dla odbiorców na całym świecie.
#1 Użyj wyraźnie rozpoznawalnej ikony flagi języka
Umieszczenie łatwo rozpoznawalnych symboli językowych lub flag w przełączniku językowym jest kluczowe dla szybkiej identyfikacji języka. Takie podejście pozwala użytkownikom szybko zlokalizować i wybrać preferowany język, tworząc intuicyjne środowisko użytkownika. Kluczem jest wybór uniwersalnie zrozumiałych wskaźników, aby uniknąć nieporozumień.
Wdrażając ikony flag, zadbaj o to, aby były wysokiej jakości i łatwo rozpoznawalne, nawet w mniejszych rozmiarach. Rozważ połączenie flag i kodów językowych, aby zapewnić użytkownikom zarówno wizualne, jak i tekstowe wskazówki.
Przykład:
Wyobraź sobie bloga podróżniczego opartego na Kirby, opisującego miejsca docelowe na całym świecie. Przełącznik języka strony mógłby wykorzystywać ikonę globusa, małe ikony flag i dwuliterowe kody językowe.
🌎 🇺🇸 PL | 🇪🇸 ES | 🇫🇷FR | 🇩🇪 DE | 🇯🇵JP
Dzięki tej konfiguracji użytkownicy mogą szybko rozpoznać swój język, niezależnie od tego, czy rozpoznają flagę, czy kod języka, co usprawnia ogólne korzystanie z aplikacji.
#2 Wyświetlaj nazwy języków obok flag
Flagi zapewniają szybki, wizualny punkt odniesienia, ale połączenie ich z rodzimymi nazwami języków zapewnia dodatkową przejrzystość. Taka strategia pomaga uniknąć nieporozumień, zwłaszcza w przypadku języków używanych w wielu krajach, których flagi są różne.
Uwzględniając rzeczywiste nazwy języków, eliminujesz niejednoznaczności i zapewniasz odwiedzającym możliwość precyzyjnego rozpoznania preferowanego języka. Takie podejście jest również wyrazem szacunku dla różnorodności kulturowej i promuje inkluzywność.
Przykład:
Rozważ platformę edukacyjną opartą na Kirby, oferującą kursy w wielu językach. Ich przełącznik języków mógłby wyglądać tak.
🇺🇸 Angielski | 🇪🇸 Hiszpański | 🇫🇷 Francuski | 🇩🇪 Niemiecki | 🇯🇵 日本語
Dzięki temu projektowi użytkownicy widzą zarówno flagę, jak i nazwę języka w jego rodzimym alfabecie, co sprawia, że jest ona natychmiast rozpoznawalna dla osób posługujących się tym językiem. Jest to szczególnie przydatne w przypadku języków takich jak hiszpański czy angielski, którymi posługują się mieszkańcy wielu krajów o różnych flagach.
#3 Przemyślane umiejscowienie przycisku zmiany języka
Umiejscowienie przełącznika języka ma kluczowe znaczenie dla jego skuteczności. Powinien być widoczny i łatwo dostępny na Twojej stronie internetowej. Typowe i skuteczne miejsca 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 witryna internetowa z portfolio dla międzynarodowej firmy architektonicznej oparta na systemie Kirby. Mogliby wdrożyć przełącznik języka 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.
- Stała nawigacja: gdy użytkownicy przewijają stronę, nagłówek pozostaje na górze, dzięki czemu przełącznik języka jest zawsze dostępny.
- Optymalizacja pod kątem urządzeń mobilnych: Na urządzeniach mobilnych przełącznik języka jest dostępny w menu hamburgerowym, co ułatwia dostęp do niego i nie zaśmieca 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 funkcjonalność przełącznika języków były spójne w całej witrynie. Użytkownicy powinni mieć możliwość bezproblemowej zmiany języka, niezależnie od bieżącej strony lub przeglądanych 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 witrynę e-commerce opartą na systemie Kirby, sprzedającą produkty na całym świecie. Oto, jak mogłaby ona wdrożyć strategię spójnego przełączania języków.
- Jednolity projekt: Przełącznik języka pojawia się jako menu rozwijane zatytułowane „Język” w prawym górnym rogu każdej strony, w tym list produktów, stron poszczególnych produktów i stron płatności.
- Zachowanie treści: Po zmianie języka użytkownicy pozostają na tej samej stronie, ale treść jest wyświetlana w nowo wybranym języku. Na przykład, jeśli użytkownik wyświetli opis ręcznie robionego wazonu w języku angielskim i przełączy się na francuski, zobaczy te same szczegóły produktu w języku francuskim.
- Struktura adresu URL: struktura adresu URL zmienia się konsekwentnie przy zmianie języka.
Polski: www.yourmarket.com/products/blue-ceramic-vase
Francuski: www.yourmarket.com/fr/produits/vase-ceramique-bleu
Spójność doświadczeń na wszystkich stronach gwarantuje, że użytkownicy mogą swobodnie poruszać się po witrynie i robić zakupy w preferowanym przez siebie języku, co potencjalnie zwiększa prawdopodobieństwo dokonania zakupu i powrotu na stronę w przyszłości.
Skonfiguruj przełącznik języka na swojej stronie internetowej Kirby za pomocą Linguise!
Wdrożenie przełącznika języka w systemie Kirby CMS to kluczowy krok w kierunku stworzenia prawdziwie globalnej i przyjaznej dla użytkownika witryny. Wdrażając tę funkcję, otwierasz swoje cyfrowe drzwi przed zróżnicowaną, międzynarodową publicznością, potencjalnie zwiększając zaangażowanie, zmniejszając współczynnik odrzuceń i poprawiając ogólną wydajność witryny.
Aby usprawnić ten proces i zapewnić optymalne rezultaty, rozważ użycie Linguise dla swojej witryny Kirby CMS. Linguise oferuje potężny, konfigurowalny przełącznik języków, który płynnie integruje się z Kirby CMS, umożliwiając łatwe wdrożenie i dopracowanie strategii wielojęzycznej. Utwórzmy konto Linguise , zintegrujmy je z Twoją witryną Kirby CMS i dostosujmy przełącznik języków, aby jeszcze bardziej poprawić komfort użytkowania.
