Создание многоязычного сайта не так сложно, как вы можете подумать, особенно если использовать 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 ограничивает количество языковых вариаций для каждого контента в зависимости от вашего тарифного плана. Например, тариф Starter допускает только до 3 языков на контент, тогда как Linguise предлагает неограниченную языковую поддержку — до 85 языков на всех тарифах — и предоставляет неограниченное количество страниц.
Ограниченная поддержка нескольких языков для некоторых типов страниц – Системные страницы, такие как 404, нельзя перевести на несколько языков, а перевод блогов или контента базы знаний требует иного, более ручного процесса, чем для обычных страниц сайта
Нет поддержки языковых тегов для кодированных файлов – Если вы используете кодированные шаблоны, вам необходимо вручную установить языковой тег в разделе
- Отсутствует настройка направления текста для языков с письмом справа налево – Для таких языков, как арабский или иврит, вам нужно самостоятельно добавить атрибут 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 и вставьте скрипт в поле 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) и метаописания — важнейшие элементы внутренней оптимизации. Если вы используете один шаблон в 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 быстрее проиндексирует все языковые версии вашего сайта и направит пользователей на наиболее релевантные страницы.
Conclusion
Теперь вы понимаете, как создать многоязычный сайт с помощью HubSpot CMS. Вы можете начать с планирования языков, создания страниц и SEO-оптимизации — всё на одной платформе, без хлопот с программированием. Однако для действительно оптимизированного пользовательского опыта и эффективности SEO настоятельно рекомендуется интеграция с сервисом автоматического перевода, таким как Linguise .
С помощью Linguise вы можете мгновенно и точно перевести всё содержимое вашего сайта более чем на 80 языков. Итак, если вы хотите обеспечить лучший многоязычный опыт на вашем сайте HubSpot и более эффективно охватить глобальную аудиторию, то пришло время начать использовать Linguise , чтобы автоматически и профессионально переводить ваш сайт!
