Створення мультилінгвального веб-сайту не так складно, як ви можете подумати, особливо використовуючи 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 обмежує кількість мовних варіантів для кожного контенту залежно від вашого рівня підписки. Наприклад, стартовий план дозволяє використовувати лише до 3 мов для кожного контенту, тоді як Linguise пропонує необмежену підтримку мов, до 85 мов доступно для всіх планів, та надає необмежену кількість сторінок.
Обмежена багатомовна підтримка для певних типів сторінок – системні сторінки, такі як 404, не можна перекласти кількома мовами, а переклад контенту блогу або бази знань відбувається інакше, більш ручним способом, ніж переклад звичайних сторінок веб-сайту.
Немає підтримки тегів мови для закодованих файлів – Якщо ви використовуєте шаблони закодованих файлів, вам потрібно вручну встановити тег мови в
- Для мов з письмом справа наліво немає налаштувань напрямку тексту. Для таких мов, як арабська чи іврит, вам потрібно буде самостійно додати атрибут dir=”rtl”, щоб напрямок тексту був правильним.
Ось чому інструменти перекладу від третіх сторін, які підтримують усі ці функції та добре інтегруються з HubSpot CMS, є необхідними —Linguise є одним із них. Linguise може автоматично перекладати зміст на 80+ мов із високоякісними результатами.
Є кілька кроків, яких слід дотримуватися, щоб встановити Linguise автоматичний переклад на вашому веб-сайті HubSpot.
Спочатку переконайтеся, що ви створили Linguise . Після входу або реєстрації на Linguise вам буде запропоновано зареєструвати домен, який ви хочете перекласти. Введіть повний домен, включаючи https://, і виберіть опцію ІНША ХМАРНА CMS.
Потім виберіть основну (вихідну) мову вашого веб-сайту та цільову мову(и), яку ви хочете додати.
Як тільки ваш домен буде успішно зареєстровано на панелі керування Linguise , ви побачите опцію підключення DNS автоматично. Використовуючи функцію під назвою Entri, ви можете додати всі необхідні записи DNS без ручної конфігурації.
Entri перевірить публічний DNS вашого домену, виявить постачальника домену (наприклад, Cloudflare) і відобразить сторінку входу для цього постачальника. Після входу Entri автоматично додасть всі необхідні записи DNS:
- Один TXT-запис для перевірки домену
- Один CNAME-запис для кожної мови, яку ви додаєте
Процес поширення DNS зазвичай займає 20–30 хвилин, перш ніж ваш сайт зможе відображати багатомовні сторінки.
Наступний крок – вставити LinguiseLinguiseLinguise LinguiseLinguiseLinguiseLinguise LinguiseLinguise . Потім перейдіть до розділу Налаштування > Мова у вашому обліковому записі 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. Переконайтеся, що кожна мовна версія вашого сайту має альтернативний текст, який правильно перекладено та описує зміст зображення відповідним чином.
Наприклад, зображення, що показує людину, яка читає книгу, може мати альтернативний текст «Людина читає книгу» в англійській версії та «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 для автоматичного та професійного перекладу вашого сайту!
