Налаштування перемикача мов на Craft CMS є надзвичайно важливою функцією для будь-якого вебсайту, який прагне охопити глобальну аудиторію. У сучасну епоху глобалізації можливість безперешкодно перемикатися між кількома мовами є нагальною потребою.
Налаштування перемикача мов на Craft CMS покращує доступність для відвідувачів з різних країн, може підвищити рейтинг у пошукових системах і зміцнити довіру до глобального бренду. Хоча це може здатися складним, цей покроковий посібник допоможе вам зробити це плавно та ефективно на вашому веб-сайті Craft CMS .
Важливість налаштування перемикача мов на Craft CMS
Перш ніж заглиблюватися в те, як налаштувати перемикач мов на Craft CMS, давайте спочатку обговоримо важливість налаштування перемикача мов. Ось деякі з них.
- Кращий досвід користувача: Перемикач мов дозволяє відвідувачам легко отримувати доступ до вмісту бажаною мовою, покращуючи їхнє розуміння та залучення до вебсайту.
- Зменшення показника відмов: Відвідувачі, які не можуть знайти бажану мову, можуть одразу залишити ваш сайт. Перемикач мов, який пропонує кілька мов, може запобігти їхньому виходу із сайту.
- Збільшення конверсій: Розуміння деталей продукту, політик та процесу покупки їхньою мовою може спонукати відвідувачів до покупки або виконання інших дій.
- Оптимізація багатомовного SEO: Пошукові системи враховують фактори користувацького досвіду під час ранжування вебсайтів. Зручний для користувачів перемикач мов може покращити ваш рейтинг багатомовного SEO , полегшуючи відвідувачам доступ до вмісту їхньою мовою. Правильний переклад вмісту також надсилає пошуковим системам позитивні сигнали про те, що ваш сайт є релевантним для різних запитів різними мовами.
Як налаштувати перемикач мов на Craft CMS
Після усвідомлення важливості використання перемикача мов на багатомовному сайті Craft CMS , давайте обговоримо, як це зробити. Зазвичай сервіси перекладу вебсайтів пропонують цю функцію, яку можна налаштувати відповідно до ваших потреб.
Однак не всі служби перекладу пропонують перемикач мов, який легко налаштувати та зручний для користувача. Тому важливо вибрати службу автоматичного перекладу, сумісну з різними фреймворками та з гнучкою функцією перемикача мов.
Одним із сервісів, що відповідає цим критеріям, є Linguise. Linguise пропонує функцію перемикача мов, яка легко налаштовується та є зручною для користувачів, і її можна добре інтегрувати з Craft CMS.
Завдяки бездоганній інтеграції Linguise з фреймворком Craft CMS ви можете легко додати перемикач мов до вашого багатомовного застосунку. Завдяки розширеним функціям і зручному інтерфейсу Linguiseналаштування та підтримка перемикача мов на вашому сайті Craft CMS стануть набагато простішими.
Нижче наведено кроки для встановлення Linguise на багатомовному вебсайті Craft CMS та налаштування перемикача мов.
#1: Зареєструйте безкоштовний обліковий запис Linguise
Зареєструйте безкоштовний Linguise акаунт і отримайте безкоштовний одномісячний пробний період для початку роботи. Просто введіть свою електронну адресу, щоб згенерувати ім'я користувача та пароль.
Протягом усього пробного періоду ви матимете доступ до всіх привабливих функцій, які пропонує Linguise . Після завершення пробного періоду вас буде спрямовано до панелі керування Linguise .
#2: Додавання домену вебсайту Craft CMS
Після створення вашого облікового запису Linguise вас буде направлено до панелі керування для введення домену вашого сайту на Craft CMS . Виберіть «Додати домен» і заповніть надані поля:
- Обліковий запис
- URL
- Використовувана платформа (Craft CMS)
- Мова за замовчуванням
- Мови перекладу
- Переклад URL-адрес
- Переклад динамічного вмісту
Ви можете отримати ключ API, який потрібно вставити на наступному кроці.
#4: Завантажте скрипт Linguise
Далі вам потрібно буде завантажити скрипт перекладу Linguise на сервер, де встановлено Craft CMS .
Завантажте скрипт перекладу PHP-JS, розпакуйте його та завантажте до кореневої директорії вашої інсталяції Craft CMS .
Переконайтеся, що скрипт розміщено в кореневому каталозі вашого вебсайту, де знаходяться ваші файли Craft CMS , і що папка зберігає свою початкову назву «linguise»
Потім вставте ключ API Linguise у файл Configuration.php, який ви завантажили на свій сервер. Відкрийте файл для редагування та вставте свій ключ API у лапки, замінивши текст REPLACE_BY_YOUR_TOKEN.
#5: Увімкніть і налаштуйте перемикач мов
Посилання на JS-скрипт Linguise потрібно додати на всі сторінки вашого Craft CMS , щоб відображати перемикач мов із прапорцями та включати альтернативні URL-адреси в заголовки HTML для покращення SEO.
Щоб отримати посилання на скрипт, перейдіть до налаштувань домену на панелі керування Linguise і скопіюйте надане посилання на скрипт звідти.
Простий спосіб інтегрувати цей код у Craft CMS — додати його до індексу вашого шаблону. Відкрийте теку /template і відредагуйте файл index, щоб включити посилання на скрипт у розділі заголовка.
Щоб відобразити перемикач мов, представлений спливним вікном із прапором для вибору бажаної мови, ви можете завантажити його, скопіювавши наданий код у кінці конфігурації вебсайту та вставивши його в розділ head вашої HTML-сторінки. Ця дія ввімкне автоматичне завантаження перемикача мов із прапором.
Спочатку перемикач мов відображатиметься у своєму стандартному форматі, але ви можете його персоналізувати. Налаштуйте перемикач мов через Linguise панель керування, перейшовши до Налаштування > Відображення мовних прапорців. Цей розділ містить різні параметри налаштування, зокрема основне відображення, назви мов і елементи дизайну.
#6 Налаштуйте головний дисплей
Щоб розпочати налаштування перемикача мов, перейдіть до розділу «Налаштування» > «Відображення мовних прапорів» у панелі керування Linguise .
У цьому розділі ви можете налаштувати кілька параметрів. По-перше, це основні налаштування відображення, де ви можете змінити різні елементи, такі як.
- Стиль іконки прапора: Ви можете вибрати між відображенням поруч, спадним меню або спливаючим вікном.
- Позиція: Цей параметр визначає розташування перемикача мов на вашому вебсайті. Існує кілька варіантів позиціонування, тому обов’язково виберіть той, який буде зручним для відвідувачів.
#7 Встановіть дизайн прапора
Після налаштування основних параметрів відображення ви можете перейти до налаштування дизайну відображуваних прапорів.
- Відображення назви мови: Ви можете відображати назву мови на основі назви країни або самої мови. Наприклад, ви можете показати «French» або «Français».
- Тип англійського прапора: Ця функція стане в пригоді для мов із кількома варіантами, як-от американська чи британська англійська. Вона також застосовна до іспанської, тайванської, німецької та португальської.
- Стиль прапора: Ця опція дає змогу вибрати форму значка прапора — круглу або прямокутну.
#8 Налаштуйте колір і розмір
Після завершення налаштування дизайну прапорців ви можете перейти до налаштування кольору та розміру прапорців. Нижче наведено деякі параметри, доступні для налаштування.
- Радіус межі прапора: налаштуйте радіус межі для прямокутного стилю прапора, виміряний у пікселях.
- Колір назви мови: Виберіть стандартний колір тексту для відображення назви.
- Колір мови у спливаючому вікні: Визначте колір тексту назви мови у спливаючому вікні або випадаючій області.
- Розмір прапора: Змініть розмір значків прапора.
- Колір назви мови при наведенні: Вкажіть колір тексту, який з’являється, коли користувач наводить курсор на назву мови.
- Колір заголовка мови у спливаючому вікні при наведенні: Визначте колір тексту, який з’являється, коли користувач наводить курсор на заголовок мови у спливаючому вікні або області випадаючого списку.
#9 Налаштування тіні блоку
Нарешті, ви можете налаштувати параметри тіні для блоку з прапором. Початковий параметр дозволяє додати ефект тіні до кожної іконки прапора, що відображається на вашому сайті. Наступний параметр керує ефектом тіні, коли користувачі наводять курсор миші на прапори мов.
Після внесення всіх необхідних змін натисніть кнопку «Зберегти», щоб застосувати зміни налаштувань. Потім перейдіть на свій вебсайт Craft CMS , щоб переконатися, що конфігурацію успішно застосовано. Приблизно так буде відображатися перемикач мов.
Після завершення процесу налаштування ви можете спостерігати за роботою перемикача мов на вашому багатомовному вебсайті Craft CMS .
Потім ми автоматично перекладемо Craft CMS вебсайт іншими мовами, як-от німецька.
5 порад щодо оптимізації перемикача мов на Craft CMS
Після того, як ви налаштували перемикач мов на своєму Craft CMS багатомовному сайті, важливо зрозуміти найкращі практики розробки перемикача мов та його продуктивність, щоб принести користь як вашому сайту, так і відвідувачам.
Використовуйте легко впізнаваний логотип із прапором мови
Використання загальновизнаних мовних іконок або прапорів є надзвичайно важливим, щоб відвідувачі могли швидко визначити та вибрати бажану мову. Переконайтеся, що використані іконки або прапори чіткі, мають хороший колірний контраст і широко зрозумілі в різних культурах, щоб уникнути плутанини чи двозначності.
Знайомі символи або іконки допомагають створити інтуїтивно зрозумілий та зручний для користувачів досвід, дозволяючи відвідувачам легко перейти до потрібної мовної версії. Надзвичайно важливо обирати іконки або прапори, які є загальновідомими, щоб уникнути непорозумінь чи плутанини.
Використання назв мов і прапора
Окрім використання лише прапорів, доцільно розглянути можливість поєднання прапорів і оригінальних назв мов. Такий підхід допоможе уникнути плутанини, оскільки деякими мовами розмовляють у кількох країнах із різними прапорами.
Пряме використання назв мов усуває двозначність і гарантує, що відвідувачі зможуть чітко визначити та вибрати потрібну мову без непорозумінь. Крім того, використання назв мов може бути більш інклюзивним і шанобливим до культурного розмаїття.
Розмістіть кнопку перемикача мов стратегічно
Розмістімо кнопку перемикача мов на видному та легкодоступному місці вашого вебсайту. Стандартні місця розташування включають верхній колонтитул, нижній колонтитул або головне меню навігації. Ці місця є інтуїтивно зрозумілими для більшості користувачів інтернету та відповідають їхнім очікуванням під час пошуку мовних опцій.
Послідовне розміщення на всіх сторінках гарантує, що відвідувачі можуть легко отримати доступ до перемикача мов незалежно від точки входу або конкретної сторінки, яку вони відвідують. Таке послідовне розміщення допомагає створити плавний і передбачуваний досвід користувача.
Впровадьте адаптивний дизайн перемикача мов
Переконайтеся, що кнопка перемикача мов є адаптивною та добре працює на різних пристроях і розмірах екрана, включно з настільними комп’ютерами, планшетами та смартфонами. Перевірте її на різних пристроях і роздільних здатностях екрана, щоб забезпечити безперебійний користувацький досвід без обрізання чи накладання елементів.
Адаптивний дизайн гарантує, що відвідувачі можуть легко отримати доступ до мовних опцій з будь-якого пристрою, яким вони користуються, що підвищує доступність і зручність перемикання мов.
Забезпечте однаковість перемикача мов на всіх сторінках
Ensure the language switcher maintains consistent appearance and behaviour across your website. Users should be able to switch languages smoothly, regardless of the page they are on or the content they are viewing. Consistency not only provides a cohesive user experience but also strengthens the accessibility and availability of language options, building trust and confidence in your multilingual website.
Будь-яка неузгодженість у перемикачі мов може заплутати та дратувати користувачів, що може змусити їх залишити ваш сайт.
Налаштуйте перемикач мов на Craft CMS з Linguise!
На цьому етапі ви маєте усвідомити, що налаштовуєте перемикач мов для багатомовного вебсайту Craft CMS . Створення перемикача мов може дати різні переваги, і його можна доопрацювати на основі вищезазначених пунктів.
Оптимізація перемикача мов може значно покращити загальний досвід користувача. Далі зареєструйтеся в Linguise акаунті, інтегруйте його зі своїм вебсайтом Craft CMS та додатково налаштуйте перемикач мов, щоб ще більше покращити досвід користувача.
