Створення багатомовного веб-сайту не так складно, як ви можете подумати, особливо якщо використовувати 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 пропонує великий вибір тем, які ви можете негайно використовувати або змінити відповідно до вашого бренду за допомогою редактора перетягування. Якщо ви вибрали тему, натисніть кнопку Встановити як активну тему.
Якщо так, ви будете перенаправлені на сторінку редактора. Тут ви можете безпосередньо редагувати різні елементи відповідно до потреб вашого веб-сайту.
Щоб відредагувати елемент, натисніть на нього та налаштуйте у розділі Вміст зліва.
Аналогічно, якщо ви хочете додати нові розділи, модулі чи макети. Тут CMS HubSpot надає різні модулі, такі як:
- Текст
- Комерція
- Дизайн
- Форми та кнопки
- Основний зміст тощо.
Вам просто потрібно вибрати знак (+) або безпосередньо перетягнути його зліва направо у редакторі сторінки.
#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; кожна мовна версія повинна мати свій власний канонічний тег.
Наприклад, французька сторінка повинна мати canonical на французьку версію 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/uk/about-us, тоді як французька версія повинна бути example.com/fr/a-propos. Це допомагає користувачам і пошуковим системам зрозуміти мовний контекст негайно.
Зверніть увагу на переклад тексту ALT зображень та візуального контенту
Альтернативний текст на зображеннях часто забувають у багатомовних стратегіях SEO, хоча він важливий для доступності та видимості на Google Images. Переконайтеся, що кожна мовна версія вашого сайту має альтернативний текст, який правильно перекладено та описує зміст зображення відповідним чином.
Наприклад, зображення, на якому зображено людину, що читає книгу, може мати альтернативний текст «Людина читає книгу» в англійській версії та «Personne lisant un livre» у французькій версії. Це не тільки допомагає користувачам з порушеннями зору, але й збільшує шанси зображення з'являтися в локальних пошуках зображень.
Надішліть багатомовну карту сайту до Google Search Console
Google повинен знати, що у вас є кілька мовних версій вашого контенту. Тому надсилання карти сайту XML, що включає всі багато мовні сторінки, до консолі пошуку Google є дуже важливим. HubSpot CMS автоматично створює карту сайту, але ви повинні переконатися, що кожна мовна версія перелічена.
Карта сайту для кількох мов повинна в ідеалі містити елемент <xhtml:link rel=“alternate” hreflang=“…”> , щоб показати взаємозв'язок між мовами. Після того, як ви подасте правильну карту сайту, Google швидше індексуватиме всі мовні версії вашого сайту та направлятиме користувачів на найбільш релевантні сторінки.
Висновок
Тепер ви розумієте, як створити багатомовний веб-сайт за допомогою HubSpot CMS. Ви можете розпочати кроки з планування мови, створення сторінок та оптимізації SEO, все на одній платформі, без клопоту кодування. Однак для справді оптимізованого користувацького досвіду та продуктивності SEO настійно рекомендується інтеграція з автоматизованою службою перекладу, як Linguise .
За допомогою Linguise, ви можете перекласти весь вміст свого веб-сайту більш ніж 80 мовами миттєво та точно. Отже, припустимо, ви хочете забезпечити найкращий багатомовний досвід на своєму веб-сайті HubSpot і ефективніше охопити глобальну аудиторію. У такому випадку настав час почати використовувати Linguise для автоматичного та професійного перекладу вашого сайту!
