Содержание
Требования к доступу Bubble.io
Для использования автоматического перевода на основе облачного ИИ с Bubble.io требуются определенные права доступа для завершения настройки:
- Доступ администратора Bubble.io
- Изменение DNS домена на Bubble.io
Настройка Bubble.io состоит из 4 простых шагов:
- Зарегистрируйте свой домен, чтобы разрешить перевод
- Измените DNS-записи домена в соответствии с языками перевода
- Добавьте ссылку на переключатель флагов языка в настройки Bubble.io.
- Активируйте функцию динамического перевода.
Как сделать ваш сайт Bubble.io многоязычным (видео)
Зарегистрируйте свой домен Bubble
После подключения или регистрации в панели управления Linguise вам будет предложено зарегистрировать свой домен для авторизации перевода.
Для этого просто скопируйте имя своего домена, включая https://, и выберите « Другая облачная CMS » в качестве платформы.
После этого выберите исходный и целевой языки.
Важное замечание по SEO: количество настроенных языков оказывает большое влияние на SEO. При настройке языков перевода, если у вас большое количество проиндексированных страниц (>500), поисковая система может потратить много времени на их обработку. Это может негативно сказаться на SEO вашего сайта на исходном языке. Поэтому мы рекомендуем сначала добавить максимум 5 языков, а после индексации — добавлять по 3 языка в месяц.
Измените DNS-записи домена в соответствии с используемыми языками
Автоматически добавлять DNS домена с помощью Entri
После того как вы успешно зарегистрировали свой веб-сайт на панели управления Linguise , у вас будет два варианта продолжения установки.
Вероятно, вы должны увидеть этот контент. Если вы предпочитаете автоматически добавлять записи DNS, вы можете нажать « Подключить DNS автоматически». Эта функция, называемая Entri, автоматически добавит ваши записи DNS, что позволит вам легко продолжить установку. Другой вариант — вручную скопировать DNS у вашего провайдера домена.
После нажатия кнопки Entri проанализирует зарегистрированный URL-адрес вашего веб-сайта и проверит вашу общедоступную запись DNS. На основании этого он определит требуемого провайдера и DNS.
Далее вы можете нажать « Авторизовать с помощью [провайдера вашего домена] » (в данном примере это Cloudflare). Затем вы увидите, что панель изменится на страницу входа в систему вашего провайдера домена, где вы сможете войти в систему и продолжить.
После того, как вы войдете в систему своего провайдера домена, Entri сделает все остальное, автоматически добавив нужные записи DNS. Один DNS для каждого языка + один TXT DNS для ключа проверки.
Вы должны увидеть, что DNS добавлен в ваш домен. Например:
После того как вы авторизуете его, Entri уведомит вас о том, что все настройки DNS были успешно настроены.
Вы сможете использовать функцию перевода, как только все записи DNS будут распространены в вашем домене (обычно это занимает 20–30 минут).
Если вы предпочитаете установку вручную , вы также можете сделать это вручную, выполнив действия, которые мы предоставим ниже.
Копировать записи DNS
После подтверждения вашего домена вы будете перенаправлены на страницу, где будут готовы к копированию DNS-записи, необходимые для добавления к вашему домену. Эти записи необходимы для загрузки многоязычных страниц вашего сайта, таких как fr.domain.com, es.domain.com…
Вот основные элементы, которые вам нужно скопировать в конфигурацию DNS Bubble.io.
После этого вам нужно подключиться к менеджеру домена и получить доступ к разделу настройки DNS. Затем, следуя инструкциям, вы можете скопировать:
- Одна TXT-запись для проверки домена
- Одна или несколько записей CNAME для языков
Вот пример для каждого типа записей (TXT и CNAME):
После добавления всех записей ваша конфигурация должна выглядеть следующим образом.
Проверка валидации DNS
После добавления всех записей в DNS вашего домена вы можете проверить распространение DNS-записей, нажав кнопку « Проверить конфигурацию DNS».
Проверка DNS обычно занимает от 30 минут до 1 часа . После этого вы увидите зелёные точки в правой части списка DNS на Linguise . Вы почти готовы к переводу своего Bubble , но не хватает ссылки на переключатель языков с флагами стран.
Функция динамического перевода
С технической точки зрения, Bubble объединяет модули JavaScript, CSS и HTML в работающее приложение Node.js. Собственный язык Bubbleоснован на JSON.
Благодаря нашей функции « Динамический перевод » вы можете легко переводить контент на вашем Bubble , включая контент, который загружается асинхронно (динамически) после загрузки страницы. Это улучшение обеспечивает более удобный многоязычный интерфейс для ваших посетителей!
Вам потребуется активировать эту функцию в настройках вашей на панели управления Linguise .
После входа в Linguise , щелкните по зарегистрированному домену и перейдите в «Настройки» .
Перевод динамического контента находится в конце страницы настроек.
Добавьте переключатель языка в Bubble.io
Переключатель языка — это всплывающее окно с флагом для выбора нужного языка. Чтобы загрузить его, скопируйте код, указанный в заголовке страниц вашего сайта Bubble.io. Переключатель языка будет автоматически загружен на ваш общедоступный сайт.
Ссылка для копирования находится в конце регистрации домена или в настройках домена. Скопируйте ссылку в буфер обмена.
Затем перейдите на панель вашего Bubble . В меню слева нажмите «Настройки» > выберите «SEO/метатеги» .
В меню настроек прокрутите немного вниз, и вы найдете раздел «Скрипты/метатеги в заголовке» в подразделе « Расширенные настройки ».
Вставьте скопированный ранее скрипт Linguise «Сохранить» и опубликуйте свой сайт.
Теперь на внешнем интерфейсе вашего сайта Bubble.io должен быть доступен переключатель языка Linguise .
Дизайн переключателя языка веб-сайта Bubble.io
Переключатель языка можно настроить в Linguise > Настройки > Отображение языковых флагов. Все изменения, внесенные здесь, будут отражены на веб-сайте.
В правой части экрана отображается предварительный просмотр переключателя языка. Вот элементы, которые вы можете настроить:
- 3 макета: бок о бок, выпадающий или всплывающий
- Позиция переключателя языка
- Содержимое переключателя языка
- Названия языков на английском или родном языке
- Формы и размер флагов
- Цвета и тень от коробки
Редактор перевода на сайте Bubble
Редактор интерфейса позволяет переводчикам редактировать любой HTML-контент на Bubbleна любом языке. Вы можете редактировать страницу, нажав на элемент и заменив текст, ссылку или изображение.
Также можно редактировать метаинформацию, нажав на квадратные скобки {}
