У вас есть веб-сайт с Bubble.io, который вы хотите перевести на различные языки, чтобы он был доступен внешним клиентам? Bubble.io - это мощная и гибкая платформа без кода, предлагающая мощную среду для создания и управления веб-приложениями. Интеграция автоматического перевода в ваше приложение Bubble.io позволяет упростить создание и поддержку многоязычного контента, экономя время и ресурсы, обеспечивая при этом согласованный, высококачественный пользовательский опыт на нескольких языках.
Поэтому в этой статье мы обсудим, как легко реализовать автоматический перевод на сайте Bubble.io с помощью сервиса автоматического перевода.
Преимущество реализации автоматического перевода на Bubble.io
Реализация автоматического перевода на сайте Bubble.io может предоставить несколько преимуществ, включая следующие.
- Доступ к глобальному рынку: Автоматический перевод позволяет вашему приложению Bubble.io достичь пользователей по всему миру. Например, приложение для обмена рецептами, изначально на английском языке, может мгновенно стать доступным для любителей еды в Японии, Бразилии и Франции, позволяя им изучать и добавлять рецепты на их родных языках.
- Повышение удовлетворенности пользователей: Содержание на предпочитаемом пользователем языке приводит к более приятному и иммерсивному опыту. Пример: приложение для планирования путешествий, которое автоматически переводит маршруты, отзывы и местные рекомендации на язык пользователя, может значительно улучшить их опыт планирования поездки.
- Более высокий потенциал конверсии: Пользователи с большей вероятностью совершают покупки или регистрируются на услуги, когда информация представлена на их родном языке. Например, платформа онлайн-курсов может увидеть всплеск зачислений из испаноязычных стран после внедрения автоматического перевода, поскольку потенциальные студенты теперь могут полностью понять описания и преимущества курсов.
- Улучшенная видимость в поиске: Многоязычный контент повышает шансы вашего приложения появиться в результатах поиска в разных регионах и языках. Например, приложение для поиска работы, предлагающее автоматически переведенные вакансии и советы по резюме, может начать появляться в локальных языковых поисках в нескольких странах, привлекая соискателей, которые ранее не могли найти платформу.
Примеры многоязычных сайтов с Bubble.io
По данным trends.builtwith.com, более 55 тысяч сайтов используют Bubble.io. Поэтому на этот раз мы обсудим несколько примеров, чтобы дать вам представление о том, стоит ли создавать многоязычный сайт с помощью Bubble.io.
Фанова.io
Fanova - яркий пример сайта, созданного с помощью Bubble.io. Он соединяет поклонников с их любимыми создателями контента и позволяет им подписаться на эксклюзивный контент. Сайт демонстрирует способность Bubble.io создавать сложные, удобные в использовании приложения с такими продвинутыми функциями, как поддержка нескольких языков.
Переключатель языка в нижнем левом углу предлагает варианты на английском, испанском и бразильском португальском языках. Такой многоязычный подход позволяет Fanova ориентироваться на разнообразную международную аудиторию в Северной Америке, Латинской Америке и Бразилии. Используя функции Bubble.io, Fanova может управлять и представлять контент на нескольких языках, сохраняя единый дизайн и улучшая пользовательский опыт для посетителей с разными языковыми предпочтениями.
ИК-академия.io
Impact Creative Academy (ICA) - это возможность платформы создавать профессиональные и функциональные веб-приложения. Сайт предлагает ресурсы карьеры на основе ИИ, включая бесплатные курсы, грантовые конкурсы и возможности подачи заявления на работу. Его чистый дизайн включает в себя заметный заголовок, краткое ценностное предложение и привлекательную кнопку призыва к действию «Dive in».
Заметной особенностью сайта ICA является переключатель языка, расположенный в правом верхнем углу, предлагающий пользователям выбор между английским и арабским языками. Эта поддержка нескольких языков демонстрирует, как Bubble.io может эффективно создавать глобально доступные платформы. Предоставляя контент как на английском, так и на арабском языках, ICA может обслуживать разнообразную базу пользователей в англоязычных странах и арабском мире.
Как реализовать автоматический перевод на Bubble.io
Изучив примеры многоязычных сайтов, созданных с помощью Bubble.io, мы рассмотрим, как реализовать автоматический перевод с помощью службы автоматического перевода. Многие сервисы могут быстро и легко переводить сайты всего за несколько шагов настройки. Одним из таких сервисов является Linguise.
Linguise интегрируется с различными платформами CMS и конструкторами сайтов, включая интегрируется с Bubble.io. Вот шаги по установке 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.io, включая контент, загружаемый асинхронно (динамически) после первоначальной загрузки страницы. Это улучшение обеспечивает более плавный многоязычный опыт для ваших посетителей!
Чтобы использовать эту функцию, нажмите «Да» в нижней части страницы настроек.
#6 Включите и настройте дизайн переключателя языка
Переключатель языка - это всплывающее окно флага, которое позволяет выбрать желаемый язык. Чтобы реализовать его, скопируйте код, указанный в заголовке страниц вашего сайта Bubble.io. Переключатель языка флага автоматически появится на вашем общедоступном веб-сайте.
Ссылка для копирования находится в конце процесса регистрации домена или в настройках домена. Убедитесь, что вы скопировали ссылку в буфер обмена.
Далее перейдите к панели управления вашим сайтом Bubble . В левом боковом меню нажмите «Настройки», а затем выберите «SEO / метатеги»
В меню настроек прокрутите вниз до тех пор, пока не найдете “Скрипт/meta теги в заголовке” в разделе “Расширенные настройки.”
Вставьте 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.io может значительно расширить охват, повысить вовлеченность пользователей и улучшить коэффициенты конверсии. С помощью Linguiseвы можете легко управлять многоязычным контентом, обеспечивая бесперебойный опыт для пользователей на различных языках, одновременно оптимизируя свои стратегии SEO.
Linguise предлагает мощные функции, такие как редактирование в реальном времени на внешнем интерфейсе, динамический перевод контента, правила исключения для конкретных терминов и обширную поддержку SEO. Эти возможности делают его идеальным выбором для интеграции автоматического перевода с Bubble.io. Итак, чего вы ждете? Зарегистрируйтесь на сайте автоматического перевода Linguise и превратите свой сайт Bubble.io в многоязычный.
