Как правильно использовать канонические теги

В этом руководстве мы объясним, как правильно использовать канонические теги. Используя практические примеры, вы узнаете, что такое канонический тег, когда его следует использовать, когда не следует использовать, как их реализовать, а также типичные ошибки, которых следует избегать.

Что такое канонические теги?

Канонический тег - это сигнал на веб-странице, который просто говорит: « Я копия этой другой веб-страницы, которую можно найти там… »

Этот элемент HTML добавляется в код страницы и помогает предотвратить проблемы с дублированием контента, сообщая Google и другим поисковым системам предпочтительную версию страницы.

Как поисковые системы обрабатывают повторяющиеся или похожие страницы

Когда большинство поисковых систем сталкиваются с двумя или более страницами с очень похожим содержанием, они часто выбирают только одну из страниц для индексации, фактически игнорируя другие . Какой дублирующийся URL-адрес страницы они решат выбрать, может зависеть от ряда факторов, в том числе от того, какой из них был просканирован первым, какой из них имеет больше всего внутренних ссылок или какой из них имеет больше всего внешних ссылок.

Дублированный контент не только вреден для SEO, но также может повредить коэффициенту конверсии, поскольку не отображает контент в наилучшем возможном состоянии.

Часто возникают ситуации, когда у вас есть несколько страниц, которые жизненно важны для инфраструктуры вашего веб-сайта, но содержат либо похожий, либо идентичный контент. Вместо того чтобы рисковать штрафом за дублированный контент, вы можете добавить на страницу тег rel = canonical, который, по вашему мнению, является предпочтительным источником информации, как показано в примере ниже.

Пример дублирования страницы товара

Давайте посмотрим на пример дублирования страницы продукта электронной коммерции ниже:

Все эти страницы продуктов для одного и того же «Красного игрушечного грузовика» имеют точно такое же содержание с незначительными вариациями, такими как верхние ссылки на хлебные крошки. Структура этого веб-сайта означает, что для одного продукта используются три страницы, поэтому для устранения двух копий требуются канонические теги:

Используя канонические теги, мы сообщили поисковым системам, что исходная страница продукта находится по адресу [http://www.example.com/toys/trucks/red], а два других URL являются просто копиями. В этом случае разумно выбрать постоянную страницу продукта, которая не относится к категории «распродажа» (продажа, вероятно, закончится в один прекрасный день) и которая не относится к категории «товары до 10 фунтов стерлингов» (цена может вырасти. один день до более чем 10 фунтов стерлингов).

Другие примеры дублирования страниц, требующие канонических тегов

Параметры URL

В конце URL-адресов страниц может быть добавлена ​​информация в виде параметров, которые всегда отображаются после вопросительного знака в URL-адресе:

• URL без параметров - http://www.example.com/blog
• URL-адрес параметра, приводящий к совершенно другому содержанию страницы - http://www.example.com/blog ? Page = 2

Иногда параметры URL-адреса показывают совершенно другое содержимое страницы, иногда они могут отфильтровывать определенные фрагменты содержимого, а иногда они абсолютно не влияют на содержимое страницы:

• Был использован совершенно другой контент, чем в параметрах:
  http://www.example.com/news ? page = 3
• Немного другое содержание, чем если бы не использовался параметр:
  http://www.example.com/toy-trucks ? color = только красный
• Незначительное изменение содержания с параметром или без него:
  http://www.example.com/toy-trucks ? price = ascending
• Никаких изменений содержания с параметром или без него:
  http://www.example.com/contact-us ? trackingID = 123456.

Поисковые системы могут рассматривать URL-адреса с разными параметрами как разные уникальные страницы. Затем важно продвигать лучшие URL-адреса с помощью канонических тегов, если при добавлении параметров содержимое существенно не изменяется.

Если вы не хотите, чтобы поисковые системы индексировали определенные шаблоны URL-адресов, обязательно используйте файл robots.txt для их блокировки. Это исключит возможность индексации параметров отслеживания, например, что может испортить общую статистику.

Множество URL-адресов для одного и того же содержания веб-страницы

У веб-сайта есть много способов иметь несколько URL-адресов для одной и той же веб-страницы. К счастью, канонические теги могут использоваться для ссылки на страницу, чтобы устранить эти проблемы. Например, веб-страница может с уверенностью сказать, что она является копией самой себя, и устранить любую путаницу с параметрами, поддоменами и т. Д. (См. Ниже).

Вот несколько примеров нескольких вариантов URL для одной и той же страницы на веб-сайте. Стоит проверить все это на веб-сайте и, при необходимости, использовать канонические теги для ссылки на предпочтительный URL:

• http://www.example.com/example-page ( предпочтительный URL )
• http://www.example.com/example-page.html
• http://www.example.com/example-page?trackingID=123456
• http://www.example.com/example-page#top
• http://example.com/example-page
• http://example.com/example-page.html
• http://example.com/example-page?trackingID=123456
• http://example.com/example-page#top

Эти проблемы будут решены после того, как при посещении всех неправильных URL-адресов будет установлен канонический тег, указывающий на предпочтительный URL-адрес (в данном случае http://www.example.com/example-page ).

«Www.» или проблема может быть решена с помощью простого перенаправления 301, чтобы каждый раз URL вводился без «www». пользователь будет автоматически перенаправлен на правильный www. версия

Фильтры параметров URL

Все может усложниться, когда параметры URL-адреса отфильтровывают результаты на веб-странице. Обычно вы видите это в действии на веб-сайтах электронной коммерции, местных списках или других результатах с высокой степенью фильтрации, например, на сайтах недвижимости или праздников.

В этих случаях вы должны спросить себя, улучшают ли или ограничивают ли непосредственные URL-адреса параметров отображаемые результаты и будут ли поисковые системы считать, что они достаточно уникальны, чтобы их можно было индексировать отдельно. В большинстве случаев вы не хотите, чтобы поисковые системы индексировали URL-адрес параметра, который фильтрует, поскольку он может отображаться вместо URL-адреса без параметров, который показывает все параметры фильтра и все продукты / элементы:

Фильтры веб-сайтов электронной коммерции могут уменьшить количество товаров до определенного цвета, подкатегории, ценового диапазона или оценки по отзывам. Если бы у вас не было значительного количества продуктов и не ведется активный поиск по таким нишевым ключевым словам, не было бы большого преимущества в том, чтобы позволить Google индексировать ограниченный выбор ваших продуктов в определенной категории, а не все продукты сразу.

Основные поисковые системы, такие как Google и Bing, отлично справляются с пониманием того, какие параметры фильтруют контент, а какие полностью меняют контент. Если вы очень не уверены, лучше не создавать канонические теги для URL-адресов фильтров и позволить поисковым системам автоматически определять вашу структуру URL-адресов.

Как настроить канонический тег

1. Решите, какая страница должна быть вашим предпочтительным URL-адресом. Это должна быть та версия, которую вы считаете наиболее важной. Если вам все равно, выберите тот, у которого больше всего ссылок или посетителей, и, если все остальное равно, просто выберите один!
2. Существует множество плагинов для применения канонических тегов, если вы используете CMS, такую ​​как WordPress или Magento, однако, если вы переходите прямо в код, вам нужно будет добавить следующий <link> в раздел <head> дополнительных страницы, а не ваша предпочтительная страница:

<link rel = ”canonical” href = ”https://www.example.com/hats” />

Это будет указывать на то, что это предпочтительный URL-адрес для пользователей, которые хотят получить доступ к вашей странице шляп, и сообщит поисковым системам, что вы хотите, чтобы они отображали эту страницу над другими аналогичными страницами шляп. Как и в случае со всем, что связано с поисковой системой, Google специально заявил: «Мы стараемся соблюдать это (канонические теги), но не можем гарантировать это во всех случаях».

Как пишет Йост де Валк из Yoast в своем удобном руководстве:

Это «объединяет» две страницы в одну с точки зрения поисковой системы. Это «мягкое перенаправление» без перенаправления пользователя. Ссылки на оба URL-адреса теперь считаются единой канонической версией URL-адреса.

Распространенные ошибки с каноническими тегами

Неправильное использование канонических тегов может привести к ужасным последствиям. Представьте, если бы каждая страница на веб-сайте утверждала, что является копией домашней страницы; поисковые системы деиндексируют каждую страницу на веб-сайте и отображают только домашнюю страницу в результатах поиска!

Вот несколько распространенных ошибок, с которыми мы сталкиваемся при использовании канонических тегов:

• Наличие нединамического канонического тега на каждой странице веб-сайта, указывающего на один URL (убийца SEO!)
• Наличие двух разных канонических тегов в HTML-коде (поисковыми системами учитывается только первый)
• Использование URL-адреса без части «http: //» (вы должны использовать абсолютные URL-адреса)
• Указание страниц продуктов на страницы категорий, в которых они находятся (страницы продуктов необходимо индексировать отдельно)
• Использование канонических тегов в URL-адресах с разбивкой на страницы (дополнительную информацию см. Ниже)

URL-адреса с разбивкой на страницы представляют собой последовательность URL-адресов, которые отображают порядок информации. Примеры включают рассказы, список продуктов, списки блогов / новостей, списки информации и т. Д.

Допустим, вы написали в Интернете отличную историю, которая охватывает более четырех глав на четырех разных веб-страницах. Вы можете захотеть, чтобы поисковые системы только индексировали и отправляли людей на первую страницу истории. Для этого вы должны использовать канонический тег, чтобы каждая страница главы указывала на первую главу:

Это фактически потеряло бы весь контент, показанный в главе 2 и далее, огромное количество уникального контента, к которому некоторые пользователи поисковых систем могут захотеть сразу перейти или найти быстро.

Раньше вы могли использовать теги rel, называемые «next» и «prev», которые вместо этого показывали отношения между всеми страницами:

Но это больше не поддерживается Google:

Теперь это означает, что страницы с разбивкой на страницы обрабатываются так же, как и любые другие страницы вашего веб-сайта в индексе Google. Вместо серии страниц, объединенных в один фрагмент контента, они теперь рассматриваются как отдельные уникальные страницы. Прочтите это руководство, чтобы узнать, что вам нужно делать вместо этого!

Должна ли страница иметь канонический URL, ссылающийся на себя?

Этот вопрос является обсуждаемой темой в SEO. Например, в Yoast настоятельно рекомендуют иметь элемент канонической ссылки на каждой странице.

Кроме того, Джон Мюллер из Google ранее предполагал, что это лучшая практика.

Многие CMS позволяют параметры URL без изменения содержимого. Так, например, все эти URL-адреса будут отображать одно и то же содержимое:

• https://example.com/widgets/widget-1/
• https://example.com/widgets/widget-1/?isnt=it-great
• https://example.com/widgets/widget-1/?cmpgn=twitter
• https://example.com/widgets/widget-1/?cmpgn=facebook

Таким образом, реализуя каноническую ссылку на себя, вы можете избежать любых потенциальных рисков SEO / дублирования контента,

Можете ли вы использовать междоменные канонические URL-адреса?

Простой ответ: да, можно использовать канонические URL-адреса, указывающие на другой домен. Например, часть вашего контента может быть опубликована на другом веб-сайте, поскольку веб-мастер считает, что это будет актуально для их пользователей. Однако вы должны убедиться, что они используют rel = canonical ссылку на исходную статью в вашем домене.

Когда использовать 301 редирект вместо rel = canonical

301 редирект следует использовать всякий раз, когда страница / домен постоянно перемещается в новое место назначения. Допустим, вы заходите в Google Search Console и находите несколько страниц 404 - 301 это исправит. Просто найдите новое место, соберите перенаправление и загрузите его на сервер.

Лучшая практика - найти идеальное соответствие для нового URL-адреса при реализации 301 редиректа, таким образом, пользователю будет предоставлен такой же / лучший контент, и страница будет релевантна для обслуживания поисковых систем.

В отличие от перенаправления, канонический тег не сообщает серверу, что нужно отправить пользователя на другую страницу - это сигнал поисковым системам, чтобы они показали им предпочтительную страницу, которую вы хотите, чтобы ваш пользователь видел. Часто возникают ситуации, когда требуется несколько страниц, несмотря на очень похожий контент, самый простой пример - это сайт электронной коммерции:

Первая страница - example.com/hats/alphabetical

Вторая страница - example.com/hats/price

Обе страницы обслуживают один и тот же контент, очень полезны для пользователя и должны быть на сайте, чтобы ваши продукты могли быть перечислены по цене и в алфавитном порядке. Если владелец сайта решит, что лучше передать пользователям страницу с ценами в поисковых системах, к странице в алфавитном порядке будет добавлен тег rel = canonical, чтобы сказать: «Привет, поисковая система, я хочу, чтобы вы знали, что эти страницы очень похожи, но я бы больше всего хотел обслужить пользователей, это страница с ценами, пожалуйста ».

Что делать, если вы не уверены, делать 301 редирект или установить канонический? Ответ прост: вы всегда должны делать редирект, если нет технических причин не делать этого. Если вы не можете перенаправить, потому что это может нанести вред пользовательскому опыту или иным образом создать проблемы, установите канонический URL.

Канонические теги могут помочь улучшить SEO, гарантируя, что Google знает, какие из ваших страниц он должен считать наиболее важными, а какие следует проиндексировать, но вы должны быть очень осторожны при их внедрении.

Наиболее распространенные платформы CMS и электронной коммерции теперь обрабатывают канонические теги автоматически или имеют для этого хорошо продуманные плагины, просматривайте исходный HTML-код веб-страницы и проверяйте, присутствуют ли канонические теги (подсказка: используйте CTRL + F).

Если вам нужна помощь с вашим SEO, не стесняйтесь обращаться к нам.