Создание многоязычного веб-сайта не так сложно, как вы можете подумать, особенно с помощью CMS вроде HubSpot. Эта платформа предназначена для упрощения процесса создания и управления сайтами на нескольких языках без необходимости сложного кодирования или чрезмерно технических настроек. От настроек страницы, навигации до функций автоматического перевода, все доступно и может быть использовано сразу же.
В этом руководстве мы рассмотрим все шаги по созданию многоязычного веб-сайта с помощью HubSpot CMS, от разработки языковой стратегии и начальной настройки сайта до интеграции с инструментами перевода и важных практик SEO для оптимизации производительности вашего веб-сайта на различных рынках. Давайте сделаем это шаг за шагом!
Почему стоит выбрать HubSpot CMS для вашего многоязычного веб-сайта?
Если вы ищете мощный, но также удобный СМS для создания многоязычного веб-сайта, 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, не могут быть переведены на несколько языков, а перевод содержимого блога или базы знаний следует другому, более ручному процессу, чем обычные страницы сайта
Нет поддержки языкового тега для закодированных файлов – Если вы используете закодированные шаблоны, вы должны вручную установить тег lang в разделе или .
- Нет настройки направления текста для языков 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 и канонические теги правильно
Тег hreflang сообщает поисковым системам о целевой языке и местоположении конкретной страницы. Это важно для предотвращения дублирования контента и обеспечения направления пользователей к соответствующей языковой версии.
Хорошая новость заключается в том, что если вы используете HubSpot CMS с Linguise, поддержка этих тегов hreflang настраивается автоматически. Это означает, что вам не нужно добавлять теги вручную, поскольку система будет генерировать и управлять hreflang для каждой языковой версии вашего сайта. Вот пример реализации hreflang в статье.
Между тем, канонический тег должен использоваться осторожно. Не заставляйте все языковые версии указывать на один канонический URL; каждая языковая версия должна иметь свой собственный канонический тег.
Например, французская страница должна иметь каноническую ссылку на французскую версию URL, а не на английскую версию. Это помогает Google понять, что каждая языковая версия является оригинальной страницей и не считать ее дубликатом содержимого.
Оптимизируйте тег title и мета-описание на каждом языке
Заголовки страниц (теги 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 для перевода вашего сайта автоматически и профессионально!
