Перемикач мови є одним з елементів багатомовного веб-сайту, на який важливо звернути увагу при створенні багатомовного сайту, одним з яких є багатомовний веб-сайт Drupal .
Перемикач мови - це кнопка перемикання мови, яка використовується для перемикання на іншу мову під час відвідування веб-сайту. Створення зручного для відвідувачів перемикача мови є важливим, оскільки це може покращити користувацький досвід і оптимізувати SEO.
Отже, як ви налаштуєте перемикач мови для Drupal і які переваги це дасть веб-сайту? Продовжуйте читати пояснення нижче.
Чому створення перемикача мови важливе для багатомовних веб-сайтів Drupal ?
Розробка зручного перемикача мови має вирішальне значення для успіху багатомовного веб-сайту. Нижче наведено причини, чому створення налаштування перемикача мови для Drupal багатомовних сайтів є корисним.
- Покращений досвід користувача: Зручний перемикач мови сприяє безперебійному переходу між мовами, спрощуючи навігацію та розуміння контенту. Це сприяє покращенню загального досвіду користувача, зменшенню розчарування та підвищенню залученості.
- Інтуїтивно зрозуміла навігація: Користувачі повинні легко знаходити та використовувати перемикач мови. Інтуїтивно зрозумілий перемикач із чітким розташуванням та легко розпізнаваними іконками чи мітками заохочує користувачів легко переключатися між мовами.
- Зменшення відсотка відмов: Зручний перемикач мови допомагає зменшити відсоток відмов. Коли відвідувачі можуть швидко знайти та вибрати бажану мову, вони з більшою ймовірністю залишаться на сайті, вивчать контент і потенційно конвертуються.
- Чітка комунікація: Ефективна комунікація з користувачами є життєво важливою для перемикачів мови. Чіткі та лаконічні мітки чи символи допомагають передавати доступні варіанти мови, мінімізують плутанину та забезпечують користувачам можливість робити обґрунтовані вибори.
- Оптимізація SEO: Пошукові системи враховують досвід користувача при ранжуванні веб-сайтів. Добре реалізований, зручний перемикач мови може позитивно вплинути на багатомовне SEO, підвищуючи видимість та доступність вашого сайту для користувачів, які шукають кількома мовами.
Як налаштувати перемикач мови для Drupal?
Функція перемикання мови зазвичай надається сервісом перекладу веб-сайту. Цю функцію можна налаштувати відповідно до потреб того, що користувач хоче розробити.
Однак іноді не всі сервіси перекладу надають функцію перемикання мови, яку легко налаштувати та використовувати. Тому важливо шукати автоматичний сервіс перекладу, який надає та сумісний з багатьма CMS, одним з яких є Linguise.
Linguise автоматичний переклад забезпечує гнучку та легко настроювану функцію перемикання мови та інтегрується з Drupal.
Потім, як налаштувати перемикач мови для веб-сайту Drupal . Просто продовжуйте читати пояснення нижче.
Крок 1: Зареєструйте обліковий запис Linguise
Початковий процес реєстрації передбачає створення безкоштовного облікового запису з Linguise та використання їхнього одномісячного безкоштовного тестового періоду. Щоб зареєструватися для Linguise облікового запису, просто надайте свою адресу електронної пошти, щоб створити ім'я користувача та пароль.
Протягом тестового періоду, який триває повний місяць, ви матимете доступ до ряду комплексних і переконливих функцій, пропонованих Linguise. Після завершення тестового періоду ви будете перенаправлені до панелі керування Linguise .
Крок 2: Додайте домен веб-сайту Drupal
У панелі керування Linguise, вам потрібно буде додати домен вашого Drupal сайту, який потребує перекладу. Потрібно заповнити декілька полів, включаючи.
- Обліковий запис
- URL-адреси
- Платформи/СМС
- Мова
- Мова перекладу
- Перекласти URL-адреси
Продовжуйте, активувавши ключ API та налаштувавши URL-адресу мови. Для отримання вичерпних інструкцій щодо додавання домену веб-сайту зверніться до керівництва для встановлення Linguise автоматичного перекладу в Drupal або перегляньте навчальне відео нижче.
Крок 3: Активувати перемикач мови
Після завершення всіх налаштувань наступним кроком є введення налаштувань перемикання мови та відображення прапора для підвищення зручності користувачів під час зміни мови. Щоб зробити це, скопіюйте код, наданий у Linguise панелі керування, перейшовши до Linguise панелі керування > Налаштування > копіювати до буфера обміну.
Щоб додати вміст до заголовка сторінки, ви можете скористатися Drupal модулем під назвою Add to Head. Просто перейдіть до Конфігурація > Розробка > Додати профіль.
Нарешті, переконайтеся, що ви підтвердили або перевірили розташування сценарію.
Перемикач мови спочатку відображатиметься у плаваючому положенні у верхньому правому куті вашого веб-сайту. Ви маєте можливість налаштувати відповідно до ваших уподобань.
Крок 4: Налаштування головного дисплея
Додатково, у вас є можливість персоналізувати перемикач мови, перейшовши до Linguise панелі управління та перейшовши до розділу Налаштування. У цій області перейдіть до налаштувань Відображення прапорів мови. Будь-які зміни, внесені в цьому розділі, будуть автоматично відображені в перемикачі мови на вашому веб-сайті.
У початковому налаштуванні ми будемо коригувати основний дисплей, фокусуючись на різних компонентах.
Початковий розгляд - це конфігурація форми відображення списку мов, що надає три варіанти вибору: поруч, випадаючий список або спливаюче вікно. Зліва є попередній перегляд для кожної форми.
Перша форма, представлена нижче, є розташуванням поруч.
Наступна форма набуває вигляду випадаючого списку, як показано нижче.
Нарешті, є спливаюча форма.
Продовжуючи, наступний крок передбачає налаштування позиції, де ви можете визначити розміщення перемикача мови. Є кілька варіантів позиціонування на вибір, тому обов'язково оберіть позицію, яка легко помітна відвідувачам.
Нарешті, вирішіть щодо комбінації переваг, чи це прапор + назва мови, прапор + коротка назва, чи тільки прапор.
Крок 5: Встановіть дизайн прапорів
Після цього, під основним розділом відображення, ви знайдете конфігурації дизайну для прапора. Зображення нижче ілюструє деякі з доступних варіантів налаштування.
- Відображення назви мови: У вас є можливість відображати назву відповідно до країни або мови, наприклад “Німецька” або “Deutsch.”
- Тип прапора англійської мови: Цей параметр застосовується до мов з кількома варіаціями, наприклад “Англійська США” або “Англійська Британія” (аналогічно іспанській, тайванській, німецькій та португальській).
- Стиль прапора: Цей параметр дозволяє визначити форму значка прапора, чи повинен він бути круглим або квадратним (прямокутним).
Крок 6: Встановіть колір і розмір прапора
Після налаштування дизайну прапора наступна дія передбачає коригування кольорів, розміру та інших елементів. У наступному інтерфейсі доступні численні параметри налаштування, включаючи:
- Радіус рамки прапора: Персоналізація радіуса рамки в пікселях при використанні прямокутника.
- Колір назви мови: Вибір кольору тексту за замовчуванням для назви мови.
- Колір мови у спливаючому вікні: Колір назви мови у спливаючому вікні або випадаючому списку.
- Розмір прапорця: Зміна розміру прапорця.
- Колір назви мови при наведенні: Колір тексту при наведенні миші на назву мови.
- Колір назви мови у спливаючому вікні при наведенні: Колір тексту при наведенні миші на назву мови у спливаючому вікні або випадаючому списку.
Крок 7: Встановіть тінь прапора
На останньому етапі у вас є можливість налаштувати параметри тіні для прапорця. Початкове налаштування дозволяє вказати тінь для кожного прапорця, відображеного на вашому веб-сайті, тоді як наступне налаштування стосується ефекту тіні при наведенні курсору на прапорець мови.
Переконайтеся, що натиснули Зберегти , щоб зберегти налаштування для перемикача мови.
Після налаштування перемикача мови для Drupal, ось результати, яких можна очікувати від перемикача мови.
Як створити зручний перемикач мови для вашого сайту Drupal ?
Після процесу створення перемикача мови для Drupalтепер важливо зрозуміти, як створити зручний перемикач мови, щоб покращити різні переваги для вашого веб-сайту.
- Впізнавані іконки або прапори: Використовуйте добре відомі іконки мов або прапори для представлення різних мов. Переконайтеся, що вибрана іконка або прапор візуально помітні та загальновизнані для ясності.
- Стратегічне розміщення: Розмістіть інструмент перемикання мови на видному місці на вашому веб-сайті, в ідеалі послідовно на всіх сторінках, таких як заголовки, нижні колонтитули або меню навігації. Забезпечте видимість та легкість доступу до інструменту перекладу.
- Мітка мови на прапорах: Чітко маркуйте кожен варіант мови відповідною мовою. Наприклад, використовуйте “Українська” для української, “English” для англійської, “Español” для іспанської, “Deutsch” для німецької тощо. Це допомагає користувачам легко ідентифікувати та вибрати бажану мову.
- Інноваційний дизайн: Застосовуйте інноваційний дизайн для інструменту перекладу, використовуючи знайомі символи або текст для позначення вибору мови. Наприклад, використовуйте “EN” для англійської та “DE” для німецької. Переконайтеся, що інструмент перемикання мови виділяється за допомогою різних кольорів або виділення.
- Зручне переключення: Спростіть процес для користувачів переключитися на іншу мову, якщо мова за замовчуванням не відповідає їхнім уподобанням. Уникайте використання випадаючих меню, списків прапорів/іконок або кнопок перемикання для вибору мови.
- Адаптивний дизайн: Переконайтеся, що інструмент перемикання мови є адаптивним і працює безперебійно на різних пристроях і розмірах екрана. Протестуйте його функціональність на настільних комп'ютерах, смартфонах і планшетах, щоб гарантувати безперебійну роботу для всіх користувачів.
Налаштуйте перемикач мови для мультилінгвістичного веб-сайту Drupal за допомогою Linguise!
На цей момент ви отримали уявлення про конфігурації перемикача мови для Drupal. Створення перемикача мови може принести численні переваги і, відповідно, забезпечити оптимізацію на основі вищезазначених пунктів.
Правильно оптимізуючи перемикач мови, можна покращити загальний користувацький досвід.
Тепер? Продовжуйте і зареєструйте Linguise обліковий запис, підключіть свій Drupal веб-сайт і тонко налаштуйте перемикач мови для забезпечення покращеного користувацького досвіду.
