У вас є веб-сайт із Bubble.io, який ви хочете перекласти різними мовами, щоб до нього могли зайти зовнішні клієнти? Bubble.io — це потужна та гнучка платформа без коду, яка пропонує потужне середовище для створення та керування веб-додатками. Інтеграція автоматичного перекладу у ваш додаток Bubble.io дозволяє спростити створення та підтримку багатомовного вмісту, заощаджуючи час і ресурси, забезпечуючи узгоджену, високоякісну взаємодію з користувачем кількома мовами.
Тому в цій статті ми обговоримо, як легко реалізувати автоматичний переклад на сайті Bubble.io за допомогою служби автоматичного перекладу.
Переваги впровадження автоматичного перекладу на Bubble.io
Впровадження автоматичного перекладу на веб-сайті Bubble.io може надати кілька переваг, зокрема такі.
- Доступ до глобального ринку: автоматичний переклад дозволяє вашій програмі Bubble.io охоплювати користувачів у всьому світі. Наприклад, додаток для обміну рецептами, оригінально англійською мовою, може миттєво стати доступним для любителів їжі в Японії, Бразилії та Франції, дозволяючи їм досліджувати та додавати рецепти своїми рідними мовами.
- Підвищення задоволеності користувачів: вміст мовою, яку користувач вибирає, забезпечує приємніший і захоплюючий досвід. Приклад: додаток для планування подорожей, який автоматично перекладає маршрути, відгуки та місцеві рекомендації на мову користувача, може значно покращити планування подорожей.
- Вищий потенціал конверсії: користувачі з більшою ймовірністю будуть робити покупки або підписуватися на послуги, якщо інформація представлена їхньою рідною мовою. Наприклад, після впровадження автоматичного перекладу на платформі онлайн-курсів може зрости кількість реєстрацій з іспаномовних країн, оскільки тепер потенційні студенти можуть повністю розуміти опис і переваги курсу.
- Покращена пошукова видимість: багатомовний вміст покращує шанси вашої програми з’явитися в результатах пошуку в різних регіонах і мовах. Наприклад, програма пошуку роботи, яка пропонує автоматично перекладені списки вакансій і підказки щодо резюме, може почати з’являтися в результатах пошуку місцевою мовою в багатьох країнах, залучаючи шукачів роботи, які раніше не могли знайти платформу.
Приклади багатомовних веб-сайтів із Bubble.io
За даними trends.builtwith.com, Bubble.io використовують понад 55 тисяч сайтів . Тому цього разу ми обговоримо кілька прикладів, щоб дати вам уявлення про те, чи плануєте ви створити багатомовний сайт за допомогою 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 домену за допомогою входу
Після успішної реєстрації веб-сайту на інформаційній панелі 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 на багатомовний.