Створення багатомовних вебсайтів стало необхідністю для бізнесу та організацій, які обслуговують аудиторію з різним мовним походженням. Laravel, широко використовуваний фреймворк для вебзастосунків на PHP, надає потужні інструменти та функції, які полегшують розробку й підтримку багатомовних вебсайтів.
Одним із ключових компонентів багатомовного вебсайту є перемикач мов, який дозволяє користувачам безперешкодно перемикатися між доступними мовами. У цій статті ми розглянемо важливість перемикачів мов і надамо покрокову інструкцію щодо його налаштування на Laravel багатомовному вебсайті.
Чому перемикач мов важливий на багатомовних вебсайтах Laravel ?
Перш ніж обговорювати, як налаштувати перемикач мов на багатомовному вебсайті Laravel , важливо зрозуміти, навіщо це потрібно.
- Досвід користувача: Добре продуманий перемикач мов покращує досвід користувача, дозволяючи відвідувачам легко отримувати доступ до вмісту бажаною мовою. Цей плавний перехід на їхню рідну або бажану мову забезпечує краще розуміння та залучення до вмісту вебсайту. Коли користувачі можуть споживати інформацію зручною для них мовою, вони з більшою ймовірністю залишаться на вебсайті довше, переглянуть більше сторінок і потенційно стануть клієнтами або виконають бажані дії. Плавний досвід перемикання мов усуває розчарування та бар'єри, що призводить до підвищення задоволеності та позитивного загального досвіду користувача.
- Пошукова оптимізація (SEO): Пошукові системи надають перевагу вебсайтам, які пропонують контент кількома мовами, оскільки це демонструє прагнення обслуговувати глобальну аудиторію. Перемикач мов може покращити видимість і рейтинг вашого вебсайту в результатах пошуку. Надаючи контент кількома мовами, ви збільшуєте шанси того, що ваш вебсайт з’являтиметься вище в результатах пошуку за запитами цими мовами, розширюючи вашу онлайн-присутність і залучаючи більше цільового трафіку.
- Зменшення показника відмов: Зручний для користувача перемикач мов допомагає знизити показник відмов. Коли відвідувачі можуть швидко знайти та вибрати бажану мову, вони з більшою ймовірністю залишаться на сайті, досліджуватимуть контент і потенційно здійснять конверсію. Користувачі, які натрапляють на контент незнайомою мовою, можуть швидко залишити вебсайт, що призводить до високого показника відмов. Однак із перемикачем мов вони можуть легко перейти до бажаної мовної версії, що спонукає їх залишитися та взаємодіяти з контентом, зрештою знижуючи показник відмов.
- Збільшення конверсій продажів: Надаючи контент мовами, які розуміють відвідувачі, ви можете підвищити ймовірність конверсій, таких як покупка товарів або реєстрація на послуги. Якщо відвідувачі можуть легко зрозуміти деталі продукту, політики та процес оформлення замовлення своєю мовою, бар'єри для прийняття рішень про покупку зменшаться. Пропонування багатомовного контенту через перемикач мов покращує загальний досвід покупки та може призвести до вищих показників конверсії.
Як налаштувати перемикач мов на багатомовному сайті Laravel ?
Після розуміння важливості перемикача мови на багатомовному сайті Laravel , давайте обговоримо, як його впровадити. Сервіси перекладу вебсайтів зазвичай пропонують цю функцію, яку можна налаштувати відповідно до потреб користувача.
Однак не всі служби перекладу пропонують легко настроювані та зручні перемикачі мов. Тому важливо вибрати службу автоматичного перекладу , яка сумісна з різними фреймворками та надає гнучкі функції перемикання мов.
Одним із сервісів автоматичного перекладу, що відповідає цим критеріям, є Linguise. Автоматичний переклад Linguise пропонує функцію перемикача мов, яку можна гнучко налаштовувати та яка є зручною для користувачів, інтегровану з популярними фреймворками, як-от Laravel.
Linguise забезпечує бездоганну інтеграцію з фреймворком Laravel , дозволяючи розробникам легко впроваджувати перемикач мов у свої багатомовні застосунки. Використовуючи розширені функції та зручний інтерфейс Linguise, ви можете оптимізувати процес налаштування та підтримки перемикача мов на вашому вебсайті Laravel .
Без зайвих слів, ось кроки, щоб встановити Linguise на багатомовному Laravel сайті та налаштувати перемикач мов.
Крок 1: Зареєструйте безкоштовний обліковий запис Linguise
Перший крок до реєстрації передбачає створення безкоштовного облікового запису в Linguise та використання одномісячного безкоштовного пробного періоду. Щоб зареєструвати обліковий запис Linguise , просто введіть свою електронну адресу, щоб створити ім’я користувача та пароль.
Протягом одномісячного пробного періоду ви матимете доступ до повного набору захопливих функцій Linguise. Після завершення пробного періоду вас буде перенаправлено до панелі керування Linguise .
Крок 2: Додайте домен Laravel вебсайту
Після підключення до Linguise панелі керування, вам потрібно додати новий веб-сайт і зберегти його налаштування, щоб отримати ключ API. Спочатку потрібно заповнити кілька полів для додавання веб-сайту, зокрема такі.
- Обліковий запис
- URL-адреси
- Платформи/CMS
- Мова
- Мова перекладу
- Переклад URL-адрес
Після цього ви отримаєте ключ API, цей ключ API активується, щоб увімкнути переклад на вашому вебсайті. По суті, ключ API перевіряє, які мови увімкнено для конкретного домену, і дозволяє створювати автоматично перекладені сторінки. Скопіюйте ключ API та збережіть його в буфер обміну.
Далі натисніть на вкладку «Скрипт PHP» , щоб отримати інструкції зі встановлення, яких ми детально дотримуватимемося тут.
Крок 3: Завантажте та підключіть скрипт перекладу Linguise
Скрипт перекладу Linguise потрібно завантажити на ваш сервер і розмістити в папці, де встановлено Laravel . Ви можете завантажити його тут.
Після завантаження скрипту розпакуйте його та завантажте до кореневої папки, де встановлено Laravel .
Переконайтеся, що скрипт знаходиться на кореневому рівні вашого встановлення Laravel (зазвичай там, де розташовані файли вашої CMS). Переконайтеся, що папка має назву «linguise» (назва за замовчуванням після розпакування).
Крок 4: Налаштування URL-адрес мови
Далі потрібно налаштувати мовні URL-адреси. Мовні URL-адреси потрібно налаштувати у файлі .htaccess. Якщо у вашому файлі є «RewriteBase/», просто скопіюйте весь наведений нижче код після нього.
<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: Увімкнення перемикача мов на Laravel
Наступний крок — активувати перемикач мов, вставивши скрипт, який ви отримали з панелі керування Linguise . Вставлення цього скрипта перемикача мов може відрізнятися залежно від теми, яка використовується в Laravel.
У цьому випадку скрипт буде вставлено у файл front.blade.php , розташований у каталозі resources/views/layouts/ . Нижче наведено попередній перегляд вставленого скрипта.
Крок 6: Налаштування головного відображення
Щоб почати налаштування перемикача мов, перейдіть до розділу «Налаштування» > «Відображення мовних прапорців» у Linguise панелі керування.
На цій сторінці ви можете налаштувати кілька параметрів. Перший — це основні налаштування відображення, де ви можете змінити різні аспекти, як-от:
- Стиль значка прапора: Ви можете вибрати один із трьох варіантів: поруч, у спадному меню або у спливаючому вікні.
- Позиція: Це налаштування визначає, де перемикач мови буде розташований на вашому сайті. Доступні різні варіанти позицій. Обов’язково виберіть позицію, яка легко доступна для відвідувачів.
Ви можете поєднувати відображення прапорів і назв мов, прапорів і скорочень мов або лише назв мов. Рекомендується використовувати прапори та назви мов для легшого розпізнавання користувачами.
Крок 7: Налаштуйте дизайн прапора
Після налаштування основного відображення ви можете додатково налаштувати дизайн прапорців, які будуть показані.
- Відображувана назва мови: Ви можете вибрати, чи показувати назву мови на основі назви країни, чи самої назви мови. Наприклад, ви можете відображати «French» або «Français».
- Тип прапора для англійської: Ця опція корисна для мов із кількома варіантами, як-от американська чи британська англійська (вона також застосовується до іспанської, тайванської, німецької та португальської).
- Стиль прапора: Це налаштування дозволяє вибрати форму значка прапора — круглу або прямокутну.
Крок 8: Налаштуйте колір і розмір
Після завершення налаштування дизайну прапорців ви можете налаштувати колір і розмір прапорців. Ось кілька параметрів, які ви можете змінити.
- Радіус заокруглення прапора: Налаштуйте радіус заокруглення в пікселях для прямокутного стилю прапора.
- Колір назви мови: Виберіть колір тексту за замовчуванням для відображення назви мови.
- Колір мови у спливаючому вікні: Встановіть колір тексту назви мови у спливаючому вікні або області випадаючого списку.
- Розмір прапора: Налаштуйте розмір значків прапорів.
- Колір наведення курсора на назву мови: встановлення кольору тексту, який відображається, коли користувач наводить курсор на назву мови.
- Колір назви мови у спливаючому вікні при наведенні: Встановіть колір тексту назви мови, який з'являється, коли користувач наводить курсор на назву мови у спливаючому вікні або випадаючому списку.
Крок 9: Налаштуйте тінь прапорця
Нарешті, ви можете налаштувати параметри тіні для блоку прапорців. Перша опція дозволяє застосувати ефект тіні до кожної іконки прапорця, що відображається на вашому вебсайті. Наступна опція керує ефектом тіні, коли користувачі наводять курсор миші на прапорці мов.
Після внесення всіх бажаних змін натисніть кнопку Зберегти , щоб застосувати зміни налаштувань. Потім перейдіть на свій вебсайт Laravel , щоб переконатися, що конфігурацію успішно застосовано. Приблизно так виглядатиме перемикач мов.
Після завершення налаштування ви можете побачити, як працює перемикач мов на вашому багатомовному вебсайті Laravel .
Після цього ми спробуємо перекласти вебсайт іншими мовами, наприклад французькою.
Найкращі практики оптимізації перемикача мов на багатомовному вебсайті Laravel
Після успішного налаштування перемикача мов на багатомовному сайті Laravel вам також потрібно знати поради щодо оптимізації перемикача мов як для вашого сайту, так і для ваших відвідувачів.
Використовуйте легко впізнавані мовні іконки або прапорці
Загальновизнані символи або прапори мають вирішальне значення для того, щоб відвідувачі могли швидко визначити та вибрати бажану мову. Переконайтеся, що використовувані значки або прапори візуально помітні, мають хороший колірний контраст і широко зрозумілі в різних культурах, щоб уникнути плутанини чи двозначності. Знайомі символи чи значки допомагають створити інтуїтивно зрозумілий та зручний для користувача досвід, дозволяючи відвідувачам без зусиль перейти до потрібної мовної версії. Важливо вибирати значки або прапори, які є загальновизнаними, щоб уникнути будь-яких потенційних непорозумінь чи плутанини.
Стратегічне розміщення кнопки перемикача мов
Розмістіть кнопку перемикача мов у помітній та легкодоступній області вашого вебсайту. Стандартні місця розташування включають верхній колонтитул, нижній колонтитул або головне меню навігації. Ці місця є інтуїтивно зрозумілими для більшості користувачів інтернету та відповідають їхнім очікуванням під час пошуку мовних опцій. Послідовне розміщення на всіх сторінках гарантує, що відвідувачі зможуть легко отримати доступ до перемикача мов, незалежно від точки входу або конкретної сторінки, яку вони відвідують. Таке послідовне розміщення допомагає створити безперебійний та передбачуваний досвід користувача.
Підтримуйте узгодженість на всіх сторінках
Переконайтеся, що перемикач мов зберігає однаковий вигляд і поведінку на всьому вашому вебсайті. Користувачі повинні мати змогу плавно перемикати мови незалежно від сторінки, на якій вони перебувають, або вмісту, який вони переглядають. Послідовність не лише забезпечує цілісний досвід користувача, а й підсилює доступність і наявність мовних опцій, зміцнюючи довіру та впевненість у вашому багатомовному вебсайті. Будь-які невідповідності в перемикачі мов можуть призвести до плутанини та розчарування користувачів, що потенційно може змусити їх залишити ваш вебсайт.
Подумайте про використання назв мов і прапорів
Замість використання лише прапорів, варто розглянути можливість використання прапорів і назв мов у їхньому оригінальному вигляді. Такий підхід допоможе уникнути плутанини, оскільки деякими мовами розмовляють у країнах з різними прапорами. Використання назв мов безпосередньо усуває двозначність і гарантує, що відвідувачі зможуть чітко визначити та вибрати потрібну мову без непорозумінь. Крім того, використання назв мов може бути більш інклюзивним і шанобливим до культурного розмаїття.
Зручний для користувача процес перемикання мови
Спростіть процес перемикання користувачів на іншу мову, якщо мова за замовчуванням не відповідає їхнім уподобанням. Ви також можете використовувати такі елементи, як спадні меню, списки прапорів/іконок або кнопки-перемикачі для вибору мови. Однак переконайтеся, що кожна кнопка легко натискається та чітко показує доступні мовні опції. Такий зручний для користувача підхід мінімізує тертя та забезпечує плавний перехід між мовами, покращуючи загальний досвід користувача. Безперебійний і простий процес перемикання мови може підвищити задоволеність користувачів і спонукати відвідувачів досліджувати ваш багатомовний контент.
Налаштуйте перемикач мов на багатомовному веб-сайті Laravel за допомогою Linguise!
На цьому етапі ви маєте знати, що налаштовуєте перемикач мов для багатомовного вебсайту на Laravel . Розробка перемикача мов може дати різні переваги й, відповідно, привести до оптимізації на основі раніше згаданих пунктів.
Ефективно оптимізувавши перемикач мов, можна значно покращити загальний досвід користувача. Тепер перейдіть до реєстрації облікового запису Linguise , інтегруйте свій вебсайт Laravel та налаштуйте перемикач мов, щоб покращити досвід користувача.
