Переключатель языка — один из важных элементов многоязычного веб-сайта, на который следует обратить внимание при его создании, особенно если речь идёт о многоязычном веб-сайте Drupal .
Переключатель языка — это кнопка переключения языка, используемая для перехода на другой язык при посещении веб-сайта. Важно сделать переключатель языка удобным для посетителей, поскольку это может улучшить пользовательский опыт и оптимизировать SEO.
Итак, как настроить переключатель языка для Drupal и какие преимущества это дает для веб-сайта? Читайте дальше, чтобы узнать подробности.
Почему создание переключателя языка важно для многоязычных сайтов Drupal ?
Разработка удобного переключателя языков имеет решающее значение для успеха многоязычного веб-сайта. Ниже приведены причины, по которым создание переключателя языков для Drupal является полезным.
- Улучшенный пользовательский опыт: удобный переключатель языков обеспечивает плавные переходы между языками, упрощая навигацию и понимание контента. Это способствует улучшению общего пользовательского опыта, снижению уровня разочарования и повышению вовлеченности.
- Интуитивно понятная навигация: Пользователи должны легко находить и использовать переключатель языков. Интуитивно понятный переключатель с четким расположением и легко узнаваемыми значками или надписями позволяет пользователям без труда переключаться между языками.
- Снижение показателя отказов: Удобный переключатель языка помогает снизить показатель отказов. Когда посетители могут быстро найти и выбрать предпочитаемый язык, они с большей вероятностью останутся на сайте, изучат контент и, возможно, совершат конверсию.
- Четкая коммуникация: Эффективная коммуникация с пользователями имеет решающее значение для тех, кто переключается между языками. Четкие и лаконичные обозначения или символы помогают донести информацию о доступных языковых вариантах, минимизируя путаницу и гарантируя, что пользователи смогут сделать осознанный выбор.
- SEO-оптимизация: поисковые системы учитывают удобство использования сайта при ранжировании сайтов. Хорошо реализованный, удобный переключатель языка может положительно повлиять на многоязычную SEO-оптимизацию, повышая видимость и доступность вашего сайта для пользователей, осуществляющих поиск на разных языках.
Как настроить переключатель языка в Drupal?
Функция переключения языка обычно предоставляется службой перевода веб-сайта. Эту функцию можно настроить в соответствии с потребностями пользователя при разработке дизайна.
Однако не все сервисы перевода предоставляют функцию переключения языков, которую легко настроить и использовать. Поэтому важно искать сервис автоматического перевода, который поддерживает и совместим со многими CMS, одной из которых является Linguise.
автоматического перевода Linguise обеспечивает гибкое и легко настраиваемое переключение языков и интегрирована с Drupal .
Итак, как настроить переключатель языка для веб-сайта Drupal ? Просто продолжайте читать объяснение ниже.
Шаг 1: Зарегистрируйте учетную запись Linguise
Для начала регистрации необходимо создать бесплатный аккаунт в Linguise и воспользоваться бесплатным пробным периодом в один месяц. Для регистрации аккаунта Linguise просто укажите свой адрес электронной почты, чтобы создать имя пользователя и пароль.
В течение пробного периода, который длится целый месяц, вам будет доступен ряд всеобъемлющих и привлекательных функций, предлагаемых Linguise. По окончании пробного периода вы будете перенаправлены на панель управления Linguise .
Шаг 2: Добавьте доменное имя на сайт Drupal
В Linguise вам потребуется добавить домен вашего Drupal , нуждающегося в переводе. Необходимо заполнить несколько полей, в том числе:
- Учетная запись
- URL-адреса
- Платформы/CMS
- Язык
- Язык перевода
- Перевести URL-адреса
Шаг 3: Активировать переключатель языка
После завершения всех настроек следующим шагом будет ввод параметров переключения языка и отображение флажка для повышения удобства пользователя при смене языка. Для этого скопируйте код, предоставленный в Linguise , перейдя в Linguise > «Настройки» > «Скопировать в буфер обмена».
Для добавления контента в заголовок страницы можно использовать Drupal под названием Add to Head. Просто перейдите в раздел «Конфигурация» > «Разработка» > «Добавить профиль».
Наконец, обязательно проверьте или подтвердите местоположение скрипта.
Переключатель языка изначально будет отображаться в плавающем положении в правом верхнем углу вашего сайта. Вы можете настроить его в соответствии со своими предпочтениями.
Шаг 4: Настройка основного отображения
Кроме того, вы можете персонализировать переключатель языков, перейдя в Linguise и «Настройки» . В этом разделе перейдите к отображения языковых флагов . Любые изменения, внесенные в этом разделе, будут автоматически отражены в переключателе языков на вашем веб-сайте.
На начальном этапе настройки мы отрегулируем основной дисплей, сосредоточившись на различных компонентах.
Первым делом необходимо настроить форму отображения списка языков, предоставив три варианта на выбор: рядом друг с другом, выпадающий список или всплывающее окно. Слева для каждого варианта отображается предварительный просмотр.
Первый вариант, представленный ниже, — это расположение элементов рядом друг с другом.
Полученная форма представляет собой выпадающее меню, как показано ниже.
Наконец, есть всплывающая форма.
Далее, на следующем этапе вы можете настроить положение переключателя языка. Доступно несколько вариантов расположения, поэтому выберите тот, который будет хорошо виден посетителям.
Наконец, определитесь с предпочтительным сочетанием: флаг + название языка, флаг + краткое название или только флаг.
Шаг 5: Установите дизайн флагов
Далее, под основным разделом отображения, вы найдете настройки дизайна флага. Изображение ниже иллюстрирует некоторые из доступных параметров настройки.
- Отображение названия языка: Вы можете выбрать отображение названия языка в зависимости от страны или языка, например, «German» или «Deutsch».
- Тип английского флага: Этот параметр применим к языкам с несколькими вариантами написания, например, «English USA» или «English Britain» (аналогично испанскому, тайваньскому, немецкому и португальскому языкам).
- Стиль флага: Этот параметр позволяет определить форму значка флага, сделать его круглым или квадратным (прямоугольным).
Шаг 6: Установите цвет и размер флага
После создания дизайна флага следующим шагом является настройка цветов, размера и различных других элементов. В следующем интерфейсе доступно множество настраиваемых параметров, в том числе:
- Параметр `flag border-radius`: настройка радиуса скругления углов в пикселях при использовании прямоугольника.
- Цвет названия языка: Выбор цвета текста по умолчанию для названия языка.
- Цвет языка во всплывающем окне: цвет заголовка языка во всплывающем окне или выпадающем списке.
- Размер флага: Изменение размера флага.
- Цвет текста при наведении курсора мыши на название языка: цвет текста при наведении курсора мыши на названия языков.
- Цвет текста при наведении курсора мыши на название языка во всплывающем окне или выпадающем списке: цвет текста при наведении курсора мыши на заголовок языка во всплывающем окне или выпадающем списке.
Шаг 7: Установите тень флага
На заключительном этапе у вас есть возможность настроить параметры тени для флага. Начальная настройка позволяет указать тень для каждого флага, отображаемого на вашем веб-сайте, а последующая настройка относится к эффекту тени при наведении курсора на языковой флаг.
Чтобы сохранить настройки переключения языка, обязательно нажмите кнопку «Сохранить»
После настройки переключателя языка для Drupalвы можете ожидать следующих результатов его работы.
Как создать удобный переключатель языка для вашего сайта Drupal ?
После создания переключателя языка для Drupal, теперь важно понять, как разработать удобный для пользователя переключатель языка, чтобы повысить различные преимущества вашего веб-сайта.
- Узнаваемые значки или флаги: Используйте общеизвестные значки или флаги для обозначения разных языков. Убедитесь, что выбранный значок или флаг визуально заметен и общепризнан для обеспечения ясности.
- Стратегическое размещение: Разместите инструмент переключения языков на видном месте на вашем веб-сайте, в идеале — последовательно на всех страницах, например, в заголовках, нижних колонтитулах или навигационных меню. Обеспечьте видимость и легкий доступ к инструменту перевода.
- Языковые обозначения на флагах: Четко обозначьте каждый вариант языка соответствующим образом. Например, используйте «English» для английского, «Español» для испанского, «Deutsch» для немецкого и т. д. Это поможет пользователям без труда определить и выбрать предпочитаемый язык.
- Инновационный дизайн: Примените инновационный дизайн для инструмента перевода, используя привычные символы или текст для обозначения вариантов языка. Например, используйте «EN» для английского и «DE» для немецкого. Чтобы инструмент переключения языков выделялся, используйте разные цвета или подсветку.
- Удобное переключение: упростите процесс переключения на другой язык, если язык по умолчанию не соответствует вашим предпочтениям. Избегайте использования выпадающих меню, списков с флагами/значками или кнопок-переключателей для выбора языка.
- Адаптивный дизайн: Убедитесь, что инструмент переключения языков адаптивен и бесперебойно работает на различных устройствах и размерах экрана. Протестируйте его функциональность на настольных компьютерах, смартфонах и планшетах, чтобы гарантировать удобство использования для всех пользователей.
Настройте переключатель языка для многоязычного веб-сайта Drupal с помощью Linguise!
К этому моменту вы получили представление о настройках переключения языка в Drupal. Создание переключателя языка может принести множество преимуществ и, следовательно, обеспечить оптимизацию на основе вышеупомянутых пунктов.
Правильная оптимизация переключателя языка может улучшить общее взаимодействие с пользователем.
Ну что, регистрируйте аккаунт Linguise , подключите свой Drupal и настройте переключатель языков для улучшения пользовательского опыта.
