Налаштування перемикача мови в Kirby CMS є важливою функцією, що полегшує взаємодію з вашим сайтом для відвідувачів з-за кордону. Можливість легко переключатися між різними мовами стала важливою вимогою для багатьох онлайн-платформ.
Налаштувавши перемикач мови в Kirby CMS, ви зможете значно підвищити доступність свого сайту для міжнародних відвідувачів, потенційно покращити продуктивність пошукових систем і підвищити глобальну довіру до вашого бренду. Хоча спочатку процес може здатися складним, цей посібник допоможе вам пройти через кроки для ефективної реалізації цієї функції на вашому веб-сайті Kirby CMS, забезпечуючи плавний і зручний багатомовний досвід.
Важливість налаштування перемикача мови на Kirby CMS
Впровадження перемикача мов на Kirby CMS - це більше, ніж просто функція - це стратегічне рішення, яке може суттєво вплинути на продуктивність і охоплення вашого веб-сайту. Давайте розглянемо ключові причини, чому налаштування перемикача мов на вашому веб-сайті Kirby CMS.
- Покращення користувацького досвіду: Перемикач мови дозволяє відвідувачам отримувати доступ до контенту їхньою улюбленою мовою, суттєво покращуючи їхнє розуміння та взаємодію з веб-сайтом.
- Зменшення показників відмов: Відвідувачі, які не можуть знайти зміст своєю мовою, швидше за все, швидко покинуть сайт. Надання кількох варіантів мови спонукає користувачів докладніше ознайомитися із сайтом.
- Підвищення конверсійних ставок: Коли користувачі можуть розуміти деталі продукту, політику та процеси покупки своєю рідною мовою, вони більш схильні купувати або виконувати бажані дії.
- Підвищення ефективності мультимовного SEO: Пошукові системи враховують досвід користувача при ранжуванні веб-сайтів. Інтуїтивний перемикач мови може покращити вашу мультимовну SEO ефективність, забезпечуючи легкий доступ до контенту різними мовами.
Як налаштувати перемикач мови на Kirby CMS
Тепер, коли ми дослідили важливість реалізації перемикача мови на багатомовному веб-сайті Kirby CMS, давайте зануримося в практичні аспекти його налаштування. Хоча багато сервісів перекладу веб-сайтів пропонують цю функцію, знайти той, що надає високо настроюваний і зручний перемикач мови, може бути складно.
Важливо вибрати сервіс автоматичного перекладу, який не тільки добре працює з різними фреймворками, але й пропонує гнучку функцію перемикання мови. Одним із сервісів, який виділяється за відповідність цим вимогам, є Linguise веб-сайт автоматичного перекладу. Їх перемикач мови відомий своєю легкістю налаштування та зручним інтерфейсом, що робить його відмінним вибором для інтеграції з Kirby CMS.
Шляхом безшовної інтеграції Linguise у ваш Kirby CMS ви можете легко додати перемикач мови до вашого мультилінгвального застосунку. Передові функції та інтуїтивно зрозумілий інтерфейс Linguiseспрощують налаштування та підтримку перемикача мови на вашому веб-сайті Kirby CMS.
Давайте виконаємо кроки для встановлення Linguise на багатомовному веб-сайті Kirby CMS та налаштуємо перемикач мови.
Крок 1: Зареєструйте свій обліковий запис Linguise
Почніть із підготовки вашого веб-сайту Kirby CMS до перекладу, що вимагає доступу до панелі адміністратора Kirby CMS. Потім створіть безкоштовний обліковий запис Linguise і додайте домен свого веб-сайту. Ви можете скористатися 30-денним безкоштовним пробним періодом перед вибором плану підписки.
Крок 2: Додайте домен вашого веб-сайту Kirby CMS
Після налаштування облікового запису Linguise, перейдіть до панелі керування та додайте домен вашого веб-сайту Kirby CMS. Натисніть “Додати домен” і надайте такі відомості:
- Обліковий запис
- URL-адреса
- Платформа (Kirby CMS)
- Мова за замовчуванням
- Мови перекладу
- Перекладіть URL-адреси
- Динамічний переклад контенту
Крок 3: Завантажте та підключіть скрипт Linguise
Завантажте сценарій перекладу Linguise та завантажте його до кореневого каталогу вашої установки Kirby CMS.
Розпакуйте скрипт і переконайтеся, що папка з назвою “linguise” залишається на кореневому рівні вашого веб-сайту.
Далі, скопіюйте ключ API Linguise у файл `Configuration.php` на вашому сервері. Відкрийте файл, замініть `REPLACE_BY_YOUR_TOKEN` вашим ключем API та збережіть зміни.
Крок 4: Налаштування переписування URL для Kirby CMS
Kirby CMS має увімкнене переписування URL за замовчуванням. Якщо воно не активне, ви можете увімкнути його через вашого хостинг-провайдера.
Щоб налаштувати URL-адреси за мовою, додайте наступний код у ваш файл `.htaccess` одразу після рядка `RewriteEngine on` у файлі `.htaccess` за замовчуванням 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>
Крок 5: Активуйте та налаштуйте перемикач мови
Щоб відобразити перемикач мови з прапорами та альтернативними URL-адресами для цілей SEO, посилання на JavaScript Linguise має бути завантажено на всіх сторінках Kirby CMS.
Отримайте посилання на скрипт з налаштувань домену на панелі керування Linguise та скопіюйте його.
Найпростіший спосіб завантажити цей скрипт у Kirby CMS - додати його до розділу header.php або <head> вашого веб-сайту. Ось як це зробити:
- Доступ до кореневого каталогу вашого веб-сайту.
- Перейдіть до site > snippets > header.php.
- Відредагуйте файл header.php, щоб включити посилання на скрипт у розділі заголовка.
Перемикач мови спочатку відображатиметься у форматі за замовчуванням. Але ви можете налаштувати перемикач мови за допомогою Linguise панелі керування, перейшовши до Налаштування > Відображення прапорців мови. Цей розділ пропонує різні варіанти налаштування, включаючи основні налаштування відображення, назви мов та елементи дизайну.
Крок 6: Налаштуйте основне відображення
Щоб розпочати налаштування перемикача мови, перейдіть до розділу Налаштування > Відображення прапорів мови в панелі керування Linguise .
У цьому розділі ви можете налаштувати різні параметри. Основні параметри відображення дозволяють вам налаштовувати елементи, такі як.
- Стиль значка прапора: Виберіть між відображенням поруч, спадним меню або спливаючим вікном.
- Позиція: Визначте розташування перемикача мови на вашому веб-сайті. Оберіть позицію, яка легко доступна відвідувачам.
Крок 7: Встановіть дизайн прапорця
Після налаштування основних параметрів відображення налаштуйте дизайн відображуваних прапорів.
- Відображення назви мови: Виберіть відображення назви мови на основі країни або самої мови, наприклад “Французька” або “Français.”
- Тип прапора англійської мови: Це корисно для мов з кількома варіаціями, як американська або британська англійська, і також застосовується до іспанської, тайванської, німецької та португальської.
- Стиль прапора: Виберіть форму значка прапора, круглу або прямокутну.
Крок 8: Встановіть колір та розмір
Після налаштування дизайну прапорця налаштуйте колір і розмір прапорців. Ось деякі параметри, які можна налаштувати.
- Радіус закруглення прапора: Налаштуйте радіус закруглення для прямокутних прапорів, вимірюється у пікселях.
- Колір назви мови: Виберіть колір тексту за замовчуванням для відображення назви мови.
- Колір мови у спливаючому вікні: Встановіть колір тексту назви мови у спливаючому вікні або випадаючому меню.
- Розмір прапора: Налаштуйте розмір іконок прапорів.
- Колір наведення назви мови: Вкажіть колір тексту, який з'являється, коли користувач наводить курсор на назву мови.
- Колір наведення мови у спливаючому вікні: Визначте колір тексту, який з'являється, коли користувач наводить курсор на назву мови у спливаючому вікні або випадаючій області.
Крок 9: Налаштування тіні блоку
Нарешті, налаштуйте параметри тіні прапорця. Перший варіант дозволяє додати ефект тіні до кожного значка прапорця, відображеного на вашому веб-сайті. Другий варіант керує ефектом тіні, коли користувачі наводять курсор на прапорці мови.
Після внесення необхідних змін натисніть кнопку Зберегти, щоб застосувати зміни. Потім перевірте свій веб-сайт Kirby CMS, щоб переконатися, що конфігурація успішно застосована. Це покаже вам, як буде виглядати перемикач мови.
Як тільки процес налаштування буде завершено, ви зможете побачити перемикач мови в дії на вашому веб-сайті Kirby CMS багатомовному веб-сайті.
Потім ми автоматично перекладемо веб-сайт Kirby CMS на інші мови, такі як французька.
4 поради щодо оптимізації перемикання мови в Kirby CMS
Ось чотири основні поради, які допоможуть вам удосконалити ваш перемикач мови та зробити його більш ефективним для вашої глобальної аудиторії.
#1 Використовуйте чітко розпізнаваний значок прапора мови
Інтеграція легко розпізнаваних символів мови або прапорів у ваш перемикач мови є життєво важливою для швидкої ідентифікації мови. Цей підхід дозволяє відвідувачам швидко знаходити і вибирати бажану мову, створюючи інтуїтивно зрозумілий користувацький досвід. Ключовим є вибір загальнозрозумілих індикаторів, щоб уникнути будь-якого неправильного тлумачення.
Під час реалізації піктограм прапорів переконайтеся, що вони високоякісні та легко помітні, навіть у менших розмірах. Розгляньте можливість використання комбінації прапорів та кодів мов для надання як візуальних, так і текстових підказок для ваших користувачів.
Приклад:
Уявіть собі блог про подорожі на базі Kirby, який охоплює пункти призначення по всьому світу. Перемикач мови сайту може використовувати значок глобуса разом із маленькими прапорцями та дволітерними кодами мови.
🌎 🇺🇸 EN | 🇪🇸 ES | 🇫🇷 FR | 🇩🇪 DE | 🇯🇵 JP
Це налаштування дозволяє користувачам швидко ідентифікувати свою мову, чи то вони розпізнають прапор, чи код мови, покращуючи загальний користувацький досвід.
#2 Відображати назви мов поруч із прапорами
Хоча прапори забезпечують швидке візуальне посилання, поєднання їх із рідними назвами мов забезпечує додаткову ясність. Ця стратегія допомагає запобігти плутанині, особливо для мов, якими розмовляють у кількох країнах з різними прапорами.
Включаючи справжні назви мов, ви усуваєте двозначність і гарантуєте, що відвідувачі зможуть точно визначити свою бажану мову. Цей підхід також демонструє повагу до культурної різноманітності та сприяє інклюзивності.
Приклад:
Розгляньте освітню платформу на базі Kirby, яка пропонує курси кількома мовами. Їхній перемикач мови може виглядати так.
🇺🇸 English | 🇪🇸 Español | 🇫🇷 Français | 🇩🇪 Deutsch | 🇯🇵 日本語
Цей дизайн дозволяє користувачам бачити як прапор, так і назву мови рідною мовою, роблячи її миттєво впізнаною для носіїв цієї мови. Це особливо корисно для мов, таких як іспанська чи англійська, якими говорять у кількох країнах з різними прапорами.
#3 Розмістіть кнопку перемикання мови вдумливо
Розміщення перемикача мови має вирішальне значення для його ефективності. Воно повинно бути помітним і легко доступним на вашому веб-сайті. Загальні та ефективні позиції включають заголовок, нижній колонтитул або головне меню навігації.
Переконайтеся, що перемикач мови видно і легко доступний з будь-якої сторінки вашого сайту. Така послідовність розміщення допомагає користувачам швидко знаходити варіанти мови, незалежно від їхнього поточного розташування на вашому веб-сайті.
Приклад:
Наприклад, веб-сайт портфоліо на базі Kirby для багатонаціональної архітектурної фірми. Вони могли б реалізувати свій перемикач мови наступним чином.
- Розміщення заголовка: Перемикач мови розташований у верхньому правому куті заголовка, поруч із значком пошуку.
- Липна навігація: Коли користувачі прокручують, заголовок залишається фіксованим у верхній частині, забезпечуючи завжди доступність перемикача мови.
- Оптимізація для мобільних пристроїв: На мобільних пристроях перемикач мови включено до меню гамбургера для легкого доступу без захаращення маленького екрана.
Таке стратегічне розміщення гарантує, що користувачі можуть легко переключати мову в будь-який момент, незалежно від того, чи вони переглядають галереї проектів, читають історію компанії чи перевіряють контактну інформацію.
#4 Зберігайте послідовність перемикача мови на всіх сторінках
Важливо зберігати єдиний зовнішній вигляд і функціональність перемикача мови на всьому вашому веб-сайті. Користувачі повинні мати можливість легко змінювати мову, незалежно від поточної сторінки чи змісту, який вони переглядають.
Ця послідовність забезпечує безперебійний користувацький досвід та підсилює доступність варіантів мови, зміцнюючи довіру та впевненість у вашому багатомовному веб-сайті.
Приклад:
Розглянемо сайт електронної комерції на базі Kirby, що продає товари глобально. Ось як вони можуть реалізувати послідовну стратегію перемикання мови.
- Єдиний дизайн: Перемикач мови відображається у вигляді випадаючого меню з позначкою “Мова” у верхньому правому куті кожної сторінки, включаючи списки продуктів, окремі сторінки продуктів та сторінки оформлення замовлення.
- Збереження вмісту: Коли користувачі переключають мову, вони залишаються на тій же сторінці, але зміст відображається новою мовою. Наприклад, якщо користувач переглядає опис ручної вази англійською мовою і перемикається на французьку, він побачить ті ж деталі товару французькою мовою.
- Структура URL-адреси: Структура URL-адреси послідовно змінюється при перемиканні мов.
Англійська: www.yourmarket.com/products/blue-ceramic-vase
Французька: www.yourmarket.com/fr/produits/vase-ceramique-bleu
Цей послідовний досвід на всіх сторінках гарантує, що користувачі зможуть впевнено орієнтуватися та купувати на бажаній мові, потенційно збільшуючи ймовірність здійснення покупки та повернення на сайт у майбутньому.
Налаштуйте перемикач мови на своєму веб-сайті Kirby за допомогою Linguise!
Налаштування перемикача мови на Kirby CMS є важливим кроком до створення дійсно глобального та зручного для користувачів веб-сайту. Реалізувавши цю функцію, ви відкриваєте свої цифрові двері для різноманітної міжнародної аудиторії, потенційно підвищуючи залучення, знижуючи показники відмов та покращуючи загальну продуктивність вашого сайту.
Щоб оптимізувати цей процес та забезпечити оптимальні результати, розгляньте можливість використання Linguise для вашого веб-сайту Kirby CMS. Linguise пропонує потужний, настроюваний перемикач мови, який безперешкодно інтегрується з Kirby CMS, дозволяючи вам легко впроваджувати та налаштовувати вашу багатомовну стратегію. Давайте створимо обліковий запис Linguise, інтегруємо його з вашим веб-сайтом Kirby CMS та налаштуємо перемикач мови для подальшого покращення користувацького досвіду.
