Створення мультилінгвального веб-сайту не так складно, як ви можете подумати, особливо використовуючи CMS на зразок HubSpot. Ця платформа призначена для того, щоб зробити процес створення та управління сайтами на кількох мовах простішим без необхідності у складному кодуванні чи надмірно технічних налаштуваннях. Від налаштувань сторінки, навігації до функцій автоматичного перекладу, все доступно і може бути використано негайно.
У цьому посібнику ми розглянемо повні кроки зі створення багатомовного веб-сайту за допомогою HubSpot CMS, починаючи від розробки мовної стратегії, початкового налаштування сайту, інтеграції з інструментами перекладу та важливих практик SEO для оптимізації продуктивності вашого веб-сайту на різних ринках. Давайте зробимо це крок за кроком!
Чому варто вибрати HubSpot CMS для свого багатомовного веб-сайту?
Якщо ви шукаєте потужну, але також зручну для користувача СМS для створення багатомовного веб-сайту, HubSpot CMS може бути ідеальним вибором. Ця платформа призначена для того, щоб зробити її легкою для будь-кого, незалежно від того, новачок ви чи професіонал, створювати привабливі, добре структуровані веб-сайти кількома мовами.
Ось кілька причин, чому HubSpot CMS є чудовим варіантом для вашого проекту багатомовного веб-сайту.
- Безкоштовно та легко використовувати без кодування – HubSpot CMS пропонує безкоштовні інструменти, які ви можете використовувати без будь-яких знань кодування. Завдяки редактору перетягування та гнучким темам будь-хто може створити професійно виглядаючий сайт без необхідності в розробнику. Це ідеально підходить, якщо ви хочете зосередитися на створенні контенту та досвіду користувача без зайвих технічних складностей.
- Вбудована підтримка багатомовності – HubSpot CMS дозволяє створювати рідні версії ваших сторінок кількома мовами. Кожною версією можна керувати окремо, але вони залишаються пов'язаними в єдиній системі, що полегшує навігацію та керування вмістом. Ви також можете налаштувати мовно-специфічні URL-адреси та використовувати функції багатомовного SEO, такі як теги hreflang.
- Інтеграція з інструментами маркетингу та CRM – Ви можете легко підключити свій багатомовний сайт до інструментів маркетингу, продажів та обслуговування клієнтів HubSpot. Наприклад, ви можете відображати форми зворотного зв'язку, чат-боти або контент електронного маркетингу залежно від мови користувача. Це створює більш персоналізовані та релевантні враження для користувачів.
- Вбудована аналітика веб-сайту – 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 не можуть бути перекладені на декілька мов, і переклад контенту блогу або бази знань відбувається за іншим, більш ручним процесом, ніж звичайні сторінки веб-сайту
Відсутня підтримка тегу мови для кодованих файлів – Якщо ви використовуєте кодовані шаблони, ви повинні вручну встановити тег мови в розділі або .
- Немає налаштування напрямку тексту для мов RTL – Для мов, таких як арабська або іврит, вам потрібно буде додати атрибут 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 і вставте скрипт у поле 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. Переконайтеся, що кожна мовна версія вашого сайту має альтернативний текст, який правильно перекладено та описує зміст зображення відповідним чином.
Наприклад, зображення, що показує людину, яка читає книгу, може мати альтернативний текст «Людина читає книгу» в англійській версії та «Personne lisant un livre» у французькій версії. Це не тільки допомагає користувачам з порушеннями зору, але й збільшує шанси зображення з'явитися в локальних пошуках зображень.
Надіслати багатомовну карту сайту до Google Search Console
Google потребує знати, що у вас є кілька мовних версій вашого контенту. Тому дуже важливо подати карту сайту XML, що включає всі багатомовні сторінки, до Google Search Console. HubSpot CMS автоматично створює карту сайту, але ви повинні переконатися, що кожна мовна версія перелічена.
Карта сайту для кількох мов повинна в ідеалі містити елемент <xhtml:link rel=“alternate” hreflang=“…”> , щоб показати взаємозв'язок між мовами. Після того, як ви подасте правильну карту сайту, Google швидше індексуватиме всі мовні версії вашого сайту та направлятиме користувачів на найбільш релевантні сторінки.
Висновок
Тепер ви розумієте, як створити багатомовний веб-сайт за допомогою HubSpot CMS. Ви можете розпочати кроки з планування мови, створення сторінок та оптимізації SEO, все на одній платформі, без клопоту кодування. Однак для справді оптимізованого користувацького досвіду та продуктивності SEO інтеграція з автоматизованою службою перекладу, такою як Linguise , дуже рекомендується.
За допомогою Linguise ви можете перекласти увесь вміст свого веб-сайту більш ніж 80 мовами миттєво та точно. Отже, припустимо, ви хочете забезпечити найкращий багатомовний досвід на своєму веб-сайті HubSpot та ефективніше охопити глобальну аудиторію. У такому випадку настав час почати використовувати Linguise для автоматичного та професійного перекладу вашого сайту!
