Настройка переключения языков в 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: Включение и настройка переключателя языка
Ссылку на скрипт Linguise JS необходимо интегрировать во все страницы вашей Craft CMS , чтобы отображать переключатель языка с флажками и включать альтернативные URL-адреса в заголовки HTML для улучшения SEO-показателей.
Чтобы получить ссылку на скрипт, перейдите в настройки домена в панели управления Linguise и скопируйте оттуда предоставленную ссылку на скрипт.
Простой способ интегрировать этот код в Craft CMS — добавить его в индекс шаблонов. Перейдите в папку /template и отредактируйте файл индекса, чтобы добавить ссылку на скрипт в раздел заголовка.
Чтобы отобразить переключатель языков, представленный всплывающим окном с флажком для выбора нужного языка, вы можете загрузить его, скопировав предоставленный код в конце конфигурации веб-сайта и вставив его в раздел <head> вашей HTML-страницы. Это действие включит автоматическую загрузку переключателя языков с флажком.
Изначально переключатель языков будет отображаться в стандартном формате, но вы можете настроить его под себя. Настроить переключатель языков можно через Linguise , перейдя в раздел «Настройки» > «Отображение языковых флагов» . В этом разделе представлены различные параметры настройки, включая основной вид, названия языков и элементы дизайна.
#6 Настройка основного дисплея
Чтобы начать настройку переключателя языков, перейдите в «Настройки» > «Отображение языковых флагов» на Linguise .
В этом разделе вы можете настроить несколько параметров. Во-первых, это основные параметры отображения, где вы можете изменить различные элементы, такие как...
- Стиль значка флага: вы можете выбрать между отображением рядом, выпадающим меню или всплывающим окном.
- Расположение: Этот параметр определяет местоположение переключателя языка на вашем веб-сайте. Доступно несколько вариантов расположения, поэтому убедитесь, что вы выбрали тот, к которому посетителям будет удобно получить доступ.
#7 Установите дизайн флага
После настройки основных параметров отображения вы можете приступить к персонализации дизайна отображаемых флагов.
- Отображение названия языка: Вы можете отображать название языка либо по названию страны, либо по самому языку. Например, вы можете показать «французский» или «французский».
- Тип флага английского языка: Эта функция полезна для языков с несколькими вариантами, такими как американский или британский английский. Она также применима к испанскому, тайваньскому, немецкому и португальскому языкам.
- Стиль флага: Эта опция позволяет выбрать форму значка флага — круглую или прямоугольную.
#8 Установите цвет и размер
После завершения настройки дизайна флагов вы можете перейти к настройке цвета и размера флагов. Ниже приведены некоторые доступные параметры для регулировки.
- Скругление углов флага: Настройте скругление углов для прямоугольного стиля флага, измеряемое в пикселях.
- Цвет названия языка: выберите цвет текста по умолчанию для отображения названия.
- Цвет языка всплывающего окна: Задайте цвет для заголовка языка во всплывающем окне или выпадающем списке.
- Размер флага: Измените размер значков флагов.
- Цвет текста при наведении курсора на название языка: укажите цвет текста, который появляется при наведении курсора на название языка.
- Цвет текста при наведении курсора на язык всплывающего окна: Определите цвет текста, который появляется при наведении курсора на название языка во всплывающем окне или выпадающем списке.
#9 Настройка тени блока
Наконец, вы можете настроить параметры тени для значков флагов. Начальный параметр позволяет добавить эффект тени к каждому значку флага, отображаемому на вашем веб-сайте. Последующий параметр управляет эффектом тени, когда пользователи наводят курсор мыши на языковые флаги.
После внесения всех необходимых изменений нажмите кнопку «Сохранить», чтобы применить внесенные изменения. Затем перейдите на свой сайт Craft CMS , чтобы убедиться в успешном применении настроек. Примерно так будет отображаться переключатель языка.
После завершения процесса настройки вы сможете оценить функциональность переключения языков на вашем многоязычном веб-сайте Craft CMS .
Затем мы автоматически переведем Craft CMS на другие языки, например, немецкий.
5 советов по оптимизации переключателя языка в Craft CMS
После того, как вы настроили переключатель языка на своем Craft CMS , важно понимать лучшие практики проектирования селектора языка и его производительности, чтобы это приносило пользу как вашему сайту, так и посетителям.
Используйте легко узнаваемый логотип языкового флага
Использование общепризнанных языковых значков или флагов имеет решающее значение, чтобы посетители могли быстро определить и выбрать предпочитаемый язык. Убедитесь, что используемые значки или флаги четкие, имеют хороший цветовой контраст и понятны в разных культурах, чтобы избежать путаницы или двусмысленности.
Привычные символы или значки помогают создать интуитивно понятный и удобный интерфейс, позволяя посетителям легко перейти к нужной языковой версии. Крайне важно выбирать значки или флаги, которые общеизвестны, чтобы избежать недоразумений или путаницы.
Использование названий языков и флага
Помимо использования только флагов, целесообразно рассмотреть возможность включения как флагов, так и названий оригинальных языков. Такой подход поможет избежать путаницы, поскольку на некоторых языках говорят в разных странах с разными флагами.
Непосредственное использование названий языков устраняет двусмысленность и гарантирует, что посетители смогут четко определить и выбрать желаемый язык без недоразумений. Кроме того, использование названий языков может быть более инклюзивным и уважительным по отношению к культурному разнообразию.
Разместите кнопку переключения языка в стратегически выгодном месте
Разместите кнопку переключения языка на видном и легкодоступном месте вашего сайта. Стандартные места размещения включают заголовок, нижний колонтитул или главное меню навигации. Эти места интуитивно понятны большинству пользователей интернета и соответствуют их ожиданиям при поиске языковых опций.
Единое размещение переключателя языка на всех страницах гарантирует, что посетители смогут легко получить к нему доступ независимо от точки входа или конкретной страницы, которую они посещают. Такое единообразное размещение помогает создать плавный и предсказуемый пользовательский опыт.
Разработайте адаптивный дизайн переключателя языка
Убедитесь, что кнопка переключения языка адаптивна и корректно работает на различных устройствах и размерах экрана, включая настольные компьютеры, планшеты и смартфоны. Протестируйте её на разных устройствах и разрешениях экрана, чтобы обеспечить бесперебойную работу без обрезки или наложения элементов.
Адаптивный дизайн гарантирует, что посетители смогут легко получить доступ к языковым опциям с любого используемого ими устройства, повышая доступность и удобство переключения языков.
Убедитесь, что переключатель языка работает одинаково на всех страницах
Убедитесь, что переключатель языков имеет единообразный внешний вид и поведение на всем вашем веб-сайте. Пользователи должны иметь возможность плавно переключать языки независимо от того, на какой странице они находятся или какой контент просматривают. Единообразие не только обеспечивает целостный пользовательский опыт, но и повышает доступность языковых опций, укрепляя доверие к вашему многоязычному веб-сайту.
Любые несоответствия в переключателе языков могут запутать и расстроить пользователей, что потенциально может привести к тому, что они покинут ваш веб-сайт.
Настройте переключатель языка в Craft CMS с помощью Linguise!
На этом этапе вы должны понимать, что настраиваете переключатель языка для многоязычного веб-сайта на основе Craft CMS . Создание переключателя языка может предоставить различные преимущества и может быть точно настроено в зависимости от вышеупомянутых моментов.
Оптимизация переключателя языков может значительно улучшить общее взаимодействие с пользователем. Затем зарегистрируйтесь в Linguise Linguise интегрируйте его с вашим Craft CMS и доработайте переключатель языков, чтобы еще больше улучшить пользовательский опыт.
