Налаштування перемикача мов у 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: Визначте дизайн прапора
Після налаштування основних параметрів відображення налаштуйте дизайн відображуваних прапорців.
- Відображення назви мови: Виберіть, чи показувати назву мови за країною, чи за самою мовою, наприклад «French» або «Français».
- Тип англійського прапора: Це корисно для мов із кількома варіантами, як-от американська чи британська англійська, а також застосовно до іспанської, тайванської, німецької та португальської.
- Стиль прапора: Виберіть форму іконки прапора — круглу або прямокутну.
Крок 8: Встановіть колір і розмір
Після налаштування дизайну прапорців налаштуйте колір і розмір прапорців. Ось кілька параметрів, які ви можете змінити.
- Радіус заокруглення прапора: Налаштуйте радіус заокруглення для прямокутних прапорів, вимірюється в пікселях.
- Колір назви мови: Виберіть колір тексту за замовчуванням для відображення назви мови.
- Колір мови у спливаючому вікні: Встановіть колір тексту назви мови у спливаючому вікні або випадаючому списку.
- Розмір прапора: Налаштуйте розмір значків прапорів.
- Колір назви мови при наведенні: Вкажіть колір тексту, який з’являється, коли користувач наводить курсор на назву мови.
- Колір назви мови у спливаючому вікні при наведенні: Визначте колір тексту, який з'являється, коли користувач наводить курсор на назву мови у спливаючому вікні або випадаючому списку.
Крок 9: Налаштування box-shadow
Нарешті, налаштуйте параметри тіні прапорця. Перша опція дозволяє додати ефект тіні до кожної іконки прапорця, що відображається на вашому сайті. Друга опція керує ефектом тіні, коли користувачі наводять курсор на мовні прапорці.
Після внесення необхідних змін натисніть кнопку «Зберегти», щоб застосувати зміни. Потім перевірте свій вебсайт на Kirby CMS, щоб переконатися, що конфігурацію успішно впроваджено. Це покаже, як виглядатиме перемикач мов.
Після завершення процесу налаштування ви можете побачити перемикач мов у дії на вашому багатомовному веб-сайті Kirby CMS.
Потім ми автоматично перекладемо вебсайт Kirby CMS іншими мовами, наприклад французькою.
4 поради щодо оптимізації перемикача мов у Kirby CMS
Ось чотири важливі поради, які допоможуть вам удосконалити перемикач мови та зробити його ефективнішим для вашої глобальної аудиторії.
#1 Використовуйте чітко розпізнаваний значок мовного прапора
Додавання легко впізнаваних мовних символів або прапорів до вашого перемикача мов є надзвичайно важливим для швидкого визначення мови. Цей підхід дозволяє відвідувачам швидко знаходити та обирати бажану мову, створюючи інтуїтивно зрозумілий досвід користування. Головне — обирати загальнозрозумілі індикатори, щоб уникнути будь-якого неправильного тлумачення.
Під час впровадження іконок прапорів переконайтеся, що вони високої якості та легко розрізняються навіть у менших розмірах. Розгляньте можливість використання комбінації прапорів і мовних кодів, щоб надати користувачам як візуальні, так і текстові підказки.
Приклад:
Уявіть туристичний блог на базі Kirby, що охоплює напрямки по всьому світу. Перемикач мов на сайті міг би використовувати іконку глобуса разом із маленькими іконками прапорів і дволітерними кодами мов.
🌎 🇺🇸 EN | 🇪🇸 ES | 🇫🇷 FR | 🇩🇪 DE | 🇯🇵 JP
Таке налаштування дає змогу користувачам швидко визначити свою мову — незалежно від того, чи вони розпізнають прапор, чи код мови, — що покращує загальний досвід користування.
#2 Показувати назви мов поруч із прапорами
Хоча прапори забезпечують швидкий візуальний орієнтир, поєднання їх із рідними назвами мов додає ясності. Ця стратегія допомагає запобігти плутанині, особливо для мов, якими розмовляють у кількох країнах із різними прапорами.
Вказуючи фактичні назви мов, ви усуваєте двозначність і гарантуєте, що відвідувачі зможуть точно визначити свою бажану мову. Такий підхід також демонструє повагу до культурного розмаїття та сприяє інклюзивності.
Приклад:
Розгляньте освітню платформу на базі Kirby, яка пропонує курси кількома мовами. Їхній перемикач мов може виглядати так.
🇺🇸 Англійська | 🇪🇸 Іспанська | 🇫🇷 Французька | 🇩🇪 Німецька | 🇯🇵 Японська
Такий дизайн дозволяє користувачам бачити як прапор, так і назву мови її рідною писемністю, що робить її миттєво впізнаваною для носіїв цієї мови. Це особливо корисно для таких мов, як іспанська чи англійська, якими розмовляють у багатьох країнах із різними прапорами.
#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 і налаштуємо перемикач мов, щоб ще більше покращити досвід користувачів.
