Створення багатомовного вебсайту не таке складне, як ви могли б подумати, особливо якщо використовувати CMS, як-от HubSpot. Ця платформа створена для того, щоб зробити процес створення та керування сайтами кількома мовами простішим без потреби у складному програмуванні чи надто технічних налаштуваннях. Від налаштувань сторінок і навігації до функцій автоматичного перекладу — усе доступне й готове до використання одразу.
У цьому посібнику ми розглянемо всі кроки створення багатомовного вебсайту на HubSpot CMS: від планування мовної стратегії та початкового налаштування сайту до інтеграції з інструментами перекладу й важливих практик SEO для оптимізації продуктивності вашого вебсайту на різних ринках. Рухаймося крок за кроком!
Чому варто вибрати HubSpot CMS для вашого багатомовного вебсайту?
Якщо ви шукаєте потужну, але водночас зручну CMS для створення багатомовного вебсайту, HubSpot CMS може стати ідеальним вибором. Ця платформа розроблена так, щоб будь-хто — новачок чи професіонал — міг легко створювати привабливі, добре структуровані вебсайти кількома мовами.
Ось кілька причин, чому HubSpot CMS є чудовим вибором для вашого багатомовного вебсайту.
- Безкоштовно та легко у використанні без кодування – HubSpot CMS пропонує безкоштовні інструменти, якими можна користуватися без знання коду. Завдяки редактору з перетягуванням та гнучким темам будь-хто може створити професійний сайт без потреби в розробнику. Це ідеально, якщо ви хочете зосередитися на створенні контенту та користувацького досвіду, не маючи справи з технічними складнощами.
- Вбудована підтримка багатьох мов – HubSpot CMS дозволяє створювати рідні версії ваших сторінок кількома мовами. Кожною версією можна керувати окремо, але вона залишається пов'язаною в єдиній системі, що робить навігацію та керування контентом простими. Ви також можете налаштувати URL-адреси для конкретних мов і використовувати функції багатомовного SEO, як-от теги hreflang.
- Інтеграція з інструментами маркетингу та CRM – Ви можете легко поєднати свій багатомовний сайт з інструментами маркетингу, продажів та обслуговування клієнтів HubSpot. Наприклад, ви можете показувати контактні форми, чат-боти або контент email-маркетингу відповідно до мови користувача. Це створює більш персоналізований та релевантний досвід для користувачів.
- Вбудована аналітика вебсайту – HubSpot надає вбудовану аналітику для відстеження ефективності кожної мовної версії вашого вебсайту. Ви можете бачити, які сторінки найпопулярніші, звідки приходить ваша аудиторія та як вона взаємодіє—все з однієї панелі керування, без додаткових інструментів.
Покрокове створення багатомовного веб-сайту за допомогою HubSpot CMS
Створення багатомовного вебсайту вимагає добре продуманої стратегії, чіткої структури та платформи, яка легко підтримує багатомовні потреби — і HubSpot CMS має все це. Почнімо з кроків!
#1 Планування вашої багатомовної стратегії
Ретельне планування — це перший крок, перш ніж торкатися редактора. Це важливо, щоб ваш багатомовний сайт чудово виглядав і добре працював для аудиторій з різних регіонів.
- Обирайте мови залежно від цільового ринку або аудиторії, яку хочете охопити. Використовуйте дані про аудиторію з аналітики або маркетингових досліджень, щоб визначити пріоритетність найбільш релевантних мов. Це дослідження також визначить, які мови ви додасте на свій вебсайт.
- Визначте, яку структуру URL використовувати. HubSpot CMS підтримує різні формати структури URL, як-от субдомени (наприклад, fr.example.com), підпапки (example.com/fr) або параметри URL (example.com?lang=fr). Підпапки зазвичай найбільш рекомендовані для SEO, оскільки вони залишаються на основному домені.
- Визначте, які ключові сторінки мають бути доступні кожною мовою. Це включає головну сторінку, про нас, послуги, контакти та популярні статті. Завдяки цій карті вмісту ви можете забезпечити однаковий досвід користувача всіма мовами.
#2 Налаштування вашого вебсайту
Коли стратегію готово, настав час закласти основу вашого вебсайту на HubSpot CMS. Спочатку переконайтеся, що у вас уже є обліковий запис HubSpot. Вам варто знати, що HubSpot також пропонує безкоштовний пробний період, якщо ви хочете спершу його спробувати.
Після створення облікового запису та входу ви будете перенаправлені на сторінку панелі керування з різними меню навігації та параметрами налаштування продуктів. Коли ви перейдете до наступного вигляду, виберіть меню Вміст > Сторінки вебсайту . Щоб почати створення вебсторінки, натисніть кнопку Створити.
Далі виберіть адаптивну тему або шаблон, який легко налаштувати. HubSpot пропонує великий вибір тем, які ви можете одразу використовувати або змінювати відповідно до вашого бренду за допомогою редактора з функцією перетягування. Якщо ви вибрали тему, натисніть кнопку Встановити як активну тему .
Якщо так, вас буде направлено на сторінку редактора. Тут ви можете безпосередньо редагувати різні елементи відповідно до потреб вашого вебсайту.
Щоб редагувати елемент, натисніть на нього та налаштуйте його в розділі Вміст ліворуч.
Так само, якщо ви хочете додати нові розділи, модулі або макети. Тут HubSpot CMS пропонує різні модулі, як-от:
- Текст
- Торгівля
- Дизайн
- Форми та кнопки
- Основний вміст тощо.
Вам просто потрібно вибрати знак (+), або безпосередньо перетягнути його з лівої частини редактора сторінки в праву.
#3 Інтеграція з інструментами автоматичного перекладу
Після завершення створення сторінок вашого вебсайту настав час інтегрувати ваш вебсайт на HubSpot з інструментом автоматичного перекладу. У цьому випадку ми використаємо зовнішній інструмент під назвою Linguise.
Існує кілька причин, чому використання стороннього інструменту разом із HubSpot є необхідним, особливо для багатомовних вебсайтів, адже HubSpot CMS не підтримує автоматично певні функції, як-от.
Обмеження мови та сторінок залежно від тарифу – HubSpot обмежує кількість мовних варіацій для кожного контенту залежно від вашого тарифного плану. Наприклад, тариф Starter дозволяє лише до 3 мов для одного контенту, тоді як Linguise пропонує необмежену підтримку мов — до 85 мов на всіх тарифах — і надає необмежену кількість сторінок.
Обмежена підтримка багатьох мов для певних типів сторінок – Системні сторінки, як-от 404, не можна перекладати кількома мовами, а переклад вмісту блогу чи бази знань відбувається інакше й потребує більше ручної роботи, ніж для звичайних сторінок вебсайту
Підтримка мовних тегів для кодованих файлів відсутня – Якщо ви використовуєте кодовані шаблони, вам потрібно вручну встановити тег lang у розділі
- Для мов з письмом справа наліво немає налаштувань напрямку тексту. Для таких мов, як арабська чи іврит, вам потрібно буде самостійно додати атрибут dir=”rtl”, щоб напрямок тексту був правильним.
Ось чому сторонні інструменти перекладу, які підтримують усі ці функції та добре інтегруються з HubSpot CMS, є необхідними—Linguise є одним із них. Linguise може автоматично перекладати вміст понад 80 мовами з високоякісними результатами.
Щоб встановити автоматичний переклад Linguise на вашому вебсайті HubSpot, потрібно виконати кілька кроків.
Спочатку переконайтеся, що ви створили Linguise акаунт. Після входу або реєстрації на Linguise панелі керування вам буде запропоновано зареєструвати домен, який потрібно перекласти. Введіть повний домен, включно з https://, і виберіть опцію OTHER CLOUD HOSTED CMS.
Потім виберіть основну (вихідну) мову вашого вебсайту та цільову мову (мови), які ви хочете додати.
Після успішної реєстрації вашого домену на панелі керування Linguise ви побачите опцію автоматичного підключення DNS. За допомогою функції під назвою Entri ви можете додати всі необхідні записи DNS без ручного налаштування.
Entri перевірить публічний DNS вашого домену, визначить постачальника домену (наприклад, Cloudflare) і відобразить сторінку входу для цього постачальника. Після входу Entri автоматично додасть усі необхідні DNS-записи:
- Один TXT-запис для підтвердження домену
- Один запис CNAME для кожної мови, яку ви додаєте
Процес поширення DNS зазвичай триває 20–30 хвилин, перш ніж ваш сайт зможе відображати багатомовні сторінки.
Наступний крок – вставити Linguise , який ви можете знайти на своїй Linguise . Потім перейдіть до розділу Налаштування > Мова у вашому обліковому записі HubSpot і вставте скрипт у поле Head HTML.
Цей код автоматично інтегрує ваш сайт з Linguise. Крім того, він також автоматично створить стандартний перемикач мов.
#4 Налаштування перемикача мов
Крім того, ви також можете налаштувати перемикач мов відповідно до ваших уподобань на панелі керування Linguise , вибравши меню відображення мовних прапорців. Наприклад, починаючи з налаштування назви мови, яка відображається, значка прапора, кольору, тексту та багато іншого.
На цій сторінці ви також можете впорядкувати, які мови відображатимуться першими у перемикачі мов вашого вебсайту.
#5 Перекладайте вміст автоматично
Нарешті, ми перекладемо вебсайт HubSpot, який було створено автоматично, іншою мовою за допомогою Linguise. Наприклад, ми перекладемо з англійської на німецьку.
Як бачите, весь вміст вебсайту HubSpot буде автоматично перекладено швидко та точно.
Найкращі практики SEO для багатомовних сайтів на HubSpot
Окрім створення багатомовного вебсайту за допомогою HubSpot, ви повинні переконатися, що стратегії міжнародного SEO , які ви застосовуєте, можуть допомогти кожній мовній версії вашого сайту добре відображатися в результатах пошуку. Нижче наведено найкращі практики SEO, які ви можете застосувати для багатомовних сайтів на базі HubSpot.
Правильно використовуйте теги hreflang і canonical
Тег hreflang повідомляє пошуковим системам цільову мову та місцезнаходження конкретної сторінки. Це важливо, щоб уникнути дублювання вмісту та забезпечити спрямування користувачів до відповідної мовної версії.
Хороша новина полягає в тому, що якщо ви використовуєте HubSpot CMS з Linguise, підтримка цих тегів hreflang налаштовується автоматично. Це означає, що вам не потрібно додавати теги вручну, оскільки система генеруватиме та керуватиме hreflang для кожної мовної версії вашого сайту. Ось приклад реалізації hreflang у статті.
Тим часом, канонічний тег слід використовувати обережно. Не змушуйте всі мовні версії вказувати на одну канонічну URL-адресу; кожна мовна версія повинна мати свою канонічну адресу.
Наприклад, французька сторінка повинна мати канонічне посилання на французьку версію URL-адреси, а не на англійську. Це допомагає Google зрозуміти, що кожна мовна версія є окремою оригінальною сторінкою, і не вважати її дубльованим вмістом.
Оптимізуйте тег заголовка та метаопис для кожної мови
Заголовки сторінок (теги title) і метаописи є найважливішими елементами SEO на сторінці. Якщо ви використовуєте один шаблон у HubSpot для кількох мов, переконайтеся, що кожна версія має заголовок і метаопис, які відповідають цільовій мові. Це підвищує релевантність у пошуку та показник кліків у результатах пошуку.
Наприклад, налаштуйте вміст замість того, щоб писати мета-опис англійською для всіх версій. Якщо ваша сторінка продає одяг і ви орієнтуєтеся на іспанський ринок, мета-опис на кшталт «Compra ropa moderna para hombre y mujer con envío gratis» буде набагато ефективнішим, ніж англійська версія.
Використовуйте SEO-дружні URL-адреси, пов’язані з мовою
Структура URL відіграє велику роль у багатомовному SEO. Використовуйте структури, які вказують на мову вмісту, як-от підпапки (example.com/fr/), піддомени (fr.example.com) або параметри (example.com?lang=fr). У HubSpot підпапки часто є найпростішим варіантом для керування SEO.
Також переконайтеся, що ваші URL-адреси відрізняються не лише за структурою, а й за мовою. Наприклад, англійська сторінка «Про нас» може мати вигляд example.com/en/about-us, тоді як французька версія — example.com/fr/a-propos. Це допомагає користувачам і пошуковим системам одразу зрозуміти мовний контекст.
Зверніть увагу на переклад ALT-тексту зображень і візуального контенту
Альтернативний текст на зображеннях часто забувають у багатомовних SEO-стратегіях, хоча він важливий для доступності та видимості в Google Images. Переконайтеся, що кожна мовна версія вашого сайту має альтернативний текст, який правильно перекладається та доречно описує вміст зображення.
Наприклад, зображення, на якому людина читає книгу, може мати альтернативний текст «Person reading a book» в англійській версії та «Personne lisant un livre» у французькій версії. Це не лише допомагає користувачам із порушеннями зору, але й підвищує шанси появи зображення в локальних пошукових запитах за зображеннями.
Надішліть багатомовну карту сайту до Google Search Console
Google має знати, що у вас є кілька мовних версій вашого контенту. Тому надзвичайно важливо надіслати XML-карту сайту, яка включає всі багатомовні сторінки, до Google Search Console . HubSpot CMS автоматично створює карту сайту, але ви повинні переконатися, що кожна мовна версія внесена до неї.
Багатомовна карта сайту в ідеалі має містити елемент <xhtml:link rel=“alternate” hreflang=“…”>, щоб показати зв’язок між мовами. Щойно ви надішлете правильну карту сайту, Google швидше проіндексує всі мовні версії вашого сайту та спрямує користувачів на найрелевантніші сторінки.
Conclusion
Тепер ви розумієте, як створити багатомовний вебсайт за допомогою HubSpot CMS. Ви можете розпочати з планування мов, створення сторінок і оптимізації SEO — усе на одній платформі, без клопоту з програмуванням. Однак для справді оптимізованого користувацького досвіду та ефективності SEO настійно рекомендується інтеграція зі службою автоматичного перекладу, як-от Linguise .
With Linguise, you can translate your entire website content into more than 80 languages instantly and accurately. So, suppose you want to deliver the best multilingual experience on your HubSpot website and reach a global audience more efficiently. In that case, it’s time to start using Linguise to translate your site automatically and professionally!
