Чи є у вас веб-сайт із Bubble.io, який ви хочете перекласти різними мовами, щоб він був доступний зовнішнім клієнтам? Bubble.io - це потужна і гнучка платформа без коду, яка пропонує потужне середовище для створення та управління веб-додатками. Інтеграція автоматичного перекладу у ваш Bubble.io додаток дозволяє спростити створення та підтримку багатомовного контенту, заощаджуючи час і ресурси, забезпечуючи послідовний і високоякісний користувацький досвід кількома мовами.
Тому в цій статті ми обговоримо, як легко реалізувати автоматичний переклад на сайті Bubble.io за допомогою сервісу автоматичного перекладу.
Перевага автоматичного перекладу на Bubble.io
Впровадження автоматичного перекладу на веб-сайті Bubble.io може надати кілька переваг, включаючи наступні.
- Доступ до глобального ринку: Автоматичний переклад дозволяє вашому додатку 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.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 / метатеги»
У меню налаштувань прокрутіть трохи вниз, доки не знайдете «Скрипт/метатеги у заголовку» під «Розширені налаштування».
Вставте 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 на багатомовний.
