Створення багатомовного веб -сайту не так складно, як ви могли подумати, особливо використовуючи такі CMS, як HubSpot. Ця платформа призначена для полегшення процесу створення та управління сайтами на декількох мовах без необхідності складного кодування або надмірно технічних налаштувань. Від налаштувань сторінки, навігації, до функцій автоматичного трансляції, все доступно і може бути використане відразу.
У цьому посібнику ми висвітлюємо повні кроки до створення багатомовного веб -сайту за допомогою HubSpot CMS, від стратегізації мови, початкової налаштування сайту, інтеграції з інструментами перекладу та важливих SEO -практик для оптимізації продуктивності вашого веб -сайту на різних ринках. Давайте зробимо це крок за часом!
Чому вибрати HubSpot CMS для вашого багатомовного веб -сайту?
Якщо ви шукаєте потужний, але також зручний для користувача CMS для створення багатомовного веб-сайту, 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 забезпечує великий вибір тем, які ви можете негайно використовувати або змінити відповідно до вашого бренду з редактором перетягування. Якщо ви вибрали тему, натисніть SET як активну тему .
Якщо так, ви будете направлені на сторінку редактора. Тут ви можете безпосередньо редагувати різні елементи відповідно до потреб вашого веб -сайту.
Щоб відредагувати елемент, натисніть на нього та відрегулюйте його в Зміст зліва.
Так само, якщо ви хочете додати нові розділи, модулі або макети. Тут HubSpot CMS надає різні модулі, такі як:
- текст
- Комерція
- Дизайн
- Форми та кнопки
- Вміст тіла тощо.
Вам просто потрібно вибрати знак (+) або безпосередньо перетягнути його зліва в правій частині редактора вашої сторінки.
#3 Інтеграція з інструментами автоматичного перекладу
Після того, як ви закінчили створення сторінок свого веб -сайту, настав час інтегрувати свій веб -сайт HubSpot за допомогою автоматичного інструменту перекладу. У цьому випадку ми будемо використовувати зовнішній інструмент під назвою Linguise .
Існує кілька причин, чому використання стороннього інструменту з HubSpot необхідно, особливо для багатомовних веб-сайтів, оскільки HubSpot CMS не підтримує автоматично певних функцій, таких як.
Ліміти мови та сторінки на основі плану - HubSpot обмежує кількість варіацій мови за вміст залежно від рівня передплати. Наприклад, план стартера дозволяє лише до 3 мов на вміст, тоді як Linguise пропонує необмежену мову підтримку, з 85 мовами, доступними у всіх планах, та надає необмежену сторінку.
Обмежена багатомовна підтримка певних типів сторінок - Системні сторінки, такі як 404S, не можуть бути перекладені на кілька мов, а переклад вмісту блогу чи бази знань слідує різному, більш ручним процесом, ніж звичайні сторінки веб -сайтів
Немає підтримки мовних тегів для кодованих файлів - якщо ви використовуєте кодовані шаблони, ви повинні вручну встановити тег LANG у розділі або.
- Не існує налаштування текстового напрямку для мов RTL - для таких мов, як арабська чи іврит, вам потрібно буде додати атрибут DIR = "RTL", щоб зробити текстовий напрямок правильним.
Ось чому сторонні інструменти перекладу, які підтримують усі ці функції та добре інтегруються з Hubspot CMS, є важливими-Linguise -одна з них. Linguise може автоматично переводити вміст на 80+ мов з високоякісними результатами.
На своєму веб -сайті HubSpot є кілька кроків, які слід виконати, щоб встановити Linguise
По -перше, переконайтеся, що ви створили Linguise . Після входу або реєстрації на Linguise , вам буде запропоновано зареєструвати домен, який ви хочете перекласти. Введіть повний домен, включаючи https: //, і виберіть іншу опцію CMS Cloud.
Потім виберіть основну мову (джерело) вашого веб -сайту та цільову мову, яку ви хотіли б додати.
Після того, як ваш домен буде успішно зареєстрований на інформаційній панелі Linguise , ви побачите можливість автоматично підключити свій DNS. Використовуючи функцію під назвою Antri, ви можете додати всі необхідні записи DNS без конфігурації вручну.
Antri перевірятиме публічний DNS вашого домену, виявить постачальника домену (наприклад, Cloudflare) та відобразить сторінку входу для цього постачальника. Після входу в систему Antri автоматично додасть усі необхідні записи DNS:
- Один запис TXT для підтвердження домену
- Один запис CNAME для кожної мови, яку ви додаєте
Процес розповсюдження DNS зазвичай займає 20–30 хвилин, перш ніж ваш сайт може відображати багатомовні сторінки.
Наступним кроком є вставлення Linguise сценарію, який ви можете знайти на Linguise панелі. Потім перейдіть до Налаштування> Мова у своєму обліковому записі HubSpot і вставте сценарій у поле HTML Head.
Цей код автоматично інтегруватиме ваш веб -сайт із Linguise. Крім того, він також автоматично генерує комутатор мови за замовчуванням.
#4 Налаштування мовного перемикача
Крім того, ви також можете встановити комутатор мови відповідно до ваших налаштувань на панелі Linguise , вибравши меню відображення мовних прапорів. Наприклад, починаючи з встановлення назви мови, що з’являється, значок прапора, колір, текст та багато іншого.
На цій сторінці ви також можете сортувати, які мови з’являться першими на комутаторі мови вашого веб -сайту.
#5 Перекладіть вміст автоматично
Нарешті, ми перекладемо веб -сайт HubSpot, який був створений автоматично, в іншу мову, використовуючи Linguise. Наприклад, ми перекладемо з англійської на німецьку мову.
Як бачите, весь вміст веб -сайту HubSpot буде автоматично перевозити швидко та точно.
Найкращі практики SEO для багатомовних веб -сайтів HubSpot
На додаток до створення багатомовного веб -сайту з HubSpot, ви повинні переконатися, що міжнародні стратегії SEO, які ви реалізуєте, може допомогти кожній мовній версії вашого сайту добре з'явитися в результатах пошуку. Нижче наведені найкращі практики SEO, які ви можете реалізувати для багатомовних сайтів на основі HubSpot.
Правильно використовуйте Hreflang та канонічні теги
Тег Hreflang розповідає пошукову системну мову цільової та розташування певної сторінки. Це важливо, щоб уникнути дублювання вмісту та забезпечити, щоб користувачі були спрямовані на відповідну мову версію.
Хороша новина полягає в тому, що якщо ви використовуєте Hubspot CM з Linguise, підтримка цих тегів Hreflang налаштована автоматично. Це означає, що вам не потрібно додавати теги вручну, оскільки система буде генерувати та керувати Hreflang для кожної мови версії вашого сайту. Ось приклад реалізації Hreflang у статті.
Тим часом канонічний тег слід ретельно використовувати. Не робіть усіх мовних версій вказувати на одну канонічну URL -адресу; Кожна мова мови повинна мати свою канонічну.
Наприклад, французька сторінка повинна мати канонічне для французької версії URL -адреси, а не для англійської версії. Це допомагає Google зрозуміти, що кожна мова мови - це інша оригінальна сторінка, а не вважати її дублікатним вмістом.
Оптимізуйте тег заголовка та мета -опис на кожній мові
Назви сторінок (теги заголовків) та мета-описи-найважливіші елементи 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 Text та візуальний зміст
Текст ALT на зображеннях часто забувається в багатомовних стратегіях SEO, навіть якщо це важливо для доступності та видимості на зображеннях Google. Переконайтесь, що кожна мовна версія вашого сайту має текст Alt, який переводиться правильно та описує вміст зображення відповідним чином.
Наприклад, зображення, що показує людину, яка читає книгу, може мати текст Alt "Людина, яка читає книгу" в англійській версії та "Personne Lisant Un Livre" у французькій версії. Це не тільки допомагає користувачам з порушеннями зору, але й збільшує шанси зображення, що з’являються в локальних пошуках зображень.
Надішліть багатомовну карту сайту на пошук Google
Google повинен знати, що у вас є кілька мовних версій вашого вмісту. Тому подання позначки SITEMP XML, яка включає всі багатомовні сторінки на консоль пошуку Google, є дуже важливим. HubSpot CMS автоматично створює карту сайту, але ви повинні переконатися, що кожна мова мови перелічена.
Багатомовна карта сайту повинна в ідеалі включати<xhtml:link rel=“alternate” hreflang=“…”> елемент, щоб показати взаємозв'язок між мовами. Після того, як ви подаєте правильну карту сайту, Google швидше індексує всі мовні версії вашого сайту та направлятиме користувачів на найбільш релевантні сторінки.
Висновок
Тепер ви розумієте, як створити багатомовний веб -сайт із HubSpot CMS. Ви можете запустити кроки від планування мови, створення сторінок та оптимізації SEO, все на одній платформі, без клопоту кодування. Однак для справді оптимізованого досвіду користувачів та продуктивності SEO, настійно рекомендується інтеграція з автоматизованою службою перекладу, як Linguise .
За допомогою Linguise ви можете миттєво та точно перекласти весь вміст свого веб -сайту на понад 80 мов. Отже, припустимо, ви хочете забезпечити найкращий багатомовний досвід на своєму веб -сайті HubSpot та більш ефективно охопити глобальну аудиторію. У такому випадку настав час почати використовувати Linguise для автоматичного та професійно перекладати свій сайт!
