Селектор мови — важливий елемент, на який слід звернути особливу увагу під час створення багатомовного веб-сайту, оскільки перемикач мов — це те, до чого користувачі часто звертаються, коли хочуть змінити мову.
Ефективна кнопка перемикання мови може надати веб-сайту кілька переваг, від збільшення веб-оптимізації до збільшення продажів.
У цій статті ми обговоримо найкращі методи розробки селекторів мови. Давайте обговоримо це далі в наступній статті.
Селектор мови — це елемент або функція інтерфейсу користувача, яка дозволяє користувачам вибирати мову, якою вони бажають взаємодіяти з веб-сайтом, програмою або будь-якою цифровою платформою. Його зазвичай можна знайти на веб-сайтах, програмних застосунках та інших цифрових інтерфейсах, які підходять користувачам, які розмовляють різними мовами.
Засіб вибору мови зазвичай відображає список доступних мов, і користувач може вибрати мову за своїм вибором із цього списку. Після вибору вміст інтерфейсу, включаючи текст, мітки та іноді зображення, відображатиметься вибраною мовою. Це особливо важливо для веб-сайтів і програм, які обслуговують глобальну аудиторію або різноманітну базу користувачів.
Селектори мови сприяють покращенню взаємодії з користувачем, роблячи цифровий вміст доступним для ширшої аудиторії, незалежно від рівня її володіння мовою. Вони є ключовим компонентом локальних зусиль, що дозволяє розробникам і дизайнерам адаптувати свої продукти до різних мовних і культурних контекстів.
Налаштування перемикача мов на багатомовному веб-сайті має кілька важливих переваг.
Кожен власник веб-сайту, безсумнівно, ретельно обміркує, як виглядає його селектор мови, кожен веб-сайт, звичайно, матиме різні переваги. Для тих із вас, хто шукає тип вибору мови, який можна використовувати, ось деякі з них.
Це один із поширених типів перемикання мов. Кнопка мови зазвичай є піктограмою або текстом, що вказує мову, яка відображається, наприклад, «EN» для англійської або прапор країни для представлення певної мови. Коли користувачі натискають кнопку мови, вони будуть перенаправлені на версію веб-сайту відповідною мовою.
Для мовних кнопок рекомендується відображати обмежену кількість мов, щоб уникнути захаращеного дисплея. Як правило, наявність більше ніж 4-5 мов може створити візуальний ефект зайнятості. Важливо розташувати кнопку на видному місці, щоб користувачі могли її легко знайти. Ми обговоримо ці аспекти далі в наступному розділі цієї статті.
Мовні кнопки можуть бути придатними для компаній, які націлені на певні ринки або обслуговують міжнародні спільноти в певних місцях. Нижче наведено приклад використання мовної кнопки на веб-сайті ВООЗ.
Текстові посилання – це тип перемикача мов, який використовує текст у формі назви мови як посилання. Наприклад, ви можете відображати текстові посилання, такі як «English», «Français» або «Español», які спрямовують користувачів на версію веб-сайту вибраною мовою. Це текстове посилання зазвичай розміщується в списку або спадному меню, щоб полегшити користувачам вибір потрібної мови.
Один із типів вибору мови посилань використовується великою компанією Facebook, окрім перерахованих мов, ви також можете натиснути значок (+), щоб знайти інші мови.
Після цього сторінка буде негайно перекладена на попередньо вибрану мову.
Меню вибору – це тип перемикача мов, який використовує спадне або відкрите меню для вибору мови. Коли користувачі натискають на меню параметрів, вони побачать список доступних мов і зможуть вибрати потрібну мову. Меню параметрів може містити піктограми або прапорці країни як індикатори мови, а також назви мов у тексті.
Меню вибору суттєво відрізняється від кнопки мови, цей тип є складнішим, ніж просто кнопка. Наприклад, наведений нижче приклад із веб-сайту Porsche.
Вони надають веб-сайт вибору мови, де користувачі можуть безпосередньо вказати свою мову або країну призначення.
Розуміючи різні типи селекторів мов, які можна використовувати на веб-сайтах, під час створення селекторів мов важливо застосувати найкращі практики, щоб ви могли створити ефективний селектор мови, здатний забезпечити хорошу взаємодію з користувачем. Ось кілька найкращих практик.
На даний момент ви знаєте найкращі практики для вибору мови. Цей переклад можна зробити після того, як ви скористаєтеся послугою перекладу сайту. Однак не всі служби перекладу забезпечують гнучкість налаштувань вибору мови.
Але ви не переживайте, тому що Linguise не такий. Linguise — це служба автоматичного перекладу, яка надає користувачам можливість налаштувати перемикач мов. Деякі з переваг, які ви отримаєте, використовуючи Linguise , включають.
У цьому посібнику ми будемо використовувати WordPress як приклад використовуваної CMS.
Щоб отримати доступ до перемикача мов на Linguise , спершу потрібно зареєструвати обліковий запис на Linguise . Linguise також пропонує одномісячну безкоштовну пробну версію, яка включає різноманітні функції, якими ви можете скористатися.
Другим кроком є додавання домену веб-сайту в Linguise , яким ви вже володієте, на Linguise . Є кілька речей, які вам потрібно заповнити, починаючи з.
Після цього вам потрібно активувати ключ API та встановити URL мови. Щоб отримати повний посібник із додавання домену веб-сайту, ви можете прочитати документацію, а спеціально для WordPress ви можете ознайомитися, установивши автоматичний переклад Linguise WordPress або переглянувши відеопосібник нижче.
Після успішного додавання веб-сайту відкрийте WordPress і встановіть Linguise , зробіть це, вибравши Плагіни > Додати > Linguise > Встановити > Активувати.
Якщо плагін уже встановлено, перейдіть на інформаційну панель Linguise та скопіюйте ключ API.
Потім відкрийте плагін Linguise та вставте код API, отриманий із інформаційної панелі Linguise у наступний стовпець.
Щоб налаштувати перемикач мов або відображення мовних прапорців, кроки виконуються на Linguise в меню Налаштування > Відображення мовних прапорців.
Під час початкового налаштування ми внесемо корективи в головний дисплей, враховуючи різні компоненти.
Однією з початкових міркувань є конфігурація формату відображення списку мов, який пропонує три варіанти на вибір: пліч-о-пліч, розкривне меню або спливаюче вікно. Ліворуч є вікно попереднього перегляду для кожного формату.
Перший формат, як показано нижче, є компонуванням поруч.
У наступному форматі використовується стиль розкривного списку, як показано на зображенні нижче.
Нарешті, у нас є формат спливаючого вікна як остаточний варіант.
Далі переходимо до наступного кроку, який передбачає налаштування положення перемикача мов. У вас є можливість вибирати з різних варіантів позиції, тому важливо вибрати позицію, яку легко помітити відвідувачі.
Нарешті, вам потрібно визначитися з перевагою комбінації для відображення параметрів мови. Ви можете вибрати такі параметри, як прапор + назва мови, прапор + коротка назва або просто відображення лише прапора. Це рішення залежатиме від ваших конкретних уподобань щодо дизайну та вподобань вашої цільової аудиторії.
Після цього під основним розділом дисплея ви побачите конфігурації дизайну спеціально для прапора. На зображенні нижче показано деякі з доступних параметрів налаштування.
Після того як дизайн прапора налаштовано, наступним кроком є налаштування кольорів, розміру та інших елементів. У наступному інтерфейсі ви знайдете численні параметри, які можна налаштувати, зокрема:
На завершальному етапі у вас є можливість налаштувати параметри тіні для прапора. Початкове налаштування дозволяє вказати тінь для кожного прапора, що відображається на вашому веб-сайті, тоді як наступне налаштування стосується ефекту тіні під час наведення курсора на прапор мови.
Не забудьте натиснути «Зберегти» , щоб зберегти налаштування, які ви зробили для перемикача мов. Це гарантує, що вибрані конфігурації ефектів тіні реалізовано та збережено для майбутнього використання.
Після виконання всіх налаштувань ось приклад відображення вибору мови за допомогою спливаючого вікна, розташованого у верхньому правому куті, з використанням ініціалів. Це лише приклад, решту ви можете налаштувати на свій розсуд і відповідно до потреб веб-сайту.
Окрім WordPress CMS, ви також можете використовувати інші платформи веб-сайтів і слідувати докладним посібникам, таким як перемикач налаштувань для OpenCart , перемикач мов для Drupal і перемикач налаштувань для PrestaShop .
Тут ви дізналися про найкращі методи розробки селекторів мови та про те, як це зробити за допомогою Linguise ! Повірте, створення перемикача мов може надати багато переваг і забезпечити оптимізацію на основі згаданих вище моментів.
Створюючи засіб вибору мови, обов’язково дотримуйтесь порад і найкращих практик, які ми пояснили вище, починаючи від використання значків і вибору відповідних мов до позиціонування.
Тепер зареєструйте обліковий запис Linguise , додайте свій веб-сайт і налаштуйте селектор мови, щоб забезпечити кращу взаємодію з користувачем. Не забудьте спробувати 1-місячну безкоштовну пробну версію, щоб насолодитися чудовими функціями Linguise Linguise
Отримуйте новини про автоматичний переклад веб-сайтів, міжнародне SEO та багато іншого!
Не йдіть, не поділившись електронною поштою!
Ми не можемо гарантувати, що ви виграєте в лотерею, але можемо пообіцяти кілька цікавих інформаційних новин щодо перекладу та періодичних знижок.
