У вас є вебсайт на Bubble.io, який ви хочете перекласти різними мовами, щоб він був доступний зовнішнім клієнтам? Bubble.io — це потужна та гнучка платформа без коду, яка пропонує потужне середовище для створення та керування вебзастосунками. Інтеграція автоматичного перекладу у ваш застосунок Bubble.io дозволяє спростити створення та підтримку багатомовного вмісту, заощаджуючи час і ресурси, водночас забезпечуючи послідовний і високоякісний користувацький досвід багатьма мовами.
Тому в цій статті ми розглянемо, як легко впровадити автоматичний переклад на сайті Bubble.io за допомогою сервісу автоматичного перекладу.
Переваги впровадження автоматичного перекладу на Bubble.io
Впровадження автоматичного перекладу на вебсайті Bubble.io може дати кілька переваг, зокрема наведені нижче.
- Доступ до глобального ринку: Автоматичний переклад дає змогу вашому застосунку Bubble.io охоплювати користувачів у всьому світі. Наприклад, застосунок для обміну рецептами, спочатку створений англійською, може миттєво стати доступним для любителів кулінарії в Японії, Бразилії та Франції, дозволяючи їм досліджувати рецепти та ділитися ними рідною мовою.
- Підвищена задоволеність користувачів: Контент мовою, якій користувач надає перевагу, забезпечує приємніший та захопливіший досвід. Наприклад: застосунок для планування подорожей, який автоматично перекладає маршрути, відгуки та місцеві рекомендації мовою користувача, може значно покращити його досвід планування поїздки.
- Higher conversion potential: Users are more likely to make purchases or sign up for services when information is presented in their native language. For example, an online course platform could see a surge in enrollments from Spanish-speaking countries after implementing automatic translation, as potential students can now fully understand course descriptions and benefits.
- Покращена видимість у пошуку: Багатомовний контент підвищує шанси вашого застосунку з’являтися в результатах пошуку в різних регіонах і мовами. Наприклад, застосунок для пошуку роботи, який пропонує автоматично перекладені вакансії та поради щодо резюме, може почати з’являтися в пошукових запитах місцевими мовами в багатьох країнах, приваблюючи шукачів роботи, які раніше не могли знайти цю платформу.
Приклади багатомовних вебсайтів на 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) is the platform’s ability to create professional and functional web applications. The site offers AI-powered career resources, including free courses, grant competitions, and job application opportunities. Its clean design features a prominent headline, a concise value proposition, and an engaging “Dive in” call-to-action button.
Помітною особливістю вебсайту ICA є перемикач мов у правому верхньому куті, який дає користувачам змогу обирати між англійською та арабською. Ця багатомовна підтримка демонструє, як Bubble.io може ефективно створювати глобально доступні платформи. Надаючи контент обома мовами — англійською та арабською, ICA може обслуговувати різноманітну аудиторію користувачів як в англомовних країнах, так і в арабському світі.
Як впровадити автоматичний переклад на Bubble.io
Розглянувши приклади багатомовних сайтів, створених за допомогою Bubble.io, ми дослідимо, як впровадити автоматичний переклад за допомогою сервісу автоматичного перекладу. Багато сервісів можуть швидко й легко перекладати вебсайти лише за кілька кроків налаштування. Одним із таких сервісів є Linguise.
Linguise інтегрується з різними CMS-платформами та конструкторами сайтів, зокрема інтегрується з Bubble.io. Ось кроки для встановлення Linguise автоматичного перекладу на Bubble.io.
#1 Зареєструйте свій доменний веб-сайт
Спочатку створіть безкоштовний Linguise акаунт і додайте домен вашого сайту. Ви можете скористатися 30-денною безкоштовною пробною версією, перш ніж вирішувати щодо плану підписки.
Далі вам буде запропоновано зареєструвати свій домен, щоб авторизувати переклад. Для цього скопіюйте назву свого домену, включно з «https://», і виберіть «інше» як платформу.
Next, choose your source and target languages.
#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 для мов
Here are examples for each record type (TXT and CNAME)
Після додавання всіх записів ваша конфігурація має виглядати так.
#4 Verify 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 дозволяє запрошувати професійних перекладачів до вашої панелі керування, сприяючи співпраці для підтримки культурної та контекстуальної точності у вашому контенті.
Conclusion
Впровадження автоматичного перекладу на вашому веб-сайті Bubble.io може значно розширити вашу аудиторію, підвищити залучення користувачів і покращити показники конверсії. За допомогою Linguiseви можете легко керувати багатомовним контентом, забезпечуючи безперебійний досвід для користувачів різними мовами, одночасно оптимізуючи ваші SEO-стратегії.
Linguise пропонує потужні функції, такі як редагування в реальному часі на фронтенді, динамічний переклад вмісту, правила виключення для конкретних термінів і широку підтримку SEO. Ці можливості роблять його ідеальним вибором для інтеграції автоматичного перекладу з Bubble.io. То чого ж ви чекаєте? Зареєструйте Linguise веб-сайт автоматичного перекладу і перетворіть свій Bubble.io веб-сайт на багатомовний.
