Створення багатомовних веб-сайтів стало необхідним для бізнесів і організацій, які обслуговують аудиторію з різноманітним мовним складом. 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-адреси
- Платформи/СМС
- Мова
- Мова перекладу
- Перекласти 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: Встановіть дизайн прапора
Після налаштування основного відображення ви можете додатково налаштувати дизайн прапорів, які будуть показані.
- Відображення назви мови: Ви можете вибрати відображення назви мови на основі назви країни або самої мови. Наприклад, ви можете відображати «Французька» або «Français».
- Тип прапора англійської мови: Ця опція корисна для мов з кількома варіаціями, такими як американська або британська англійська (вона також застосовується до іспанської, тайванської, німецької та португальської).
- Стиль прапора: Цей параметр дозволяє вибрати форму значка прапора, круглу або прямокутну.
Крок 8: Налаштування кольору та розміру
Після завершення конфігурації дизайну прапора ви можете налаштувати колір і розмір прапорів. Тут є деякі параметри, які ви можете відрегулювати.
- Радіус прапора: Налаштуйте радіус у пікселях для прямокутного стилю прапора.
- Колір назви мови: Виберіть колір тексту за замовчуванням для відображення назви мови.
- Колір мови у спливаючому вікні: Встановіть колір тексту назви мови у спливаючому вікні або випадаючому списку.
- Розмір прапора: Налаштуйте розмір значків прапора.
- Колір назви мови при наведенні: Встановіть колір тексту, який з'являється, коли користувач наводить курсор на назву мови.
- Колір мови у спливаючому вікні при наведенні: Встановіть колір тексту, який з'являється, коли користувач наводить курсор на назву мови у спливаючому вікні або випадаючому списку.
Крок 9: Встановіть тінь прапорця
Нарешті, ви можете налаштувати параметри тіні прапорця. Перший варіант дозволяє застосувати ефект тіні до кожного значка прапорця, що відображається на вашому веб-сайті. Наступний варіант керує ефектом тіні, коли користувачі наводять курсор миші на прапорці мов.
Після внесення всіх необхідних змін натисніть кнопку Зберегти, щоб застосувати зміни налаштування. Після цього перейдіть на свій Laravel веб-сайт, щоб перевірити, чи успішно застосовано конфігурацію. Ось приблизно так виглядатиме перемикач мови.
Після завершення налаштування ви тепер можете побачити, як працює перемикач мови на вашому багатомовному веб-сайті Laravel .
Після цього ми спробуємо перекласти веб-сайт іншими мовами, наприклад Французькою.
Найкращі практики для оптимізації перемикача мови на багатомовному веб-сайті Laravel
Після успішного налаштування перемикача мови на багатомовному веб-сайті Laravel вам також потрібно знати поради щодо оптимізації перемикача мови як для вашого веб-сайту, так і для ваших веб-відвідувачів.
Використовуйте легко впізнавані значки або прапорці мови
Загальновизнані символи або прапори мають вирішальне значення для відвідувачів, щоб швидко ідентифікувати та вибрати бажану мову. Переконайтеся, що використовувані значки або прапори візуально помітні, мають хороший контраст кольорів і широко розуміються в різних культурах, щоб уникнути плутанини чи двозначності. Знайомі символи чи значки допомагають створити інтуїтивно зрозумілий і зручний досвід, дозволяючи відвідувачам легко перейти до потрібної версії мовою. Важливо вибирати значки або прапори, які є загальновизнаними, щоб уникнути будь-яких потенційних непорозумінь чи плутанини.
Стратегічне розміщення кнопки перемикання мови
Розмістіть кнопку перемикача мови в помітному та легкодоступному місці вашого веб-сайту. Стандартні розміщення включають заголовок, нижній колонтитул або основне меню навігації. Ці розташування інтуїтивно зрозумілі для більшості користувачів Інтернету та відповідають їхнім очікуванням при пошуку мовних опцій. Послідовне розміщення на всіх сторінках гарантує, що відвідувачі зможуть легко отримати доступ до перемикача мови, незалежно від їхньої точки входу або конкретної сторінки, яку вони відвідують. Це послідовне розміщення допомагає створити безперебійний і передбачуваний користувацький досвід.
Підтримуйте послідовність на всіх сторінках
Забезпечте, щоб перемикач мови зберігав послідовний вигляд та поведінку протягом усього вашого веб-сайту. Користувачі повинні мати можливість легко переключатися між мовами, незалежно від сторінки, на якій вони перебувають, або змісту, який вони переглядають. Послідовність не тільки забезпечує цілісний користувацький досвід, але й підвищує доступність та наявність варіантів мови, зміцнюючи довіру та впевненість у вашому багатомовному веб-сайті. Будь-які невідповідності у перемикачі мови можуть призвести до плутанини та розчарування серед користувачів, що потенційно може спричинити відмову від вашого веб-сайту.
Розгляньте можливість використання назв мов та прапорів
Замість того, щоб просто використовувати прапори, добре подумати про використання прапорів та назв мов у їх оригінальній формі. Цей підхід може допомогти уникнути плутанини, оскільки деякі мови говорять у деяких країнах з різними прапорами. Використання назв мов безпосередньо усуває двозначність і гарантує, що відвідувачі зможуть чітко ідентифікувати та вибрати потрібну мову без неправильного тлумачення. Крім того, використання назв мов може бути більш інклюзивним і поважним до культурної різноманітності.
Зручний процес перемикання мови
Спростіть процес для користувачів переключитися на іншу мову, якщо мова за замовчуванням не відповідає їхнім уподобанням. Ви також можете використовувати елементи, такі як випадаючі меню, списки прапорів/іконок або кнопки перемикання для вибору мови. Однак переконайтеся, що кожну кнопку можна натиснути гладко і чітко відображає доступні варіанти мови. Цей зручний підхід мінімізує тертя і забезпечує плавний перехід мови, покращуючи загальний досвід користувача. Безшовний і прямий процес перемикання мови може підвищити задоволеність користувачів і спонукати відвідувачів досліджувати ваш багатомовний контент.
Налаштуйте перемикач мови на багатомовному веб-сайті Laravel за допомогою Linguise!
На цьому етапі ви повинні знати, що ви налаштовуєте перемикач мови для багатомовної мережі Laravel . Розробка перемикача мови може принести різні переваги і, як наслідок, призвести до оптимізації на основі раніше згаданих пунктів.
Ефективно оптимізуючи перемикач мови, можна значно покращити загальний користувацький досвід. Тепер перейдіть до реєстрації облікового запису Linguise, інтегруйте свій веб-сайт Laravel, і тонко налаштуйте перемикач мови, щоб покращити користувацький досвід.
