Тег canonical, или как его ещё называют, канонический тег, представляет собой специальный элемент HTML, служащий указателем на оригинальную версию веб-страницы. Проще говоря, если на вашем сайте есть две или более страницы с одинаковым или очень схожим контентом, то тег canonical помогает поисковым системам понять, какую из этих страниц считать оригинальной. Он выглядит примерно так:
<link rel="canonical" href="https://example.com/original-page" />
В этом примере, URL в атрибуте href указывает на страницу, которую мы хотим установить как каноническую.
Вы могли бы спросить, а зачем вообще нужно использовать тег canonical, если можно просто избегать дублирования контента? Ответ в том, что на практике это не всегда возможно. Иногда дублирование контента является неотъемлемой частью структуры сайта. К примеру, если у вас интернет-магазин, один и тот же товар может присутствовать в нескольких категориях, и каждый раз это будет разный URL с идентичным содержимым.
Без использования тега canonical, поисковые системы могут расценивать подобные ситуации как попытку спама или манипуляции с рейтингом. В результате, они могут снизить позиции всех дублирующих страниц в выдаче, что негативно отразится на общей видимости вашего сайта в интернете.
С помощью тега canonical вы сами указываете поисковым системам, какую страницу считать основной. Это позволяет избежать недоразумений и позволяет поисковым системам правильно индексировать ваш сайт, что в свою очередь положительно сказывается на SEO.
Основы использования тега canonical
Тег canonical обычно размещается внутри секции <head> каждой веб-страницы, где требуется его использование. Элемент выглядит следующим образом:
<link rel="canonical" href="https://example.com/original-page" />
Значение атрибута href в теге canonical — это полный URL страницы, которую вы хотите установить как каноническую. Это значит, что тег должен содержать абсолютный URL, а не относительный. Например, если вы указываете каноническую страницу для https://example.com/page-1, то вы должны использовать полный URL, а не просто /page-1.
Примеры использования тега canonical
Избавление от дублей
Допустим, у вас есть две страницы:
https://example.com/product-1
https://example.com/products/category-1/product-1
Содержимое этих страниц идентично, и вы хотите указать поисковым системам, что оригинальной является первая страница. Для этого вы должны добавить следующий тег canonical на обеих страницах:
<link rel="canonical" href="https://example.com/product-1" />
Использование с параметрами URL
Если ваш сайт использует параметры URL для фильтрации контента, например:
https://example.com/products?color=red
https://example.com/products?color=blue
Вы можете выбрать основную страницу https://example.com/products как каноническую:
<link rel="canonical" href="https://example.com/products" />
Общие правила применения тега
Используйте полные URL. Как было отмечено выше, в теге canonical всегда следует использовать полный URL.
Указывайте одинаковый тег canonical на канонической странице и всех ее дублях. Это поможет избежать путаницы для поисковых систем.
Не используйте тег canonical для перенаправления. Этот тег предназначен только для указания оригинального контента, а не для перенаправления пользователей.
Используйте тег canonical, только если содержимое страниц действительно очень похоже или идентично. Поисковые системы могут игнорировать тег, если содержимое страниц слишком разное.
Практическое применение тега canonical
Использование тега canonical для решения проблемы дублирования контента
Дублирование контента может привести к размыванию "силы" вашего сайта между различными страницами, что может привести к понижению позиций в поисковой выдаче. Тег canonical помогает этого избежать, указывая поисковым системам, какую из страниц считать оригинальной.
К примеру, у вас есть две страницы с идентичным контентом:
https://example.com/product-1
https://example.com/products/category-1/product-1
Добавив тег canonical на обе страницы, как показано ниже, вы сообщаете поисковым системам, что первая страница является оригинальной:
<link rel="canonical" href="https://example.com/product-1" />
Использование тега canonical при переносе контента на новый URL
Если вы решили перенести контент с одной страницы на другую, тег canonical поможет вам "перенести" и SEO-вес страницы. Добавьте тег на новую страницу, указав в нем URL старой страницы. Поисковые системы перенесут вес старой страницы на новую, что позволит сохранить ее позиции в выдаче.
Использование тега canonical при индексации альтернативных версий страниц
В современном вебе часто присутствуют разные версии одной и той же страницы для разных устройств или форматов вывода (например, мобильная версия, печатная версия, AMP-версия и т.д.). В этом случае тег canonical становится незаменимым инструментом, помогающим избежать путаницы при индексации.
Предположим, у вас есть две версии одной и той же страницы:
https://example.com/page (основная версия)
https://example.com/amp/page (AMP-версия)
Добавив тег canonical на AMP-версию страницы, как показано ниже, вы сообщаете поисковым системам, что основной версией страницы является версия по адресу https://example.com/page:
<link rel="canonical" href="https://example.com/page" />
Как определить, что тег canonical установлен и работает корректно
Определить, установлен ли тег canonical на странице, можно, просмотрев код страницы. Для этого достаточно нажать правой кнопкой мыши в любом месте страницы, выбрать "Исследовать элемент" (или аналогичный пункт, в зависимости от браузера), и в открывшемся окне инструментов разработчика найти секцию <head>.
Если тег установлен правильно, он должен выглядеть примерно так:
<link rel="canonical" href="https://example.com/original-page" />
Также, важно проверить, что URL в атрибуте href действительно ведет на страницу, которую вы хотите считать оригинальной. Вы можете просто скопировать этот URL и вставить его в адресную строку браузера. Если он ведет на правильную страницу и эта страница открывается без ошибок, тег canonical установлен и работает корректно.
Частые ошибки при использовании тега canonical
Ошибки в написании адреса в теге canonical
Одной из наиболее распространенных ошибок является неверное указание URL в атрибуте href тега canonical. Это может быть, например, опечатка в адресе, использование относительного вместо абсолютного URL, либо указание URL, который ведет на несуществующую страницу. Чтобы избежать этой ошибки, всегда дважды проверяйте URL перед тем, как добавить тег canonical.
Применение тега canonical к нерелевантным страницам
Тег canonical должен применяться только в том случае, когда контент на разных страницах почти идентичен или очень схож. Если вы укажете в качестве канонической страницу, которая значительно отличается по содержимому, поисковые системы могут проигнорировать ваш тег canonical.
Использование тега canonical вместо 301 редиректа
Если вам нужно перенаправить пользователей со старой страницы на новую, лучшим решением будет использование 301 редиректа, а не тега canonical. Несмотря на то, что тег canonical может "передать" SEO-вес со старой страницы на новую, он не перенаправит посетителей, и они по-прежнему будут попадать на старую страницу.
Проблемы с тегом canonical и AJAX
AJAX (Asynchronous JavaScript and XML) — это технология, которая позволяет обновлять содержимое страницы без ее перезагрузки. Однако, при использовании AJAX возникают проблемы с тегом canonical, поскольку AJAX может изменить URL страницы без ее перезагрузки, в то время как тег canonical останется прежним. Если вы используете AJAX, убедитесь, что тег canonical обновляется соответствующим образом, чтобы избежать ошибок при индексации.
Тег canonical и поисковые системы
Поисковые системы воспринимают тег canonical как рекомендацию, а не обязательное правило. Это значит, что если вы укажете тег canonical на своем сайте, поисковые системы будут стремиться следовать этому указанию, но могут проигнорировать его в некоторых случаях.
Наиболее вероятно, что тег canonical будет проигнорирован, если он используется неправильно, например, если указанная в нем страница не существует или ее содержимое значительно отличается от содержимого страницы, на которой он установлен.
Тем не менее, при правильном использовании, тег canonical является очень мощным инструментом для управления индексацией страниц на вашем сайте и может значительно улучшить SEO.
Тег canonical может быть использован для улучшения SEO в нескольких случаях:
- Борьба с дублированным контентом: Если на вашем сайте есть несколько страниц с идентичным или очень схожим контентом, вы можете использовать тег canonical, чтобы указать поисковым системам, какую из этих страниц следует считать оригинальной. Это поможет сконцентрировать SEO-вес на одной странице и улучшить ее позиции в выдаче.
- Управление индексацией разных версий страницы: Если у вас есть мобильная версия сайта или AMP-версия страниц, вы можете использовать тег canonical, чтобы указать поисковым системам, какую версию страницы следует считать основной. Это поможет избежать путаницы при индексации и улучшит позиции вашего сайта в поисковой выдаче.
- Перенос SEO-веса при изменении URL: Если вы решите переименовать страницу или переместить ее на новый URL, вы можете использовать тег canonical на новой странице, чтобы "перенести" SEO-вес со старой страницы. Это поможет сохранить позиции в поисковой выдаче на новой странице.
Тег canonical - это незаменимый инструмент в руках SEO-специалиста, позволяющий бороться с дублированием контента, управлять индексацией страниц и переносить SEO-вес при изменении URL. Правильное использование этого тега может значительно улучшить позиции вашего сайта в поисковой выдаче, тогда как ошибки могут привести к путанице при индексации и понижению позиций.
