Настройка переключателя языков на Craft CMS — это важнейшая функция для любого сайта, стремящегося охватить глобальную аудиторию. В эпоху глобализации возможность бесшовного переключения между несколькими языками становится насущной необходимостью.
Настройка переключателя языков на Craft CMS улучшает доступность для посетителей из разных стран, может повысить позиции в поисковых системах и укрепить доверие к глобальному бренду. Хотя это может показаться сложным, это пошаговое руководство поможет вам сделать это гладко и эффективно на вашем сайте Craft CMS .
Важность настройки переключателя языков на Craft CMS
Прежде чем углубляться в то, как настроить переключатель языков на Craft CMS, давайте сначала обсудим важность настройки переключателя языков. Вот некоторые из них.
- Улучшение пользовательского опыта: Переключатель языков позволяет посетителям легко получать доступ к контенту на предпочитаемом языке, тем самым улучшая их понимание и взаимодействие с сайтом.
- Снижение показателя отказов: Посетители, которые не могут найти нужный им язык, могут сразу покинуть ваш сайт. Переключатель языков, предлагающий несколько языков, может предотвратить их уход с сайта.
- Повышение конверсии: Понимание деталей продукта, политик и процесса покупки на их языке может побудить посетителей совершить покупку или предпринять другие действия.
- Оптимизация многоязычного SEO: Поисковые системы учитывают факторы пользовательского опыта при ранжировании сайтов. Удобный переключатель языков может улучшить ваш многоязычный SEO рейтинг, упрощая посетителям доступ к контенту на их языке. Правильный перевод контента также посылает поисковым системам положительные сигналы о том, что ваш сайт релевантен для различных запросов на разных языках.
Как настроить переключатель языка на Craft CMS
После того как мы разобрались, насколько важно использовать переключатель языков на многоязычном сайте Craft CMS , давайте обсудим, как это сделать. Обычно сервисы перевода сайтов предлагают эту функцию, которую можно настроить в соответствии с вашими потребностями.
Однако не все сервисы перевода предоставляют переключатель языков, который легко настраивается и удобен для пользователя. Поэтому важно выбрать сервис автоматического перевода, совместимый с различными фреймворками и предоставляющий гибкую функцию переключателя языков.
Одним из сервисов, соответствующих этим критериям, является Linguise. Linguise предлагает функцию переключателя языков, которую легко настроить и которая удобна для пользователя, а также может быть хорошо интегрирована с Craft CMS.
Благодаря бесшовной интеграции Linguise с фреймворком Craft CMS вы можете легко добавить переключатель языков в ваше многоязычное приложение. С помощью передовых функций Linguiseи удобного интерфейса настройка и поддержка переключателя языков на вашем сайте Craft CMS станет намного проще.
Ниже приведены шаги по установке Linguise на многоязычном сайте Craft CMS и настройке переключателя языка.
#1: Зарегистрируйте бесплатный аккаунт Linguise
Зарегистрируйте бесплатный Linguise аккаунт и получите бесплатный пробный период на один месяц, чтобы начать работу. Просто введите свой адрес электронной почты, чтобы создать имя пользователя и пароль.
В течение всего пробного периода вы сможете пользоваться всеми привлекательными возможностями, которые предлагает Linguise . По окончании пробного периода вы будете перенаправлены в панель управления Linguise .
#2: Добавление доменного сайта Craft CMS
После создания вашей учетной записи Linguise вы будете перенаправлены в панель управления для ввода домена вашего сайта Craft CMS . Выберите “Добавить домен” и заполните предоставленные поля:
- Учетная запись
- URL-адрес
- Используемая платформа (Craft CMS)
- Язык по умолчанию
- Языки перевода
- Перевести URL-адреса
- Перевод динамического контента
Вы можете получить ключ API, который необходимо вставить на следующем шаге.
#4: Загрузка скрипта Linguise
Далее вам нужно загрузить скрипт перевода Linguise на ваш сервер, где установлен Craft CMS .
Скачайте скрипт перевода PHP-JS, распакуйте его и загрузите в корневую директорию вашей установки Craft CMS .
Убедитесь, что скрипт размещён в корневом каталоге вашего сайта, где находятся файлы Craft CMS , и что папка сохраняет своё исходное название, “linguise.”
Затем вставьте ключ API Linguise в файл Configuration.php, который вы загрузили на свой сервер. Откройте файл для редактирования и вставьте ваш ключ API в кавычки, заменив текст REPLACE_BY_YOUR_TOKEN.
#5: Включите & настройте переключатель языков
Ссылку на JS-скрипт Linguise необходимо добавить на все страницы вашего Craft CMS , чтобы отображать переключатель языков с флагами и включать альтернативные URL-адреса в заголовки HTML для улучшения SEO.
Чтобы получить ссылку на скрипт, перейдите в настройки домена в панели управления Linguise и скопируйте оттуда предоставленную ссылку на скрипт.
Простой способ внедрить этот код в Craft CMS — добавить его в индекс вашего шаблона. Откройте папку /template и отредактируйте индексный файл, чтобы включить ссылку на скрипт в разделе заголовка.
Чтобы отобразить переключатель языков, представленный всплывающим окном с флагами для выбора нужного языка, вы можете загрузить его, скопировав предоставленный код в конце конфигурации сайта и вставив его в раздел head вашей HTML-страницы. Это действие включит автоматическую загрузку переключателя языков с флагами.
Переключатель языка изначально будет отображаться в формате по умолчанию, но вы можете его персонализировать. Настройте переключатель языка через Linguise панель управления, перейдя в Настройки > Отображение языковых флагов. Этот раздел включает различные параметры настройки, в том числе основное отображение, названия языков и элементы дизайна.
#6 Настройка основного отображения
Чтобы начать настройку переключателя языка, перейдите в раздел «Настройки» > «Отображение языковых флагов» в панели управления Linguise .
В этом разделе вы можете настроить несколько параметров. Во-первых, это основные настройки отображения, где вы можете изменить различные элементы, такие как.
- Стиль значка флага: Вы можете выбрать отображение рядом, выпадающее меню или всплывающее окно.
- Позиция: Этот параметр определяет размещение переключателя языков на вашем сайте. Существует несколько вариантов позиции, поэтому убедитесь, что вы выбрали тот, который удобен для доступа посетителей.
#7 Настройка дизайна флага
После настройки основных параметров отображения вы можете приступить к настройке дизайна отображаемых флагов.
- Отображение названия языка: Вы можете отображать название языка на основе названия страны или самого языка. Например, вы можете показать «French» или «Français».
- Тип английского флага: Эта функция полезна для языков с несколькими вариантами, например, американского или британского английского. Она также применима к испанскому, тайваньскому, немецкому и португальскому языкам.
- Стиль флага: Эта опция позволяет выбрать форму значка флага: круглую или прямоугольную.
#8 Настройка цвета и размера
После завершения настройки дизайна флагов вы можете приступить к настройке цвета и размера флагов. Ниже приведены некоторые параметры, доступные для изменения.
- Радиус скругления флага: Настройте радиус скругления для прямоугольного стиля флага, измеряемый в пикселях.
- Цвет названия языка: Выберите цвет текста по умолчанию для отображения названия.
- Цвет языка во всплывающем окне: Определите цвет текста названия языка во всплывающем окне или выпадающем списке.
- Размер флага: Измените размер значков флагов.
- Цвет названия языка при наведении: Укажите цвет текста, который появляется при наведении курсора на название языка.
- Цвет языка во всплывающем окне при наведении: Определите цвет текста, который появляется при наведении курсора на название языка во всплывающем окне или раскрывающемся списке.
#9 Настройка тени блока
Наконец, вы можете настроить параметры тени флажка. Первоначальная опция позволяет добавить эффект тени к каждому значку флага, отображаемому на вашем сайте. Последующая опция управляет эффектом тени, когда пользователи наводят курсор мыши на языковые флаги.
После внесения всех необходимых изменений нажмите кнопку «Сохранить», чтобы применить настройки. Затем перейдите на свой сайт Craft CMS , чтобы убедиться, что конфигурация успешно применена. Примерно так будет отображаться переключатель языка.
После завершения процесса настройки вы можете проверить работу переключателя языка на вашем многоязычном сайте Craft CMS .
Затем мы автоматически переведем Craft CMS веб-сайт на другие языки, такие как немецкий.
5 советов по оптимизации переключателя языка на Craft CMS
После того как вы настроили переключатель языков на вашем Craft CMS многоязычном сайте, важно понимать лучшие практики разработки селектора языка и его производительность, чтобы принести пользу как вашему сайту, так и посетителям.
Используйте легко узнаваемый логотип флага языка
Использование общепризнанных языковых значков или флагов крайне важно, чтобы посетители могли быстро определить и выбрать предпочитаемый язык. Убедитесь, что используемые значки или флаги понятны, имеют хороший цветовой контраст и широко узнаваемы в разных культурах, чтобы избежать путаницы или двусмысленности.
Знакомые символы или значки помогают создать интуитивно понятный и удобный для пользователя опыт, позволяя посетителям легко перейти к нужной языковой версии. Крайне важно выбирать значки или флаги, которые universally known, чтобы избежать недопонимания или путаницы.
Использование названий языков и флага
Помимо использования только флагов, рекомендуется рассмотреть возможность добавления как флагов, так и названий языков на оригинальном языке. Такой подход поможет избежать путаницы, поскольку на некоторых языках говорят в нескольких странах с разными флагами.
Прямое использование названий языков устраняет двусмысленность и гарантирует, что посетители смогут четко определить и выбрать нужный язык без недоразумений. Более того, использование названий языков может быть более инклюзивным и уважительным к культурному разнообразию.
Разместите кнопку переключения языка стратегически
Давайте разместим кнопку переключателя языков на видном и легкодоступном месте вашего сайта. Стандартные варианты размещения включают верхний колонтитул, нижний колонтитул или главное меню навигации. Эти места интуитивно понятны для большинства интернет-пользователей и соответствуют их ожиданиям при поиске языковых опций.
Последовательное размещение на всех страницах гарантирует, что посетители смогут легко получить доступ к переключателю языков независимо от точки входа или конкретной страницы, которую они посещают. Такое последовательное размещение помогает создать плавный и предсказуемый пользовательский опыт.
Реализуйте адаптивный дизайн переключателя языков
Убедитесь, что кнопка переключения языка адаптивна и хорошо работает на различных устройствах и размерах экрана, включая настольные компьютеры, планшеты и смартфоны. Протестируйте её на разных устройствах и разрешениях экрана, чтобы обеспечить безупречный пользовательский опыт без обрезания или наложения элементов.
Адаптивный дизайн гарантирует, что посетители смогут легко получить доступ к языковым опциям с любого устройства, повышая доступность и удобство переключения языка.
Убедитесь, что переключатель языка единообразно отображается на всех страницах
Убедитесь, что переключатель языков сохраняет единообразный внешний вид и поведение на всем вашем сайте. Пользователи должны иметь возможность плавно переключать языки независимо от страницы, на которой они находятся, или просматриваемого контента. Единообразие не только обеспечивает целостный пользовательский опыт, но и повышает доступность и наличие языковых опций, формируя доверие и уверенность в вашем многоязычном сайте.
Любая несогласованность в переключателе языков может запутать и разочаровать пользователей, что может заставить их покинуть ваш сайт.
Настройте переключатель языков на Craft CMS с помощью Linguise!
На этом этапе вы должны понимать, что настраиваете переключатель языков для многоязычного веб-сайта Craft CMS . Создание переключателя языков может дать различные преимущества и может быть доработано на основе ранее упомянутых пунктов.
Оптимизация переключателя языка может значительно улучшить общий пользовательский опыт. Далее зарегистрируйте Linguise аккаунт, интегрируйте его со своим сайтом Craft CMS и настройте переключатель языка, чтобы ещё больше улучшить пользовательский опыт.
