Создание многоязычного веб -сайта не так сложно, как вы могли бы подумать, особенно использование 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 предоставляет большой выбор тем, которые вы можете немедленно использовать или изменить в соответствии с вашим брендом с редактором перетаскивания. Если вы выбрали тему, нажмите кнопку «Установить» в качестве активной кнопки темы.
Если это так, вы будете направлены на страницу редактора. Здесь вы можете напрямую отредактировать различные элементы в соответствии с потребностями вашего сайта.
Чтобы отредактировать элемент, нажмите на него и настройте его в содержимого слева.
Аналогично, если вы хотите добавить новые разделы, модули или макеты. Здесь HubSpot CMS предоставляет различные модули, такие как:
- Текст
- Коммерция
- Дизайн
- Формы и кнопки
- Содержание тела и т. Д.
Вам просто нужно выбрать (+) знак или напрямую перетащить его и отбросить его слева на правую сторону вашего редактора страницы.
#3 Интеграция с автоматическими инструментами перевода
После того, как вы закончите создавать страницы веб -сайта, пришло время интегрировать ваш сайт HubSpot с помощью автоматического инструмента перевода. В этом случае мы будем использовать внешний инструмент под названием Linguise .
Существует несколько причин, по которым необходимо использование стороннего инструмента с HubSpot, особенно для многоязычных веб-сайтов, потому что HubSpot CMS не автоматически поддерживает определенные функции, такие как.
Пределы языка и страниц на основе плана - HubSpot ограничивает количество вариаций языка на контент в зависимости от уровня подписки. Например, стартовый план позволяет только до 3 языков на контент, тогда как Linguise предлагает неограниченную языковую поддержку, с до 85 языков, доступных по всем планам, и предоставляет неограниченные страницы.
Ограниченная многоязычная поддержка для определенных типов страниц - системные страницы, такие как 404, не могут быть переведены на несколько языков, а перевод блога или контента базы знаний следует за другим, более ручным процессом, чем обычные страницы веб -сайта
Нет поддержки языкового тега для кодированных файлов - если вы используете кодированные шаблоны, вы должны вручную установить тег Lang в разделе или.
- Не существует настройки направления текста для языков RTL - для таких языков, как арабский язык или иврит, вам нужно добавить атрибут Dir = ”rtl», чтобы исправить направление текста.
Вот почему сторонние инструменты перевода, которые поддерживают все эти функции и хорошо интегрируются с CMS Hubspot CMS-Linguise -это один из них. Linguise может автоматически перевести контент на 80+ языков с высококачественными результатами.
Существует несколько шагов, чтобы следовать для установки Linguise автоматического перевода на вашем веб -сайте HubSpot.
Во -первых, убедитесь, что вы создали Linguise учетную запись. После входа или регистрации на Linguise панели панели, вам будет предложено зарегистрировать домен, который вы хотите перевести. Введите полный домен, включая https: //, и выберите другую опцию CMS, размещенную в облаке.
Затем выберите основной (исходный) язык вашего сайта и целевой язык (ы), которые вы хотели бы добавить.
Как только ваш домен будет успешно зарегистрирован на Linguise панели панели, вы увидите возможность автоматического подключения ваших DNS. Используя функцию, называемую ENTRI, вы можете добавить все необходимые записи DNS без ручной конфигурации.
Entri проверит общедоступные DNS вашего домена, обнаружит поставщика домена (например, CloudFlare) и отобразит страницу входа в систему для этого поставщика. После входа в систему Entri автоматически добавит все необходимые записи DNS:
- Одна запись TXT для проверки домена
- Одна запись Cname для каждого языка, который вы добавляете
Процесс распространения DNS обычно занимает 20–30 минут, прежде чем ваш сайт может отображать многоязычные страницы.
Следующим шагом является вставка Linguise , который вы можете найти на своей Linguise панели. Затем перейдите в «Настройки»> «Язык» в своей учетной записи HubSpot и вставьте скрипт в поле HTML Heml.
Этот код будет автоматически интегрировать ваш сайт с Linguise. Кроме того, он также автоматически генерирует языковой переключатель по умолчанию.
#4 Настройка языкового переключателя
Кроме того, вы также можете установить языковой переключатель в соответствии с вашими предпочтениями на Linguise панели панели, выбрав меню дисплея языковых флагов. Например, начиная с установки названия появляющегося языка, значка флага, цвета, текста и многого другого.
На этой странице вы также можете сортировать, какие языки будут отображаться первыми на языковом переключении вашего сайта.
#5 автоматически перевести контент
Наконец, мы переведем веб -сайт HubSpot, который был создан автоматически, на другой язык, используя Linguise. Например, мы переведем с английского на немецкий.
Как вы можете видеть, все контент веб -сайта HubSpot будет автоматически переводится быстро и точно.
Лучшие методы SEO для многоязычных сайтов HubSpot
В дополнение к созданию многоязычного веб -сайта с HubSpot, вы должны убедиться, что международные стратегии SEO, которые вы реализуете, могут помочь каждой языковой версии вашего сайта появиться хорошо в результатах поиска. Ниже приведены лучшие методы SEO, которые вы можете реализовать для многоязычных сайтов на основе HubSpot.
Правильно используйте Hreflang и канонические теги
Тег Hreflang сообщает поисковым системам целевой язык и местоположение определенной страницы. Это важно, чтобы избежать дублирования контента и обеспечить направление пользователей на соответствующую языковую версию.
Хорошей новостью является то, что если вы используете CMS Hubspot CMS с Linguise, поддержка этих тегов Hreflang создается автоматически. Это означает, что вам не нужно добавлять теги вручную, так как система будет генерировать и управлять Hreflang для каждой языковой версии вашего сайта. Вот пример реализации Hreflang в статье.
Между тем, канонический тег должен использоваться тщательно. Не делайте все языковые версии указывать на один канонический URL; Каждая языковая версия должна иметь свою каноническую.
Например, французская страница должна иметь каноническую для французской версии URL, а не для английской версии. Это помогает Google понять, что каждая языковая версия является другой оригинальной страницей, а не для того, чтобы рассматривать ее как дублированный контент.
Оптимизировать тег заголовка и мета -описание на каждом языке
Названия страниц (теги заголовка) и мета-описания являются наиболее важными элементами SEO на странице. Если вы используете один шаблон в HubSpot для нескольких языков, убедитесь, что у каждой версии есть заголовок и мета -описание, соответствующее целевому языку. Это увеличивает актуальность поиска и частоту кликов результатов поиска.
Например, настройте контент вместо написания мета -описания на английском языке для всех версий. Если ваша страница продает продукты для одежды, а вы нацелены на испанский рынок, мета -описание, например, «Compra Ropa Moderna Para Hombre y Mujer Con Envío Gratis» будет гораздо более эффективным, чем английская версия.
Используйте URL-адреса, связанные с SEO и языком
Структура URL играет большую роль в многоязычном SEO . Используйте структуры, которые указывают язык контента, такой как подпапки (example.com/fr/), субдомены (fr.example.com) или параметры (example.com?lang=fr). В HubSpot подпапки часто являются самым простым вариантом для управления SEO.
Кроме того, убедитесь, что ваши URL -адреса отличаются не только с точки зрения структуры, но и с точки зрения языка. Например, английская страница «о нас» может быть написана как пример. Это помогает пользователям и поисковым системам понять языковой контекст.
Обратите внимание на Alt Text Translation изображений и визуального контента
Альтевой текст на изображениях часто забывается в многоязычных стратегиях SEO, даже если он важен для доступности и видимости на изображениях Google. Убедитесь, что каждая языковая версия вашего сайта имеет альтернативный текст, который правильно переводится и актуально описывает содержание изображения.
Например, изображение, показывающее человека, читающего книгу, может иметь альтернативный текст «Человек, читающий книгу» в английской версии и «Personne Lisant Un Livre» во французской версии. Это не только помогает пользователям с нарушениями зрения, но и увеличивает вероятность того, что изображение появится в локальном поиске изображений.
Отправить многоязычную карту сайта в консоли поиска Google
Google должен знать, что у вас есть несколько языковых версий вашего контента. Таким образом, представление карты сайта XML, которая включает в себя все многоязычные страницы на консоли поиска Google, очень важна. HubSpot CMS автоматически создает карту сайта, но вы должны убедиться, что каждая языковая версия указана.
Многоязычная карта сайта в идеале должна включать<xhtml:link rel=“alternate” hreflang=“…”> Элемент, чтобы показать связь между языками. После того, как вы отправите правильную карту сайта, Google будет быстрее индексировать все языковые версии вашего сайта и направлять пользователей на самые релевантные страницы.
Вывод
Теперь вы понимаете, как создать многоязычный веб -сайт с Hubspot CMS. Вы можете начать шаги от планирования языка, создания страниц и оптимизации SEO, все в одной платформе, без хлопот кодирования. Однако для действительно оптимизированного пользовательского опыта и производительности SEO интеграция с автоматической службой перевода, такой как Linguise , настоятельно рекомендуется.
С помощью Linguise вы можете мгновенно и точно перевести содержимое всего вашего веб -сайта на более чем 80 языков. Итак, предположим, что вы хотите предоставить лучший многоязычный опыт на своем веб -сайте HubSpot и более эффективно достичь глобальной аудитории. В этом случае пришло время начать использовать Linguise для автоматического и профессионального перевода вашего сайта!
