Настройка переключения языка в 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 и настроим переключатель языков для дальнейшего улучшения пользовательского опыта.
