Чи є у вас веб-сайт із 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 також пропонує фронтенд-редaktor в режимі реального часу, що дозволяє швидко коригувати переклади за потреби. Цей інструмент забезпечує точність перекладів і дозволяє швидко вносити зміни. Крім того, ви можете працювати з професійними перекладачами, щоб забезпечити культурну та контекстну точність.
Підтримка багатомовного SEO
Завдяки своїм багатомовним функціям SEO Linguise, Linguise може покращити видимість вашого веб-сайту в пошукових системах завдяки оптимізації його SEO. Він генерує багатомовні карти сайту, створює коди та теги hreflang, налаштовує канонічні URL-адреси та перекладає URL-адреси та мета-описи. Ці функції допомагають підвищити позиції вашого сайту у видачі пошукових систем і зробити його більш доступним для користувачів різними мовами.
Глобальні правила виключення перекладу
Щоб вирішити проблеми з перекладом, Linguise включає правила виключення, які дозволяють зберігати або виключати певні терміни, які можуть бути перекладені не точно. Ви можете встановлювати правила для виключення сторінок, внутрішнього контенту або певних сторінок, забезпечуючи ясність і точність у ваших перекладах.
Можливість додавати професійних перекладачів для співпраці
Крім того, Linguise дозволяє запрошувати професійних перекладачів приєднатися до вашого панелі керування, сприяючи співпраці для підтримки культурної та контекстуальної точності вашого контенту.
Висновок
Впровадження автоматичного перекладу на вашому сайті Bubble.io може значно розширити охоплення, підвищити залучення користувачів та покращити коефіцієнти конверсії. За допомогою Linguiseви можете легко керувати багатомовним контентом, забезпечуючи безперебійну взаємодією для користувачів різними мовами, оптимізуючи ваші стратегії SEO.
Linguise пропонує потужні функції, такі як редагування на інтерфейсі у реальному часі, динамічний переклад контенту, правила виключення для певних термінів та розширена підтримка SEO. Ці можливості роблять його ідеальним вибором для інтеграції автоматичного перекладу з Bubble.io. Так чого ви чекаєте? Зареєструйтеся на сайті автоматичного перекладу Linguise і перетворіть свій сайт Bubble.io на багатомовний.
