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