Переключатель языка — это один из элементов многоязычного веб-сайта, на который важно обращать внимание при создании многоязычного сайта, одним из которых является многоязычный веб-сайт 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 под названием «Добавить в заголовок». Просто перейдите в «Конфигурация» > «Разработка» > «Добавить профиль».
Наконец, обязательно проверьте или проверьте расположение сценария.
Переключатель языка изначально будет отображаться в плавающем положении в правом верхнем углу вашего веб-сайта. У вас есть возможность настройки в соответствии с вашими предпочтениями.
Шаг 4. Настройте главный дисплей
Кроме того, у вас есть возможность персонализировать переключатель языка, открыв Linguise и перейдя в «Настройки» . В этой области перейдите к отображения языковых флагов . Любые изменения, реализованные в этом сегменте, будут автоматически отражены в переключателе языка на вашем сайте.
При первоначальной настройке мы настроим основной дисплей, ориентируясь на различные компоненты.
Первоначальное внимание уделяется настройке формы отображения списка языков, предоставляющей три варианта на выбор: рядом, раскрывающийся список или всплывающее окно. С левой стороны для каждой формы имеется предварительный просмотр.
Первая форма, представленная ниже, представляет собой макет «бок о бок».
Последующая форма принимает форму раскрывающегося списка, как показано ниже.
Наконец, есть всплывающая форма.
Двигаясь дальше, следующий шаг включает в себя настройку позиции, где вы можете определить расположение переключателя языка. Существует несколько вариантов позиции на выбор, поэтому обязательно выбирайте позицию, которая будет легко заметна посетителям.
Наконец, определитесь с предпочтительной комбинацией: флаг + название языка, флаг + короткое имя или только флаг.
Шаг 5: Установите дизайн флагов
После этого в разделе основного дисплея вы найдете конфигурации дизайна флага. На изображении ниже показаны некоторые доступные параметры настройки.
- Отображение названия языка: у вас есть возможность отображать название в зависимости от страны или языка, например «Немецкий» или «Немецкий».
- Тип английского флага: этот параметр применим к языкам с несколькими вариантами, например «английский США» или «английская Британия» (аналогично испанскому, тайваньскому, немецкому и португальскому).
- Стиль флага: этот параметр позволяет вам определить форму значка флага: круглую или квадратную (прямоугольную).
Шаг 6. Установите цвет и размер флага.
После настройки дизайна флага последующее действие включает в себя настройку цвета, размера и других элементов. В следующем интерфейсе доступны многочисленные настраиваемые параметры, в том числе:
- Флаг border-radius: персонализация радиуса границы в пикселях при использовании прямоугольника.
- Цвет названия языка: выбор цвета текста по умолчанию для названия языка.
- Цвет языка всплывающего окна: цвет названия языка во всплывающих или раскрывающихся областях.
- Размер флага: изменение размера флага.
- Цвет при наведении курсора на название языка: цвет текста при наведении указателя мыши на названия языков.
- Цвет при наведении на язык всплывающего окна: цвет текста при наведении указателя мыши на заголовок языка во всплывающем или раскрывающемся списке.
Шаг 7: Установите флаг box-shadow
На последнем этапе у вас есть возможность настроить параметры тени для флага. Первоначальная настройка позволяет вам указать тень для каждого флага, отображаемого на вашем веб-сайте, а последующая настройка относится к эффекту тени при наведении курсора на флаг языка.
Обязательно нажмите «Сохранить» , чтобы сохранить настройки переключателя языка.
После того, как вы настроили переключатель языка для Drupal , вот результаты, которые вы можете ожидать от переключателя языка.
Как создать удобный переключатель языка для вашего сайта Drupal ?
После процесса установки переключателя языка для Drupal теперь важно понять, как создать удобный переключатель языка для повышения различных преимуществ вашего веб-сайта.
- Узнаваемые значки или флаги. Используйте значки или флаги известных языков для обозначения разных языков. Убедитесь, что выбранный значок или флаг визуально заметен и понятен всем.
- Стратегическое размещение: разместите инструмент переключения языка на видном месте на своем веб-сайте, в идеале — единообразно на всех страницах, таких как верхние и нижние колонтитулы или навигационные меню. Обеспечьте видимость и легкий доступ к инструменту перевода.
- Языковая маркировка на флажках: четко обозначьте каждую языковую опцию на соответствующем языке. Например, используйте «English» для английского, «Español» для испанского, «Deutsch» для немецкого и т. д. Это помогает пользователям легко идентифицировать и выбирать предпочитаемый язык.
- Инновационный дизайн: используйте инновационный дизайн инструмента перевода, используя знакомые символы или текст для обозначения выбора языка. Например, используйте «EN» для английского и «DE» для немецкого языка. Убедитесь, что инструмент переключения языка выделяется, используя разные цвета или выделение.
- Удобное для пользователя переключение: упростите для пользователей процесс переключения на другой язык, если язык по умолчанию не соответствует их предпочтениям. Избегайте использования раскрывающихся меню, списков флагов/значков или кнопок переключения для выбора языка.
- Адаптивный дизайн: убедитесь, что инструмент переключения языка отзывчив и без проблем работает на различных устройствах и размерах экрана. Проверьте его функциональность на настольных компьютерах, смартфонах и планшетах, чтобы гарантировать удобство работы для всех пользователей.
Настройте переключатель языка для многоязычного веб-сайта Drupal с помощью Linguise !
К этому моменту вы получили представление о конфигурациях переключателя языка для Drupal . Создание переключателя языка может дать множество преимуществ и, следовательно, обеспечить оптимизацию на основе вышеупомянутых моментов.
Соответствующая оптимизация переключателя языков может улучшить общее впечатление от пользователя.
Сейчас? Зарегистрируйте учетную запись Linguise , зарегистрируйте свой Drupal и настройте переключатель языка, чтобы улучшить взаимодействие с пользователем.