Створення багатомовних веб-сайтів стало необхідним для компаній і організацій, які обслуговують аудиторію з різним мовним походженням. 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/», просто скопіюйте весь наступний код після цього.
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]
Крок 5. Увімкніть перемикач мов на Laravel
Наступним кроком є активація перемикача мов, вставивши сценарій, отриманий із інформаційної панелі Linguise . Вставлення цього сценарію перемикання мов може відрізнятися залежно від теми, яка використовується в Laravel .
У цьому випадку сценарій буде вставлено у front.blade.php , розташований у resources/views/layouts/ . Нижче наведено попередній перегляд вставленого сценарію.
Крок 6: Налаштуйте головний дисплей
Щоб почати налаштування перемикача мов, перейдіть до «Налаштування» > «Відображення прапорців мови» на Linguise .
На цій сторінці ви можете налаштувати кілька параметрів. По-перше, це основні налаштування дисплея, де ви можете налаштувати різні аспекти, такі як:
- Стиль піктограми прапора: Ви можете вибрати один із трьох варіантів; паралельне відображення, спадне меню або спливаюче вікно.
- Позиція: це налаштування визначає, де на вашому сайті буде перемикач мов. Доступні різні варіанти позиції. Обов’язково виберіть місце, яке буде легко доступним для відвідувачів.
Ви можете комбінувати відображення прапорів і назв мов, прапорів і скорочень мов або просто назв мов. Для легшого розпізнавання користувачів рекомендується використовувати прапори та назви мов.
Крок 7: Встановіть дизайн прапора
Після налаштування головного дисплея ви можете додатково налаштувати дизайн прапорів, які відображатимуться.
- Назва мови відображення: Ви можете вибрати відображення назви мови на основі назви країни або самої назви мови. Наприклад, ви можете відобразити «French» або «Français».
- Тип англійського прапора: цей параметр корисний для мов із кількома варіаціями, як-от американська чи британська англійська (це також стосується іспанської, тайванської, німецької та португальської).
- Стиль прапора: цей параметр дозволяє вибрати форму піктограми прапора, круглу або прямокутну.
Крок 8: Налаштуйте колір і розмір
Після завершення налаштування дизайну прапора ви можете налаштувати колір і розмір прапорів. Ось деякі налаштування, які ви можете змінити.
- Радіус межі прапора: налаштуйте радіус межі в пікселях для стилю прямокутного прапора.
- Колір назви мови: виберіть колір тексту за умовчанням для відображення назви мови.
- Колір мови спливаючого вікна: установіть колір тексту назви мови у спливаючому вікні чи спадному меню.
- Розмір прапора: налаштуйте розмір значків прапора.
- Колір наведення курсора на назву мови: установіть колір тексту, який з’являється, коли користувач наводить курсор на назву мови.
- Колір мови спливаючого вікна при наведенні: установіть колір тексту, який з’являється, коли користувач наводить курсор на назву мови у спливаючому вікні чи спадному меню.
Крок 9: Встановіть прапорець box-shadow
Нарешті, ви можете налаштувати параметри тіні поля прапора. Перший варіант дозволяє застосувати ефект тіні до кожної піктограми прапорця, що відображається на вашому веб-сайті. Наступний параметр керує ефектом тіні, коли користувачі наводять курсор миші на прапорці мови.
Після того, як ви зробите всі необхідні налаштування, натисніть «Зберегти» , щоб застосувати зміни налаштування. Після цього перейдіть на Laravel щоб переконатися, що конфігурація успішно застосована. Приблизно так буде виглядати перемикач мов.
Після завершення налаштування ви можете побачити, як працює перемикач мов на вашому багатомовному веб-сайті Laravel .
Після цього ми спробуємо перекласти веб-сайт іншими мовами, наприклад французькою.
Найкращі методи оптимізації перемикання мов на багатомовному веб-сайті Laravel
Після успішного налаштування перемикача мов на багатомовному веб-сайті Laravel вам також потрібно знати поради щодо оптимізації перемикання мов як для вашого веб-сайту, так і для відвідувачів.
Використовуйте легко впізнавані мовні значки або прапорці
Загальновизнані символи чи прапори мають вирішальне значення для того, щоб відвідувачі могли швидко визначити та вибрати бажану мову. Переконайтеся, що використовувані піктограми або прапорці візуально помітні, мають гарний колірний контраст і широко зрозумілі в різних культурах, щоб уникнути плутанини чи двозначності. Знайомі символи чи піктограми допомагають створити інтуїтивно зрозумілий і зручний досвід, дозволяючи відвідувачам легко переходити до потрібної мовної версії. Щоб уникнути будь-яких можливих непорозумінь або плутанини, важливо вибрати піктограми чи прапори, які є загальновизнаними.
Стратегічне розташування кнопки перемикання мов
Розмістіть кнопку перемикання мов на видному та легкодоступному місці вашого веб-сайту. Стандартні місця розташування включають верхній, нижній колонтитул або головне навігаційне меню. Ці місця є інтуїтивно зрозумілими для більшості користувачів Інтернету та відповідають їхнім очікуванням під час пошуку варіантів мови. Послідовне розміщення на всіх сторінках гарантує, що відвідувачі можуть легко отримати доступ до перемикача мов, незалежно від точки входу чи конкретної сторінки, яку вони відвідують. Таке узгоджене розміщення допомагає створити безперебійну та передбачувану взаємодію з користувачем.
Підтримуйте послідовність на всіх сторінках
Переконайтеся, що перемикач мов підтримує постійний вигляд і поведінку на всьому веб-сайті. Користувачі повинні мати можливість плавно перемикати мови, незалежно від сторінки, на якій вони знаходяться, або вмісту, який вони переглядають. Узгодженість не тільки забезпечує цілісну взаємодію з користувачем, але й підсилює доступність і доступність мовних параметрів, зміцнюючи довіру та впевненість у вашому багатомовному веб-сайті. Будь-які невідповідності в перемикачі мов можуть призвести до плутанини та розчарування користувачів, що може призвести до того, що вони покинуть ваш веб-сайт.
Розгляньте можливість використання назв мов і прапорів
Замість того, щоб просто використовувати прапори, було б гарною ідеєю розглянути можливість використання прапорів і назв мов у їхній оригінальній формі. Такий підхід може допомогти уникнути плутанини, оскільки в деяких країнах розмовляють деякими мовами з різними прапорами. Використання назв мов безпосередньо усуває двозначність і гарантує, що відвідувачі можуть чітко ідентифікувати та вибрати потрібну мову без неправильного тлумачення. Крім того, використання назв мов може бути більш інклюзивним і поважати культурне розмаїття.
Зручний процес перемикання мов
Спростіть процес переходу користувачів на іншу мову, якщо мова за умовчанням не відповідає їхнім уподобанням. Ви також можете використовувати такі елементи, як спадні меню, списки прапорців/піктограм або кнопки-перемикачі для вибору мови. Однак переконайтеся, що кожна кнопка натискається плавно та чітко відображає доступні параметри мови. Цей зручний підхід мінімізує тертя та забезпечує плавний перехід мови, покращуючи загальну взаємодію з користувачем. Плавний і простий процес перемикання мов може підвищити задоволеність користувачів і заохотити відвідувачів досліджувати ваш багатомовний вміст.
Налаштуйте перемикач мов на багатомовному веб-сайті Laravel за допомогою Linguise !
На цьому етапі ви повинні знати, що ви налаштовуєте перемикач мов для багатомовної мережі Laravel . Розробка перемикача мов може дати різні переваги та, як наслідок, призвести до оптимізації на основі вищезгаданих моментів.
Ефективно оптимізувавши перемикач мов, він може значно покращити загальну взаємодію з користувачем. Тепер перейдіть до реєстрації Linguise , інтегруйте свій Laravel і налаштуйте перемикач мов, щоб покращити взаємодію з користувачем.