У вас є веб-сайт на 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 домену за допомогою входу
Після успішної реєстрації веб-сайту на інформаційній панелі 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 на багатомовний.
