Как использовать тег Canonical? Руководство по техническому SEO

что такое SEO, как делается SEO? что означает аббревиатура SEO?

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

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

Что такое тег Canonical?

Тег Canonical — это часть HTML-страницы <head> — это тег, добавляемый в раздел , который сообщает поисковым системам: "Основная, предпочтительная версия этой страницы находится по следующему URL-адресу". В стандарте W3C он rel="canonical" определяется как и поддерживается Google, Bing и другими поисковыми системами.

Например, если страница товара ornek.com/urun-ayakkabi находится по адресу, и та же страница ornek.com/urun-ayakkabi?renk=mavi также доступна по адресу, то без тега canonical поисковые системы могут расценивать эти два URL как отдельные страницы. При добавлении тега canonical сигналы с обоих URL объединяются в один предпочтительный URL.

HTML-синтаксис тега Canonical

Использование тега canonical крайне просто. Достаточно добавить следующую строку в раздел <head> вашей страницы:

<link rel="canonical" href="https://ornek.com/urun-ayakkabi" />

Эта строка сообщает поисковым системам, что основной версией данной страницы является https://ornek.com/urun-ayakkabi. Тег должен быть добавлен на каждую версию страницы; то есть как на странице urun-ayakkabi , так и на urun-ayakkabi?renk=mavi должен быть указан один и тот же canonical URL.

Почему важен тег Canonical?

Важность тега canonical проявляется в трех основных областях: предотвращение дублирования контента, сохранение сигналов ранжирования и эффективное использование краулингового бюджета. Рассмотрим каждую из них подробно.

Предотвращение дублирования контента

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

Изображение решения проблемы дублированного контента с помощью тега canonical

Тег canonical четко указывает поисковым системам, какая версия является оригинальной. Таким образом, в индексе остается только одна версия, и проблема дублированного контента решается. Собственное руководство Google по объединению дублирующихся URL также называет тег canonical рекомендуемым методом.

Объединение сигналов ранжирования

Ссылки (бэклинки), репосты в социальных сетях и сигналы пользовательского взаимодействия, ведущие на один и тот же контент через разные URL, при отсутствии тега canonical распределяются между несколькими адресами. Например, если на страницу товара ведут 50 бэклинков по URL /urun-ayakkabi , а 30 бэклинков — на URL /urun-ayakkabi?renk=mavi , то сила всех 80 бэклинков не объединится на одном URL.

При добавлении тега canonical все эти сигналы объединяются на предпочтительном URL, и потенциал ранжирования страницы достигает максимума. Это создает критическую разницу, особенно для сайтов, пытающихся занять высокие позиции по конкурентным ключевым словам.

Сохранение краулингового бюджета

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

Тег canonical сообщает роботам, "Вам не нужно сканировать эту страницу, основная версия — вот эта" передает это сообщение. Таким образом, краулинговый бюджет направляется на уникальный контент, и индексируется большая часть вашего сайта. Оптимизация краулингового бюджета вы можете узнать больше об этом.

В каких случаях используется тег Canonical?

Понимание наиболее распространенных сценариев использования тега canonical необходимо для его правильного применения. Хотя каждый сценарий требует разного внимания, основной принцип всегда один и тот же: четко указать предпочтительный URL.

Параметры фильтрации и сортировки в электронной коммерции

На сайтах электронной коммерции страницы со списками товаров множатся из-за параметров сортировки (?sort=price), фильтрации (?renk=mavi) и пагинации (?page=2) параметров. Хотя эти параметры необходимы с точки зрения пользовательского опыта, для поисковых систем это разные представления одного и того же контента. Добавление тега canonical к каждому варианту предотвращает засорение индекса.

Например, рассмотрим страницу категории: /kadin-ayakkabi, /kadin-ayakkabi?sort=priceи/kadin-ayakkabi?renk=siyah во всех этих URL в качестве canonical должен быть указан /kadin-ayakkabi. Таким образом, поисковые системы будут индексировать только основную страницу категории.

Переход с HTTP на HTTPS

После перехода сайтов на HTTPS версии HTTP обычно перенаправляются на HTTPS с помощью 301 редиректа. Однако в некоторых случаях перенаправление может быть не настроено или настроено неправильно. Указывая тегом canonical на URL-адрес HTTPS в обоих протоколах, вы гарантируете, что поисковые системы распознают версию HTTPS как предпочтительную. Это стратегией 301 редиректа дает наиболее мощный результат при использовании вместе с ней.

Версия с www и без www

www.ornek.comиornek.com технически являются двумя разными URL. Настройка предпочтительного домена в Google Search Console — важный шаг, но тег canonical гарантирует этот выбор, четко указывая его на каждой странице. Указание https://www.ornek.com (или версии без www) в качестве canonical на всех страницах исключает риск неправильной индексации.

Синдицированный контент и кросс-публикация

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

Мобильные и AMP-страницы

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

Как добавить тег Canonical?

Существует несколько способов добавить тег canonical. Хотя наиболее распространенным методом является HTML-тег <head>, его также можно указать через HTTP-заголовок и sitemap. Преимущества и области применения каждого метода различны.

Добавление через HTML-тег Head

Самый распространенный и рекомендуемый метод — это добавление в раздел <head> страницы <link rel="canonical"> — это добавление тега. Этот метод поддерживается всеми поисковыми системами и легко проверяется в исходном коде страницы. WordPress, Shopify и другие системы управления контентом в большинстве случаев добавляют тег canonical автоматически; однако вам следует проверить, указывает ли он на правильный URL.

Правила, которые следует учитывать при добавлении тега canonical:

  • Используйте полный URL: Вместо относительного URL https:// отдавайте предпочтение полному URL, начинающемуся с него. Относительные URL-адреса могут быть интерпретированы по-разному и привести к неверным результатам.
  • Используйте строчные буквы: URL-адреса могут быть чувствительны к регистру. Для единообразия используйте строчные буквы в канонических URL.
  • Косая черта в конце: Будьте последовательны в выбранном вами формате. /urun/и/urun технически являются разными URL-адресами.
  • Один canonical на каждой странице: Не размещайте более одного тега canonical на странице. Поисковые системы учитывают только первый и игнорируют остальные.
  • Может указывать на саму себя: Тег canonical может и должен указывать на собственный URL страницы. Это правильная практика, даже если дублирующегося контента нет.

Указание Canonical через HTTP-заголовок

В случаях, когда доступ к HTML отсутствует, например, для PDF-файлов или других документов, не являющихся HTML, можно указать canonical через HTTP-заголовок. В заголовке ответа Link: <https://ornek.com/dokuman>; rel="canonical" можно добавить такой HTTP-заголовок. Этот метод особенно полезен для документов PDF и Word, так как в этих файлах нет HTML <head> тег отсутствует.

Сигнал Canonical через Sitemap

URL-адреса, перечисленные в файле Sitemap, косвенно подают сигнал о каноничности. Google склонен рассматривать URL-адреса в sitemap как предпочтительные. Однако это не заменяет тег canonical; это служит лишь дополнительным сигналом. В Sitemap https://www.ornek.com/urun указание этого адреса, https://ornek.com/urun показывает, что вы предпочитаете этот URL вместо него.

Распространенные ошибки в использовании тега Canonical

Тег canonical — мощный инструмент, но его неправильное использование может привести к серьезным проблемам. Знание следующих распространенных ошибок поможет вам сохранить SEO-здоровье вашего сайта.

Указание неверного URL

Самая опасная ошибка — указание неверного URL в теге canonical. Например, если пометить URL главной страницы как канонический на всех страницах, это сообщит поисковым системам, что основной версией всех страниц является главная. В результате все страницы будут удалены из индекса, и в нем останется только главная страница. Эта ошибка обычно вызвана проблемами в темах или плагинах и приводит к резкому падению органического трафика сайта.

Конфликт Canonical и перенаправления

При выполнении 301-редиректа с одного URL на другой указание перенаправленного URL в качестве тега canonical на целевой странице излишне и сбивает с толку. 301-редирект уже указывает на целевой URL; тег canonical в данном случае не дает дополнительного сигнала. SEO-дружественная структура URL при создании которой не следует упускать из виду соответствие редиректов и канонических тегов.

Использование Canonical на пагинированных страницах

В многостраничном контенте (например, /blog?sayfa=2, /blog?sayfa=3) помечать все страницы как канонические по отношению к первой странице — распространенная ошибка. Это сообщает поисковым системам, что вторая и последующие страницы являются копиями первой, и препятствует их индексации. Правильная практика — когда каждая страница указывает на свой собственный URL как на канонический, или использование тегов пагинации (rel="prev"иrel="next") . Однако Google больше не rel="prev/next" использует теги, поэтому наиболее безопасным подходом является указание каждой страницей собственного URL в качестве канонического.

Канонические цепочки

Если страница A указывает на страницу B как на каноническую, а страница B указывает на страницу C, возникает каноническая цепочка. Поисковые системы могут следовать этим цепочкам, но на каждом этапе сила сигнала ослабевает. Лучшая практика — указывать непосредственно на предпочтительный URL. И A, и B должны напрямую указывать на C как на канонический адрес.

Каноническое указание URL-адресов с косой чертой и без

/urun/и/urun разница в завершающей косой черте (слэше) технически означает два разных URL. Вы должны быть последовательны в использовании тега canonical. Какой бы формат вы ни предпочли, используйте один и тот же формат на всех страницах. Также хорошей практикой является поддержка этого с помощью перенаправлений на уровне сервера.

Связь тега Canonical с другими SEO-элементами

Тег canonical не работает сам по себе; он должен быть согласован с другими SEO-элементами. Вот связь canonical с другими важными SEO-компонентами.

Связь с Noindex

Тег canonical и noindex метатег служат разным целям. Canonical говорит: «основная версия этой страницы находится в другом месте», а noindex говорит: «не индексируйте эту страницу». Наличие на странице одновременно тега canonical, указывающего на другой URL, и тега noindex дает противоречивый сигнал. В этом случае Google может проигнорировать canonical и применить noindex. seo-оптимизация в процессе важно гармоничное использование этих двух тегов.

Связь с Hreflang

На мультиязычных сайтах hreflang тег и тег canonical работают вместе. Каждая языковая версия должна указывать на свой собственный URL как на канонический; она не должна указывать на страницу на другом языке как на каноническую. Тег hreflang указывает на связь между языковыми версиями. Например, турецкая страница /tr/urun указывает турецкий URL как канонический, в то время как английская страница /en/product указывает английский URL как канонический.

Связь с Robots.txt

Страницы, заблокированные в файле robots.txt, не могут быть просканированы, даже если они содержат тег canonical. Следовательно, для работы тега canonical соответствующие страницы не должны быть заблокированы в robots.txt. Если поисковый робот не может просканировать страницу, он не увидит тег canonical и не сможет оценить сигнал.

Проверка и тестирование тега Canonical

После добавления тега canonical критически важным шагом является проверка правильности его применения. Следующие инструменты и методы помогут в этой проверке.

Google Search Console

Инструмент проверки URL в Google Search Console показывает, какой канонический URL Google предпочитает для данного URL. При проверке страницы отображаются поля «Канонический URL, выбранный Google» и «Канонический URL, определенный пользователем». Если эти два значения не совпадают, Google мог проигнорировать ваш канонический сигнал, и вам следует выяснить причину. Google Search Console вы можете получить подробную информацию об использовании.

Тег Canonical: процесс сканирования поисковыми системами и проверки

Проверка исходного кода страницы

Самый простой метод проверки — просмотреть исходный код страницы и убедиться в наличии тега canonical и в том, что он указывает на правильный URL. Вы можете найти тег rel="canonical", щелкнув правой кнопкой мыши на странице в браузере и выбрав «Просмотр кода страницы». Помните, что если тегов canonical несколько, учитывается только первый.

Screaming Frog и другие инструменты сканирования

Инструменты сканирования, такие как Screaming Frog SEO Spider, являются мощным средством для анализа тегов canonical. Просканировав свой сайт, вы сможете увидеть ошибки canonical, отсутствующие теги canonical, канонические цепочки и неправильные перенаправления в одном отчете. Поскольку ручная проверка на больших сайтах непрактична, эти инструменты незаменимы. SEO-аудит анализ canonical должен быть стандартным шагом в процессе.

Применение тега Canonical в зависимости от платформы

Различные системы управления контентом и платформы предлагают разные подходы к реализации тега canonical. Вот как осуществляется управление тегом canonical на самых популярных платформах.

WordPress

WordPress упрощает управление тегом canonical с помощью таких плагинов, как Yoast SEO и Rank Math. В Yoast SEO на экране редактирования каждой страницы и записи есть поле «Canonical URL». Rank Math же автоматически добавляет тег canonical и предлагает возможность указать пользовательский канонический URL.WordPress SEO в совместимой конфигурации базовое управление тегом canonical обеспечивается автоматически.

Shopify

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

Next.js и другие фреймворки

В современных фреймворках, таких как Next.js, тег canonical может быть добавлен на уровне страницы через компонент next/head. На страницах с серверным рендерингом тег <link rel="canonical"> помещается непосредственно в раздел head. В генераторах статических сайтов тег canonical может быть жестко прописан (hardcoded) в HTML-шаблоне каждой страницы.

Лучшие практики использования тега Canonical

Чтобы получить наилучшие результаты от использования тега canonical, следуйте приведенным ниже принципам.

  • Добавляйте canonical на каждую страницу: Даже если дублирующийся контент отсутствует, каждая страница должна указывать на свой собственный URL как на канонический. Это известно как самореферентный (self-referential) canonical и обеспечивает защиту от риска появления дублей.
  • Используйте единообразный формат URL: Обеспечьте единообразие https, www, закрывающего слэша и регистра символов в канонических URL. Используйте один и тот же формат URL на всех страницах.
  • Используйте canonical и перенаправление вместе: 301-редирект и тег canonical дополняют друг друга. В то время как редирект направляет пользователей и ботов на правильный URL, тег canonical объединяет сигналы индексации.
  • Избегайте цепочек canonical: Указывайте непосредственно на предпочтительный URL. Вместо цепочки A → B → C и A, и B должны указывать напрямую на C.
  • Проводите регулярный аудит: Периодически проводите анализ тегов canonical по всему сайту. Неправильные канонические ссылки могут привести к потере органического трафика.
  • Не создавайте противоречий с Noindex: Не размещайте на одной странице одновременно тег canonical (указывающий на другой URL) и тег noindex. Этот противоречивый сигнал сводит на нет действие canonical.

Заключение

Тег canonical — один из самых фундаментальных и эффективных инструментов технического SEO. При правильном применении он предотвращает появление дублирующегося контента, объединяет сигналы ранжирования и экономит краулинговый бюджет. При неправильном же применении он может привести к удалению страниц из индекса и потере органического трафика.

Не пренебрегайте использованием тега canonical в вашей SEO-стратегии. Определение правильного канонического URL для каждой страницы, обеспечение единообразия на всем сайте и проведение регулярных аудитов — это шаги, которые укрепят вашу видимость в поисковых системах. Техническое SEO не ограничивается только созданием контента; обеспечение правильного взаимодействия инфраструктуры вашего сайта с поисковыми системами не менее важно, чем сам контент.

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