У вас есть веб-сайт на платформе Bubble .io, который вы хотите перевести на разные языки, чтобы к нему могли обращаться внешние клиенты? Bubble .io — это мощная и гибкая платформа без написания кода, предлагающая мощную среду для разработки и управления веб-приложениями. Интеграция автоматического перевода в ваше Bubble .io позволяет упростить создание и поддержку многоязычного контента, экономя время и ресурсы, обеспечивая при этом единообразный и высококачественный пользовательский интерфейс на разных языках.
Поэтому в этой статье мы обсудим, как легко реализовать автоматический перевод на сайте Bubbleс помощью службы автоматического перевода.
Преимущество внедрения автоматического перевода на Bubble.io
Внедрение автоматического перевода на сайте Bubbleможет обеспечить ряд преимуществ, включая следующие.
- Выход на глобальный рынок: автоматический перевод позволяет вашему Bubble .io охватить пользователей по всему миру. Например, приложение для обмена рецептами, изначально написанное на английском языке, может мгновенно стать доступным для любителей еды в Японии, Бразилии и Франции, позволяя им изучать и делиться рецептами на родных языках.
- Повышение удовлетворенности пользователей. Контент на предпочитаемом пользователем языке обеспечивает более приятный и захватывающий опыт. Пример: приложение для планирования путешествий, которое автоматически переводит маршруты, обзоры и местные рекомендации на язык пользователя, может значительно улучшить его опыт планирования поездки.
- Более высокий потенциал конверсии: пользователи с большей вероятностью совершат покупки или подпишутся на услуги, когда информация представлена на их родном языке. Например, после внедрения автоматического перевода на платформе онлайн-курсов может наблюдаться резкий рост числа учащихся из испаноязычных стран, поскольку теперь потенциальные студенты смогут полностью понимать описания курсов и их преимущества.
- Улучшенная видимость при поиске. Многоязычный контент повышает шансы вашего приложения появиться в результатах поиска в разных регионах и на разных языках. Например, приложение для поиска работы, которое предлагает автоматически переведенные списки вакансий и советы по резюме, может начать появляться в результатах поиска на местных языках во многих странах, привлекая соискателей, которые раньше не могли найти эту платформу.
Примеры многоязычных сайтов с Bubble.io
По данным trends.builtwith.com, более 55 тысяч сайтов используют Bubble .io . Поэтому в этот раз мы рассмотрим несколько примеров, чтобы дать вам представление о том, стоит ли вам создавать многоязычный сайт на Bubble .io.
Фанова.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 домена с помощью ввода
После успешной регистрации вашего веб-сайта на панели управления Linguise у вас есть два варианта продолжения установки.
Если вы предпочитаете добавлять записи DNS автоматически, вы можете нажать «Подключить DNS автоматически». Эта функция, называемая Entri, будет обрабатывать записи DNS за вас, упрощая процесс установки. Кроме того, вы можете вручную скопировать записи DNS своему провайдеру домена.
После нажатия кнопки Entri проанализирует зарегистрированный URL-адрес вашего веб-сайта и проверит ваши общедоступные записи DNS. На основе этого анализа он определит необходимого провайдера и записи DNS.
Затем нажмите «Авторизовать с помощью [вашего провайдера домена]» (например, Cloudflare). Это действие перенаправит вас на страницу входа вашего провайдера домена, где вы сможете войти и продолжить.
Как только вы войдете в систему своего провайдера домена, Entri позаботится обо всем остальном, автоматически добавив соответствующие записи DNS — по одному DNS для каждого языка и один DNS TXT для ключа проверки. Вы должны увидеть записи 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 в многоязычный.
