Настройка переключения языка в Kirby CMS — важная функция, облегчающая взаимодействие с вашим сайтом для посетителей из-за рубежа. Возможность легко переключаться между разными языками стала необходимым требованием для многих онлайн-платформ.
Настроив переключатель языков в Kirby CMS, вы можете значительно повысить доступность вашего сайта для иностранных посетителей, потенциально улучшить его позиции в поисковых системах и укрепить доверие к вашему бренду во всем мире. Хотя поначалу этот процесс может показаться сложным, это руководство шаг за шагом проведет вас через процесс эффективной реализации этой функции на вашем сайте Kirby CMS, обеспечив плавную и удобную многоязычную работу.
Важность настройки переключателя языка в Kirby CMS
Внедрение переключателя языка в Kirby CMS — это не просто функция, а стратегическое решение, которое может существенно повлиять на производительность и охват вашего сайта. Давайте рассмотрим основные причины, по которым стоит настроить переключатель языка на вашем сайте, использующем Kirby CMS.
- Улучшение пользовательского опыта: переключатель языка позволяет посетителям получать доступ к контенту на предпочитаемом ими языке, что значительно улучшает их понимание и вовлеченность в работу с сайтом.
- Снижение показателя отказов: посетители, не нашедшие контент на своем языке, скорее всего, быстро покинут сайт. Предложение нескольких языковых вариантов побуждает пользователей к дальнейшему изучению сайта.
- Повышение коэффициента конверсии: Когда пользователи могут понять детали продукта, правила и процесс покупки на своем родном языке, они с большей вероятностью совершат покупку или предпримут желаемые действия.
- Улучшение многоязычного SEO: поисковые системы учитывают удобство использования при ранжировании веб-сайтов. Интуитивно понятный переключатель языков может улучшить ваши многоязычного SEO , обеспечивая легкий доступ к контенту на разных языках.
Как настроить переключатель языка на Kirby CMS
Теперь, когда мы рассмотрели важность внедрения переключателя языков на многоязычном веб-сайте, использующем Kirby CMS, давайте углубимся в практические аспекты его настройки. Хотя многие сервисы перевода веб-сайтов предлагают эту функцию, найти сервис с легко настраиваемым и удобным переключателем языков может быть непросто.
Крайне важно выбрать сервис автоматического перевода, который не только хорошо работает с различными фреймворками, но и предлагает гибкую функцию переключения языков. Одним из таких сервисов, отвечающих этим требованиям, является Linguise веб-сайт автоматического перевода. Их переключатель языков известен своей простотой настройки и удобным интерфейсом, что делает его отличным выбором для интеграции с Kirby CMS.
Благодаря бесшовной интеграции Linguise в вашу CMS Kirby, вы можете без труда добавить переключатель языков в ваше многоязычное приложение. Расширенные функции и интуитивно понятный интерфейс Linguiseупрощают настройку и обслуживание переключателя языков на вашем веб-сайте, работающем на CMS Kirby.
Давайте выполним шаги по установке Linguise на многоязычный веб-сайт Kirby CMS и настроим переключатель языков.
Шаг 1: Зарегистрируйте свой аккаунт Linguise
Начните с подготовки вашего сайта на Kirby CMS к переводу, для чего необходим доступ к административной панели Kirby CMS. Затем создайте бесплатную учетную запись Linguise и добавьте домен вашего сайта. Вы можете воспользоваться 30-дневной бесплатной пробной версией, прежде чем выбрать тарифный план подписки.
Шаг 2: Добавьте домен вашего веб-сайта Kirby CMS
После Linguise настройки учетной записи «Добавить домен» и укажите следующие данные:
- Учетная запись
- URL-адрес
- Платформа (Kirby CMS)
- Язык по умолчанию
- Языки перевода
- Перевести URL-адреса
- Перевод динамического контента
Шаг 3: Загрузите и подключите скрипт Linguise
Загрузите скрипт перевода Linguise и загрузите его в корневую папку вашей установки Kirby CMS.
Распакуйте скрипт и убедитесь, что папка с именем «linguise» находится в корневом каталоге вашего веб-сайта.
Далее скопируйте ключ API Linguise в файл `Configuration.php` на вашем сервере. Откройте файл, замените `REPLACE_BY_YOUR_TOKEN` на свой ключ API и сохраните изменения.
Шаг 4: Настройка переадресации URL-адресов для Kirby CMS
В Kirby CMS функция перезаписи URL-адресов включена по умолчанию. Если она не активна, вы можете включить её через своего хостинг-провайдера.
Чтобы настроить URL-адреса по языку, добавьте следующий код в файл `.htaccess` сразу после строки `RewriteEngine on` в стандартном файле `.htaccess` системы Kirby CMS.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
</IfModule>
Шаг 5: Активируйте и настройте переключатель языка
Для отображения переключателя языков с флагами и альтернативными URL-адресами в целях SEO необходимо загрузить JavaScript-ссылку Linguise на всех страницах Kirby CMS.
Получите ссылку на скрипт из настроек домена на панели управления Linguise и скопируйте её.
Самый простой способ загрузить этот скрипт в Kirby CMS — добавить его в файл header.php вашего сайта.<head> раздел. Вот как это сделать:
- Доступ к корневому каталогу вашего сайта.
- Перейдите в разделсайт > фрагменты кода > header.php.
- Отредактируйте файл header.php, чтобы добавить ссылку на скрипт в раздел заголовка.
Изначально переключатель языков будет отображаться в стандартном формате. Однако вы можете настроить его с помощью Linguise , перейдя в раздел «Настройки» > «Отображение языковых флагов». В этом разделе доступны различные параметры настройки, включая основные параметры отображения, названия языков и элементы дизайна.
Шаг 6: Настройка основного дисплея
Чтобы начать настройку переключателя языков, перейдите в раздел «Настройки» > «Отображение языковых флагов» на панели управления Linguise .
В этом разделе вы можете настроить различные параметры. Основные настройки отображения позволяют персонализировать такие элементы, как...
- Стиль иконки флага: Выберите между отображением бок о бок, выпадающим меню или всплывающим окном.
- Расположение: Определите место размещения переключателя языка на вашем веб-сайте. Выберите место, легкодоступное для посетителей.
Шаг 7: Выберите дизайн флага
После настройки основных параметров отображения, настройте дизайн отображаемых флагов.
- Отображение названия языка: выберите отображение названия языка в зависимости от страны или самого языка, например, «французский» или «Français».
- Тип флага английского языка: это полезно для языков с множеством вариантов, таких как американский или британский английский, а также применимо к испанскому, тайваньскому, немецкому и португальскому языкам.
- Стиль флага: выберите форму значка флага — круглую или прямоугольную.
Шаг 8: Установите цвет и размер
После настройки дизайна флагов, вы можете изменить их цвет и размер. Вот некоторые параметры, которые вы можете отрегулировать.
- Радиус скругления углов флага: Настройте радиус скругления углов для прямоугольных флагов, измеряемый в пикселях.
- Цвет названия языка: Выберите цвет текста по умолчанию для отображения названия языка.
- Цвет языка всплывающего окна: Задайте цвет для заголовка языка во всплывающем окне или выпадающем списке.
- Размер флага: Отрегулируйте размер иконок флага.
- Цвет текста при наведении курсора на название языка: укажите цвет текста, который появляется при наведении курсора на название языка.
- Цвет текста при наведении курсора на язык всплывающего окна: Задайте цвет текста, который появляется при наведении курсора на название языка во всплывающем окне или выпадающем списке.
Шаг 9: Настройка тени блока
Наконец, настройте параметры тени для значков флагов. Первый параметр позволяет добавить эффект тени к каждому значку флага, отображаемому на вашем веб-сайте. Второй параметр управляет эффектом тени, когда пользователи наводят курсор на языковые флаги.
После внесения необходимых изменений нажмите кнопку «Сохранить», чтобы применить изменения. Затем проверьте свой веб-сайт Kirby CMS, чтобы убедиться в успешном применении настроек. Это покажет вам, как будет выглядеть переключатель языка.
После завершения процесса настройки вы сможете увидеть переключатель языков в действии на вашем многоязычном веб-сайте Kirby CMS.
Затем мы автоматически переведем веб-сайт Kirby CMS на другие языки, например, на французский.
4 совета по оптимизации переключателя языка в Kirby CMS
Вот четыре важных совета, которые помогут вам улучшить переключатель языков и сделать его более эффективным для вашей глобальной аудитории.
#1 Используйте легко узнаваемый значок языкового флага
Включение легко узнаваемых языковых символов или флажков в переключатель языков имеет решающее значение для быстрого определения языка. Такой подход позволяет посетителям быстро найти и выбрать предпочитаемый язык, создавая интуитивно понятный пользовательский интерфейс. Ключевым моментом является выбор общепонятных индикаторов, чтобы избежать любых недоразумений.
При использовании значков флагов убедитесь, что они высокого качества и легко различимы, даже в маленьких размерах. Рассмотрите возможность использования комбинации флагов и языковых кодов, чтобы предоставить пользователям как визуальные, так и текстовые подсказки.
Пример:
Представьте себе туристический блог, созданный на основе Kirby и посвященный различным направлениям по всему миру. В меню переключения языка сайта можно было бы использовать значок глобуса, а также небольшие значки флагов и двухбуквенные коды языков.
🌎 🇺🇸 RU | 🇪🇸 ES | 🇫🇷 ПТ | 🇩🇪 ДЕ | 🇯🇵 Япония
Такая настройка позволяет пользователям быстро определять свой язык, независимо от того, распознают ли они флаг или код языка, что улучшает общее впечатление от использования.
#2 Отображение названий языков рядом с флагами
Хотя флаги обеспечивают быструю визуальную справку, их сопоставление с названиями языков на местном уровне повышает ясность. Эта стратегия помогает избежать путаницы, особенно в отношении языков, на которых говорят в разных странах с разными флагами.
Указание фактических названий языков устраняет двусмысленность и гарантирует, что посетители смогут точно определить предпочитаемый ими язык. Такой подход также демонстрирует уважение к культурному разнообразию и способствует инклюзивности.
Пример:
Рассмотрим образовательную платформу на базе Kirby, предлагающую курсы на нескольких языках. Переключатель языка может выглядеть примерно так.
🇺🇸 Английский | 🇪🇸 Испанский | 🇫🇷 Французский | 🇩🇪 Немецкий | 🇯🇵 日本語
Такой дизайн позволяет пользователям видеть как флаг, так и название языка в его оригинальном написании, что делает его мгновенно узнаваемым для носителей этого языка. Это особенно полезно для таких языков, как испанский или английский, на которых говорят в разных странах с разными флагами.
#3 Разумно расположите кнопку переключения языка
Правильное размещение переключателя языка имеет решающее значение для его эффективности. Он должен быть заметным и легкодоступным на вашем веб-сайте. Наиболее распространенные и эффективные места размещения включают заголовок, нижний колонтитул или главное навигационное меню.
Убедитесь, что переключатель языка виден и легко доступен с любой страницы вашего сайта. Такое единообразное размещение поможет пользователям быстро найти варианты языка независимо от того, где они находятся на вашем сайте.
Пример:
Например, веб-сайт-портфолио на основе Kirby для многонациональной архитектурной фирмы. Они могли бы реализовать переключатель языка следующим образом.
- Размещение в заголовке: переключатель языка расположен в правом верхнем углу заголовка, рядом со значком поиска.
- Фиксированная навигация: при прокрутке страницы заголовок остается зафиксированным вверху, обеспечивая постоянную доступность переключателя языка.
- Оптимизация для мобильных устройств: на мобильных устройствах переключатель языка встроен в меню-гамбургер для удобного доступа и без загромождения небольшого экрана.
Такое стратегическое расположение гарантирует, что пользователи смогут легко переключать языки в любой момент, будь то просмотр галерей проектов, ознакомление с историей компании или проверка контактной информации.
#4 Обеспечьте единообразие переключателя языка на всех страницах
Крайне важно, чтобы внешний вид и функциональность переключателя языка были единообразными на всем вашем сайте. Пользователи должны иметь возможность легко менять язык, независимо от текущей страницы или просматриваемого контента.
Такая согласованность обеспечивает удобство использования для пользователей и повышает доступность языковых опций, укрепляя доверие к вашему многоязычному веб-сайту.
Пример:
Рассмотрим сайт электронной коммерции на базе Kirby, продающий товары по всему миру. Вот как они могли бы реализовать единую стратегию переключения языков.
- Единый дизайн: переключатель языка отображается в виде выпадающего меню с надписью «Язык» в правом верхнем углу каждой страницы, включая списки товаров, страницы отдельных товаров и страницы оформления заказа.
- Сохранение контента: При переключении языка пользователи остаются на той же странице, но контент отображается на новом выбранном языке. Например, если пользователь просматривает описание вазы ручной работы на английском языке и переключается на французский, он увидит те же сведения о товаре на французском языке.
- Структура URL-адреса: Структура URL-адреса постоянно меняется при переключении языков.
Английский: www.yourmarket.com/products/blue-ceramic-vase
Французский: www.yourmarket.com/fr/produits/vase-ceramique-bleu
Единый интерфейс на всех страницах гарантирует, что пользователи смогут уверенно перемещаться по сайту и совершать покупки на предпочитаемом ими языке, что потенциально повышает вероятность совершения покупки и возвращения на сайт в будущем.
Настройте переключатель языка на своем сайте Kirby с помощью Linguise!
Настройка переключения языка в Kirby CMS — важный шаг на пути к созданию действительно глобального и удобного для пользователей веб-сайта. Внедрение этой функции открывает ваши цифровые двери для разнообразной международной аудитории, потенциально повышая вовлеченность, снижая показатель отказов и улучшая общую производительность вашего сайта.
Чтобы упростить этот процесс и обеспечить оптимальные результаты, рассмотрите возможность использования Linguise для вашего сайта на Kirby CMS. Linguise предлагает мощный, настраиваемый переключатель языков, который легко интегрируется с Kirby CMS, позволяя вам легко внедрять и совершенствовать вашу многоязычную стратегию. Давайте создадим Linguise , интегрируем ее с вашим сайтом на Kirby CMS и настроим переключатель языков для дальнейшего улучшения пользовательского опыта.
