Как добавить теги hreflang в WordPress
Опубликовано: 2023-02-12
Вы создаете веб-сайт, который поддерживает несколько языков и регионов? Многоязычный сайт может экспоненциально расширить вашу потенциальную аудиторию, но может показаться сложным в управлении.
Хорошей новостью является то, что добавление тегов hreflang может улучшить поисковую оптимизацию вашего сайта (SEO) и взаимодействие с пользователем (UX). Это не так сложно сделать, и вы можете быстро начать получать выгоду от увеличения трафика и вовлеченности.
В этой статье мы рассмотрим, что такое теги hreflang, и некоторые рекомендации по их использованию. Затем мы расскажем о методах, которые вы можете использовать для реализации этих тегов на своем веб-сайте WordPress. Давай приступим к работе!
Что такое hreflang?
Тег hreflang — это HTML-код, который сообщает Google, какую версию веб-страницы отображать для определенных языков и регионов. Вот пример того, как может выглядеть этот код:
<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />
Каждый тег включает в себя комбинацию сведений о языке и местоположении, например «en-us» для английского и США или «fr-fr» для французского и Франции.
Хотя Google может определить язык веб-страницы, отсутствие тегов hreflang может повредить вашему поисковому рейтингу. Это потому, что без этих тегов ваши страницы на разных языках могут в конечном итоге конкурировать друг с другом за верхние позиции. Хотя теги hreflang сами по себе не являются факторами ранжирования, они помогают Google показывать пользователям нужные страницы.
hreflang и ваш многоязычный сайт: рекомендации
Вы можете охватить более широкую аудиторию с помощью многоязычного веб-сайта WordPress, но вам необходимо внедрить определенные передовые методы, чтобы получить результаты. Одной из лучших практик для такого рода веб-сайтов является использование тегов hreflang, но есть и другие умные методы.
Для лучшего взаимодействия с пользователем разумно использовать контент, написанный носителями языка, а не текст с машинным переводом. Еще одна лучшая практика — использовать необязательный тег x-default для несовпадающих языков. Это следует использовать на домашних страницах, где пользователи могут выбрать желаемое местоположение и язык.
Если на вашем веб-сайте используются канонические теги, вам также нужно быть осторожным при добавлении тегов hreflang. Эти два типа тегов могут конфликтовать, отправляя Google смешанные сигналы о том, какую страницу следует отображать. Хотя вы можете оставить теги hreflang на страницах с каноническими тегами, лучше просто аккуратно добавить языковые теги.
Как внедрить теги hreflang в WordPress
Теги hreflang бесценны на сайтах WordPress, но только при правильной реализации. Есть три метода, которые вы можете использовать, чтобы добавить эти теги на свой сайт. Плагины — самый простой и распространенный способ. Однако вы также можете обновить заголовок своего веб-сайта или отредактировать его XML-карту сайта. Рассмотрим все три техники.
Плагины hreflang
Самый простой способ реализации hreflang — использовать плагин WordPress. Такие плагины, как MultilingualPress, автоматически добавляют теги hreflang и не должны вызывать проблем с производительностью:
MultilingualPress также имеет функцию перевода, которую можно найти в редакторе сообщений. Когда вы принимаете перевод, плагин добавляет соответствующие теги hreflang в заголовок вашего сайта. Функция перевода не ограничивается сообщениями и работает с тегами и категориями, а также хорошо синхронизируется с такими плагинами, как Yoast и WooCommerce.
Другой вариант плагина для реализации hreflang — Polylang:
Polylang — это популярный бесплатный инструмент, который помогает вам управлять веб-сайтами WordPress на нескольких языках. Вы можете создавать контент как обычно, а затем назначать ему язык. После этого Polylang позаботится о тегах hreflang за вас.
Добавьте hreflang в <head>
Вы можете добавить теги hreflang на свой сайт WordPress без плагина, обновив файл header.php . Чтобы получить доступ к этому файлу, вам нужно перейти в «Внешний вид» > «Редактор тем» или использовать протокол передачи файлов (FTP).
После открытия файла вам нужно будет найти открыватель <head> и вставить в него этот код:
<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>
В этом примере теги необходимо добавить к контенту на английском языке. Теги x-default и English hreflang также указывают на страницу контента на английском языке.
С другой стороны, испанские и французские теги hreflang перенаправляют на правильные языковые версии страницы. Конечно, вы можете добавить больше тегов hreflang для любых других языков, используемых на вашем сайте.
Добавить hreflang в XML Sitemap
Если вы не хотите редактировать файл header.php , вместо этого вы можете обновить XML-карту сайта своего сайта. Использование этого метода гарантирует, что Google найдет ваши страницы на альтернативном языке и правильно их проиндексирует. Обновление карты сайта также уменьшает размер ваших веб-страниц для более быстрой загрузки.
Теги hreflang для вашей XML-карты сайта немного отличаются:
<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
Хотя редактирование XML-карты сайта помогает при индексации, оно также может усложниться. Если у вас большой веб-сайт, карта сайта может раздуться. Добавление тегов hreflang в карту сайта также может занять больше времени, чем использование других методов, описанных выше.
Как проверить hreflang на WordPress
Даже когда они включены, теги hreflang часто неправильно реализуются на многоязычных веб-сайтах. Проверка тегов hreflang может помочь вам определить, правильно ли вы их добавили.
Для проверки тегов можно использовать различные онлайн-инструменты. Эти инструменты предлагают аналогичную информацию, но представляют ее по-разному. Инструмент тестирования тегов hreflang от Sitrix отображает теги на вашем веб-сайте и сообщает об ошибках:
Инструмент тестирования тегов hreflang от Merke также предоставляет анализ тегов и ошибок на вашем веб-сайте:
Однако, если вы хотите видеть только ошибки, инструмент тестирования тегов hreflang от SALT.agency — еще один вариант.
Продолжайте учиться с WP Engine
Если у вас есть веб-сайт с контентом на нескольких языках, теги hreflang помогут Google показывать нужные страницы нужным посетителям. К счастью, есть несколько способов добавить теги hreflang на ваш сайт, самый простой из которых — установить специальный плагин.
Если вы боретесь с каким-либо другим аспектом работы вашего многоязычного веб-сайта, WP Engine поможет вам найти необходимые ресурсы. Ознакомьтесь с нашими планами на сегодня!