У вас есть веб-сайт на платформе Bubble .io, который вы хотите перевести на разные языки, чтобы к нему могли обращаться внешние клиенты? Bubble .io — это мощная и гибкая платформа без написания кода, предлагающая мощную среду для разработки и управления веб-приложениями. Интеграция автоматического перевода в ваше Bubble .io позволяет упростить создание и поддержку многоязычного контента, экономя время и ресурсы, обеспечивая при этом единообразный и высококачественный пользовательский интерфейс на разных языках.
Поэтому в этой статье мы обсудим, как легко реализовать автоматический перевод на сайте Bubbleс помощью службы автоматического перевода.
Преимущество внедрения автоматического перевода на Bubble.io
Внедрение автоматического перевода на сайте Bubbleможет обеспечить ряд преимуществ, включая следующие.
- Выход на глобальный рынок: автоматический перевод позволяет вашему Bubble .io охватить пользователей по всему миру. Например, приложение для обмена рецептами, изначально написанное на английском языке, может мгновенно стать доступным для любителей еды в Японии, Бразилии и Франции, позволяя им изучать и делиться рецептами на родных языках.
- Повышение удовлетворенности пользователей: контент на предпочитаемом пользователем языке обеспечивает более приятный и захватывающий опыт. Пример: приложение для планирования путешествий, которое автоматически переводит маршруты, отзывы и местные рекомендации на язык пользователя, может значительно улучшить процесс планирования поездки.
- Более высокий потенциал конверсии: пользователи с большей вероятностью совершат покупку или подпишутся на услуги, если информация будет представлена на их родном языке. Например, платформа онлайн-курсов может наблюдать резкий рост числа записавшихся из испаноязычных стран после внедрения автоматического перевода, поскольку потенциальные студенты теперь могут полностью понимать описания курсов и их преимущества.
- Улучшенная видимость в поиске: многоязычный контент повышает шансы вашего приложения появиться в результатах поиска в разных регионах и на разных языках. Например, приложение для поиска работы, предлагающее автоматически переведенные объявления о вакансиях и советы по составлению резюме, может начать появляться в результатах поиска на разных языках в нескольких странах, привлекая соискателей, которые раньше не могли найти эту платформу.
Примеры многоязычных сайтов с Bubble.io
По данным trends.builtwith.com, более 55 тысяч сайтов используют Bubble .io . Поэтому в этот раз мы рассмотрим несколько примеров, чтобы дать вам представление о том, стоит ли вам создавать многоязычный сайт на Bubble .io.
Fanova.io
Fanova — отличный пример веб-сайта, созданного на Bubble.io. Он позволяет поклонникам общаться с их любимыми авторами контента и подписываться на эксклюзивный контент. Этот сайт демонстрирует способность Bubble.io создавать сложные и удобные приложения с расширенными функциями, такими как многоязычная поддержка.
Переключатель языков в левом нижнем углу предлагает английский, испанский и бразильский португальский. Такой многоязычный подход позволяет Fanova обслуживать разнообразную международную аудиторию в Северной Америке, Латинской Америке и Бразилии. Используя функции Bubble.io, Fanova может управлять контентом и представлять его на нескольких языках, сохраняя при этом единый дизайн, что повышает удобство использования для посетителей с разным языковым фоном.
IC-academy.io
Impact Creative Academy (ICA) — это платформа, позволяющая создавать профессиональные и функциональные веб-приложения. Сайт предлагает ресурсы для развития карьеры с использованием искусственного интеллекта, включая бесплатные курсы, конкурсы грантов и возможности трудоустройства. Его лаконичный дизайн включает в себя заметный заголовок, краткое описание преимуществ и привлекательную кнопку призыва к действию «Погрузитесь в мир творчества».
Примечательной особенностью сайта ICA является переключатель языков, расположенный в правом верхнем углу, предлагающий пользователям выбор между английским и арабским языками. Эта многоязычная поддержка демонстрирует, как Bubbleможет эффективно создавать платформы, доступные по всему миру. Предоставляя контент как на английском, так и на арабском языках, ICA может обслуживать разнообразную аудиторию пользователей из англоязычных стран и арабского мира.
Как реализовать автоматический перевод на Bubble.io
После изучения примеров многоязычных сайтов, созданных с помощью Bubble.io, мы рассмотрим, как реализовать автоматический перевод с помощью сервиса автоматического перевода. Многие сервисы позволяют быстро и легко переводить веб-сайты, всего за несколько шагов настройки. Одним из таких сервисов является Linguise.
Linguise интегрируется с различными CMS-платформами и конструкторами сайтов, включая Bubble Bubble . Ниже приведены инструкции по установке Linguise на Bubble .io.
#1 Зарегистрируйте свой домен и веб-сайт
Для начала создайте бесплатный аккаунт Linguise и добавьте домен своего сайта. Вы можете воспользоваться 30-дневной бесплатной пробной версией, прежде чем принимать решение о подписке.
Далее вам будет предложено зарегистрировать свой домен для авторизации перевода. Для этого скопируйте имя своего домена, включая «https://», и выберите «другое» в качестве платформы.
Далее выберите исходный и целевой языки.
#2 Автоматическое добавление DNS-домена с помощью entri
После успешной регистрации вашего сайта в панели управления Linguise у вас есть два варианта для продолжения установки.
Если вы предпочитаете добавлять DNS-записи автоматически, вы можете нажать на кнопку «Автоматическое подключение DNS». Эта функция, называемая Entri, автоматически добавит DNS-записи, упростив процесс установки. В качестве альтернативы вы можете вручную скопировать DNS-записи к своему провайдеру домена.
После нажатия кнопки Entri проанализирует зарегистрированный URL-адрес вашего веб-сайта и изучит ваши общедоступные DNS-записи. На основе этого анализа он определит необходимого провайдера и DNS-записи.
Далее нажмите «Авторизоваться у [вашего поставщика доменных имен]» (например, Cloudflare). Это действие перенаправит вас на страницу входа в систему вашего поставщика доменных имен, где вы сможете войти в систему и продолжить.
После входа в систему вашего доменного провайдера Entri автоматически добавит необходимые DNS-записи — по одной DNS-записи на каждый язык и одну TXT-запись DNS для ключа проверки. Вы должны увидеть добавленные DNS-записи для вашего домена, например:
После авторизации Entri уведомит вас об успешной настройке всех параметров DNS. Вы сможете использовать функцию трансляции после того, как все записи DNS будут распространены на ваш домен, что обычно занимает от 20 до 30 минут.
Если вы предпочитаете ручную установку , вы также можете выполнить её вручную, следуя инструкциям, которые мы приведем ниже.
#3 Копирование DNS-записей
Если вы предпочитаете ручную установку, вас перенаправят на экран с DNS-записями, необходимыми для настройки многоязычных страниц, например, fr.domain.com или es.domain.com.
Скопируйте эти основные элементы в конфигурацию DNS Bubble.io.
Далее подключитесь к менеджеру домена и получите доступ к разделу настройки DNS. Затем следуйте инструкциям для копирования.
- Одна запись TXT для проверки домена
- Одна или несколько записей CNAME для языков.
Ниже приведены примеры для каждого типа записей (TXT и CNAME)
После добавления всех записей ваша конфигурация должна выглядеть примерно так.
#4 Проверка DNS
После добавления всех записей в DNS вашего домена вы можете проверить распространение DNS-записей, нажав кнопку «Проверить конфигурацию DNS».
Проверка DNS обычно занимает от 30 минут до 1 часа. По истечении этого времени вы увидите зелёные индикаторы справа от списка DNS на панели инструментов Linguise . Вы почти готовы к переводу своего сайта Bubble ; вам остаётся только добавить ссылку на переключатель языков с флагами стран.
#5 Активировать динамический перевод
С технической точки зрения, Bubble интегрирует модули JavaScript, CSS и HTML в функциональное приложение Node.js. Язык программирования Bubbleоснован на JSON.
Благодаря нашей функции «Динамический перевод» вы можете легко переводить контент на вашем сайте Bubble, включая контент, загружаемый асинхронно (динамически) после загрузки первой страницы. Это улучшение обеспечивает более удобный многоязычный интерфейс для ваших посетителей!
Чтобы воспользоваться этой функцией, нажмите «Да» внизу страницы настроек.
#6 Включение и настройка дизайна переключателя языка
Переключатель языка представляет собой всплывающее окно с флагом, позволяющее выбрать нужный язык. Чтобы реализовать его, скопируйте код из заголовка страниц вашего сайта Bubble.io. Переключатель языка с флагом автоматически появится на вашем общедоступном сайте.
Ссылка для копирования находится в конце процесса регистрации домена или в настройках домена. Обязательно скопируйте ссылку в буфер обмена.
Затем перейдите на панель сайта Bubble . В меню левой боковой панели нажмите «Настройки» и выберите «SEO/метатеги».
В меню настроек прокрутите немного вниз, пока не найдете раздел «Скрипты/метатеги в заголовке» в подразделе «Расширенные настройки».
Вставьте скопированный ранее скрипт Linguise «Сохранить» и опубликуйте свой сайт.
Вы можете настроить переключатель языков на Linguise , перейдя в раздел «Настройки» > «Отображение языковых флагов». Все изменения, внесенные здесь, будут отражены на веб-сайте.
В правой части экрана вы увидите предварительный просмотр переключателя языка. Вот элементы, которые вы можете настроить.
- Три варианта расположения элементов: рядом, выпадающее меню или всплывающее окно
- Расположение переключателя языка
- Содержимое переключателя языка
- Названия языков на английском или на их родном языке
- Формы и размеры флагов
- Цвета и тени от коробок
#7 Автоматический перевод вашего веб-сайта Bubble
Вот демонстрация того, как выглядит Bubble.io при автоматическом переводе с помощью службы автоматического перевода Linguise.
Автоматически переводите свой сайт Bubble.io с помощью Linguise
Сервис переводов Linguise обеспечивает плавную интеграцию автоматического перевода для вашего Bubble .io. Будучи ведущим сервисом перевода, он поддерживает более 80 языков и работает с более чем 40 CMS-платформами, включая Bubble .io. Эта интеграция упрощает создание многоязычного сайта, повышая удобство использования.
Перевод в режиме реального времени через фронтенд-редактор
Linguise также предлагает встроенный редактор в режиме реального времени , позволяющий быстро вносить необходимые корректировки в переводы. Этот инструмент гарантирует точность переводов и позволяет оперативно вносить изменения. Кроме того, вы можете сотрудничать с профессиональными переводчиками для обеспечения культурной и контекстной точности.
Многоязычная SEO-поддержка
Благодаря многоязычным функциям SEO , Linguise Linguise поисковых системах за счет оптимизации SEO. Он генерирует многоязычные карты сайта, создает коды и теги hreflang, настраивает канонические URL-адреса, а также переводит URL-адреса и метаописания. Эти функции помогают повысить рейтинг вашего сайта в поисковых системах и сделать его более доступным для пользователей на разных языках.
Глобальные правила исключения перевода
Для решения проблем перевода Linguise включает правила исключения, позволяющие сохранять или исключать определенные термины, которые могут быть плохо переведены. Вы можете устанавливать правила для исключения страниц , встроенного контента или конкретных страниц, обеспечивая ясность и точность ваших переводов.
Возможно привлечение профессиональных переводчиков для совместной работы
Кроме того, Linguise позволяет приглашать профессиональных переводчиков к работе на вашей панели управления, что упрощает сотрудничество и обеспечивает культурную и контекстную точность вашего контента.
Вывод
Внедрение автоматического перевода на вашем сайте Bubbleможет значительно расширить охват аудитории, повысить вовлечённость пользователей и улучшить показатели конверсии. С Linguiseвы можете легко управлять многоязычным контентом, обеспечивая удобный интерфейс для пользователей на разных языках и оптимизируя свои SEO-стратегии.
Linguise предлагает мощные функции, такие как редактирование в реальном времени, динамический перевод контента, правила исключения для определённых терминов и расширенная поддержка SEO. Эти возможности делают Linguise идеальным выбором для интеграции автоматического перевода с Bubble .io. Так чего же вы ждёте? Зарегистрируйтесь на сайте автоматического перевода Linguise и превратите свой Bubble .io в многоязычный.
