Создание многоязычного веб-сайта
В этом руководстве мы рассмотрим все шаги по созданию многоязычного веб-сайта с помощью HubSpot CMS, от разработки языковой стратегии, начальной настройки сайта, интеграции с инструментами перевода и важных практик SEO для оптимизации производительности вашего веб-сайта на различных рынках. Давайте сделаем это шаг за шагом!
Почему выбрать HubSpot CMS для вашего многоязычного сайта?
Если вы ищете мощный, но также удобный система управления контентом (CMS) для создания многоязычного веб-сайта, HubSpot CMS может быть идеальным выбором. Эта платформа разработана, чтобы сделать процесс создания привлекательных и хорошо структурированных веб-сайтов на нескольких языках простым для любого пользователя, будь то начинающий или профессионал.
Вот несколько причин, почему HubSpot CMS - отличный вариант для вашего многоязычного веб-проекта.
- Бесплатно и легко использовать без программирования – HubSpot CMS предлагает бесплатные инструменты, которые вы можете использовать без каких-либо знаний программирования. С редактором перетаскивания и гибкими темами любой может создать профессионально выглядящий сайт без необходимости в разработчике. Это идеально, если вы хотите сосредоточиться на создании контента и пользовательском опыте без технических сложностей.
- Встроенная поддержка мультиязычности – HubSpot CMS позволяет создавать собственные версии страниц на нескольких языках. Каждой версией можно управлять отдельно, но она остается связанной в единой системе, что упрощает навигацию и управление контентом. Вы также можете настроить URL-адреса, специфичные для языка, и использовать функции мультиязычного SEO, такие как теги hreflang.
- Интегрировано с инструментами маркетинга и CRM –
- Встроенная аналитика веб-сайта –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 предлагает большой выбор тем, которые вы можете сразу использовать или изменить в соответствии с вашим брендом с помощью редактора drag-and-drop. Если вы выбрали тему, нажмите кнопку Установить как активную тему.
Если да, вы будете перенаправлены на страницу редактора. Здесь вы можете напрямую редактировать различные элементы в соответствии с потребностями вашего веб-сайта.
Чтобы отредактировать элемент, нажмите на него и настройте в разделе Содержимое слева.
Аналогично, если вы хотите добавить новые разделы, модули или макеты. Здесь HubSpot CMS предоставляет различные модули, такие как:
- Текст
- Коммерция
- Дизайн
- Формы и кнопки
- Содержимое тела, и т.д.
Вам просто нужно выбрать знак (+) или просто перетащить его с левой стороны в правую часть редактора страницы.
#3 Интеграция с инструментами автоматического перевода
Как только вы закончили создание страниц вашего веб-сайта, пора интегрировать ваш веб-сайт HubSpot с инструментом автоматического перевода. В данном случае мы будем использовать внешний инструмент под названием Linguise.
Есть несколько причин, почему использование стороннего инструмента с HubSpot необходимо, особенно для многоязычных сайтов, поскольку HubSpot CMS не поддерживает автоматически определенные функции, такие как.
Ограничения языка и страниц в зависимости от плана – HubSpot ограничивает количество языковых вариаций для каждого контента в зависимости от вашего тарифного плана. Например, стартовый план позволяет использовать только до 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 и вставьте скрипт в поле Head 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. Убедитесь, что каждая языковая версия вашего сайта имеет альтернативный текст, который правильно переводится и описывает содержание изображения соответствующим образом.
Например, изображение человека, читающего книгу, может иметь альтернативный текст “Человек читает книгу” в английской версии и “Человек читает книгу” во французской версии. Это не только помогает пользователям с нарушениями зрения, но и увеличивает шансы изображения появиться в местных поисковых запросах.
Отправьте многоязычную карту сайта в 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 для перевода вашего сайта автоматически и профессионально!
