Атрибут Rel Canonical: повна довідка по налаштуванню і використанню

  1. Що таке HTML тег rel canonical
  2. Що таке канонічна сторінка
  3. Переваги для SEO від використання canonical URL
  4. Як налаштувати rel canonical
  5. Канонічна посилання в заголовку HTTP
  6. Як визначити канонічну сторінку
  7. Коли слід використовувати канонічні посилання
  8. rel = canonical для сторінок сортування
  9. rel = canonical для шпальти преси і реферальних посилань
  10. 301 редирект або rel = canonical
  11. Канонічний URL, який вказує на цю ж сторінку
  12. rel = canonical на інший домен
  13. Основні помилки використання rel = canonical
  14. Чи не індексується канонічна сторінка
  15. Різні канонічні URL для однієї сторінки
  16. Неправильне використання абсолютних посилань
  17. Використання тега поза блоком head
  18. Тег canonical при використанні hreflang
  19. Неканонічні посилання в sitemap.xml
  20. Використання rel = canonical для неідентичних сторінок
  21. Як перевірити використання канонічних посилань на сайті
  22. висновок
  23. Канонічні URL для Opencart
  24. Канонічні URL для Бітрікс
  25. Коментарі

Важливість даного атрибута складно переоцінити. Завдяки використанню канонічних посилань стало можливим уникнути появи сторінок-дублів в індексі пошукових систем і поліпшити ранжування пріоритетних сторінок.
Підтримка тега <link> rel = canonical дозволила існувати дубльованого контенту на різних URL сайту (або навіть на інших доменах) без шкоди для ранжирування основний предпочитаемой сторінки.
У цій статті ми розберемо всі тонкощі, пов'язані з використанням канонічних посилань і зрозуміємо чому rel = canonical зайняв настільки важливе місце в чек-листі правильної внутрішньої оптимізації сайту.

зміст:

Що таке HTML тег rel canonical

Що таке HTML тег rel canonical

12 лютого 2009 року компанія Google офіційно анонсувала підтримку формату канонічних сторінок, надавши тим самим потужний інструмент впливу на процес індексування сайту пошуковими системами.

Атрибут тега <link> rel = "canonical" призначений для вказівки канонічної сторінки, тобто сторінки-першоджерела. Якщо на вашому сайті ідентичний або дуже схожий контент доступний за різними URL адресами, то даний формат допоможе вказати бажану сторінку для пошукових систем.

Простіше кажучи, ви допомагаєте пошуковій системі зрозуміти яку з однакових сторінок потрібно ранжувати, а яку вважати додатковою. При цьому всі характеристики додаткових (неканонічних) сторінок, наприклад, поведінку користувачів і контрольний вагу, передаються бажаною (канонічної) сторінці.

Що таке канонічна сторінка

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

Переваги для SEO від використання canonical URL

Переваги для SEO від використання canonical URL

Пошукові системи вкрай негативно ставляться до дубльованого контенту, будь то копіювання інформації з іншого сайту або дублікати сторінок в рамках одного домена. Усунення проблеми дублів є ключовим аспектом грамотної внутрішньої оптимізації сайту.

У багатьох випадках на допомогу приходить 301 редирект , Але що робити якщо необхідно залишити сторінку-дубль доступною для відвідувачів сайту? Або використання редиректу недоступно в силу особливостей движка? Саме для таких випадків і був розроблений формат канонічних посилань. За великим рахунком, установка rel = canonical має ті ж властивості, що і 301 редирект, але без фактичного перенаправлення користувачів.

Як налаштувати rel canonical

Існує кілька способів вказівки канонічної сторінки. Найбільш поширений - це вказівка ​​посилання на першоджерело в блоці <head> поточної сторінки.
Отже, сторінка з адресою http://example.com/no-canonical-link.html є копією сторінки

http://example.com/canonical-link.html, отже канонічний тег повинен вказувати на останню як на першоджерело.

У коді сторінки http://example.com/no-canonical-link.html в блоці <head> повинен міститися наступний код:

<Link rel = "canonical" href = "http://example.com/canonical-link.html" />

Так, ось так просто. Всього одна строчка з посиланням на оригінальну сторінку може не просто уберегти ваш сайт від санкцій за неунікальний контент, але і істотно поліпшити рейтинг сторінки-першоджерела.

Канонічна посилання в заголовку HTTP

Google також підтримує rel = canonical в HTTP заголовку сторінки. Даний спосіб найчастіше використовується для документів не HTML формату, наприклад для файлів формату pdf. Таким чином, для альтернативного файлу сервер повинен віддавати в заголовку посилання на файл-оригінал (канонічний файл):

Link: <http: //example.com/original-file.pdf>; rel = "canonical"

При використанні CDN мереж, коли вміст сайту розподілено на різних доменах, також може свідчити канонічний URL для таких файлів в заголовку сервера.

Як визначити канонічну сторінку

Припустимо, на вашому сайті існує дві сторінки з однаковим контентом, доступні для індексування роботами пошукових систем. Все просто в разі, коли одна з них є похідною від іншої. Наприклад, сторінка сортування буде похідною від сторінки категорії товарів:
http://example.com/dresses.html - канонічна сторінка
http://example.com/dresses&sort=15limit.html - неканонічна сторінка

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

Коли слід використовувати канонічні посилання

В цілому, канонічні посилання варто використовувати, коли є необхідність залишити можливість для користувачів відвідувати сторінки-дублі і ви чітко розумієте природу їх виникнення.

rel = canonical для сторінок сортування

Якщо товари в вашому інтернет-магазині або каталозі можна сортувати за різними параметрами, то існує ймовірність відображення цих параметрів в URL сторінки і виникнення дубля на зразок

http://example.com/dresses.html?sort=price

Необхідно з усіх можливих варіантів сортування проставити канонічну посилання на основну категорію з сортуванням за замовчуванням, адреса якої використовується в меню сайту:

<Link rel = "canonical" href = "http://example.com/dresses.html" />

Існують різні підходи до роботи зі сторінками пагінацію. Google рекомендує використовувати канонічну посилання на сторінку, де представлені всі товари. Тобто для кожного розділу необхідно створити сторінку, на якій будуть виведені абсолютно всі товари, що входять до цієї категорії.

Однак, на практиці ми бачимо, що такий підхід не завжди виправданий з точки зору часу завантаження такої сторінки і поведінки користувачів. Реалізувати такий функціонал також не завжди представляється можливим.

Якщо варіант зі сторінкою, де зібрані всі товари категорії не підходить, то варто використовувати канонічний URL в поєднанні з тегами prev і next. При цьому rel = canonical буде вказувати сам на себе, що дозволить забезпечити нормальне індексування товарів на сторінках пагінацію.

Наприклад, в коді сторінки http://example.com/dresses.html?page=3 ми побачимо канонічний URL, який вказує на неї ж:

<Link rel = "canonical" href = "http://example.com/dresses.html?page=3" />

rel = canonical для шпальти преси і реферальних посилань

У разі реалізації шпальти преси через додатковий параметр, наприклад:

http://example.com/blog/article.html?print=yes

варто також використовувати посилання на канонічну сторінку:

<Link rel = "canonical" href = "http://example.com/blog/article.html" />

Подібна ситуація виникає і при використанні реферальних посилань, наприклад:

http://example.com/myblog.html?partner=12313

Для таких сторінок необхідно проставити канонічну посилання на оригінальну сторінку:

<Link rel = "canonical" href = "http://example.com/myblog.html" />

У разі нехтування цим правилом, ви ризикуєте отримати масу сторінок-дублів в індексі пошукових систем (пропорційно кількості рефералів)

301 редирект або rel = canonical

301 редирект або rel = canonical

Якщо немає факторів, що заважають впровадити 301 редирект, то використовуйте цей варіант. Пам'ятайте, що вказівка ​​канонічної посилання є рекомендаційним для пошукових систем. Нерідко у видачі Google можна зустріти ранжируються неканонічні сторінки, при цьому в коді сторінки буде вказано посилання на першоджерело.

Алгоритм пошукової системи будується не тільки на пошуку канонічної посилання в коді сторінки, але і на масі інших факторів - наявності зовнішніх і внутрішніх посилань, релевантності для користувача і т.д. Тому у Google може бути інша думка на рахунок того, яку ж зі сторінок-дублів необхідно вважати оригінальною.

Якщо ж необхідно залишити сторінки доступними для користувачів або існують технічні складнощі в реалізації 301 редиректу на сайті - використовуйте rel = canonical

Канонічний URL, який вказує на цю ж сторінку

Канонічний URL, який вказує на цю ж сторінку

Дана тема по сей день є предметом для суперечок seo-оптимізаторів. Справа в тому, що більшість CMS без проблем дозволяють додавати параметри в URL адресу без зміни самого контенту сторінки. Тому ми в Q-SEO дотримуємося думки, що додавання rel = canonical на всіх сторінках сайту з посиланням на самих себе ж, не тільки не зашкодить вашому сайту, а й убезпечить від потенційних дублів.

rel = canonical на інший домен

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

Даний метод дозволяє вам публікувати цікавий контент для своїх користувачів, вказуючи при цьому канонічну посилання на першоджерело. В такому випадку виграють обидва сайти. Перший не ризикує бути пессімізірованним пошуковими системами за неунікальний контент і надає своїй аудиторії цікавий контент. Другий же отримує приріст посилальної маси і інших характеристик від неканонічною сторінки на іншому домені.

Основні помилки використання rel = canonical

Канонічні URL підтримують більшість популярних пошукових систем: Google, Яндекс, Yahoo, Bing. Але ви все одно продовжуєте бачити в індексі неканонічні сторінки вашого сайту? Перше що потрібно зробити - перевірити чи не була допущена помилка при налаштуванні rel = canonical. Нижче перелік найбільш поширених помилок:

Чи не індексується канонічна сторінка

Перевірте чи може робот пошукової системи проіндексувати сторінку, на яку ви посилаєтеся як на канонічну. Переконайтеся, що:
- сторінка віддає відповідь сервера 200
- на сторінці не встановлено мета-тег robots зі значенням noindex
- сторінка не закрита від індексації у файлі robots.txt

Різні канонічні URL для однієї сторінки

Досить часто встановлюються на сайт модулі додають в код канонічні посилання. Це може привести до появи декількох rel = canonical на сторінці. Якщо посилання в тегах вказані на різні URL, то, найімовірніше, Google та інші пошукові системи просто проігнорують ваші рекомендації.
Таким чином, всі зусилля по встановленню канонічних сторінок можуть бути зведені нанівець. Частіше перевіряйте вихідний код ваших сторінок, щоб переконатися в наявності тільки однієї канонічної посилання.

Неправильне використання абсолютних посилань

Поширеною помилкою є вказівка канонічної посилання без протоколу http: // або https: //, як показано на прикладі нижче:

<Link rel = "canonical" href = "example.com/myblog.html" />

Припустимо вказувати відносні посилання:

<Link rel = "canonical" href = "/myblog.html" />

або повний абсолютний шлях з протоколом:

<Link rel = "canonical" href = "http://example.com/myblog.html" />

Використання тега поза блоком head

Для коректного сприйняття пошуковими системами, особливо це стосується Google, тег rel = canonical повинен перебувати в рамках області head коду вашої сторінки. Крім того, даний тег варто розміщувати настільки близько до початку HTML коду, наскільки це можливо.

Таке рішення цілком дієздатний для боротьби з дублями. Однак, може негативно вплинути на індексацію сторінок, посилання на які як раз і розташовані на сторінках пагінацію. Наприклад на сторінці http://example.com/dresses.html?page=3 розташовані посилання на 20 товарів - вони не будуть проіндексовані пошуковим роботом безпосередньо по посиланнях з цієї сторінки.

Тег canonical при використанні hreflang

Якщо ви впроваджуєте hreflang на своєму проекті, то обов'язково переконайтеся, що всі канонічні посилання вказують на сторінки цієї ж мовної версії. Невідповідність цього правила може призвести як до проблем з ранжируванням мовних версій, так і до неправильного розуміння пошуковими системами пріоритетних для ранжирування дублюються сторінок.

Неканонічні посилання в sitemap.xml

Файл sitemap.xml допомагає пошуковому роботу зрозуміти які сторінки вашого сайту потрібно індексувати і ранжувати в пошуковій видачі. Саме тому не варто додавати в карту сайту закриті будь-яким способом від індексування або неканонічні сторінки.

Використання rel = canonical для неідентичних сторінок

Даний атрибут був розроблений спеціально для вказівки пріоритетною сторінки серед сторінок-дублів. Судячи з усього, пошуковики допускають певну ступінь розбіжності в контенті сторінки. Але це абсолютно не означає, що можна ставити канонічну посилання на просто схожу за тематикою сторінку.
Якщо Google помітить вас в неправильному використанні канонічних посилань, це може вплинути на його відношення до rel = canonical для всього вашого домену і тоді постраждають навіть вірно налаштовані сторінки.

Facebook і Twitter прекрасно розуміють канонічні посилання. Коли користувач ділиться неканонічною статтею, то соціальна мережа підтягує дані саме по канонічної посиланням, якщо інше не передбачено особливостями неканонічною сторінки.
Крім того, лічильники лайків також будуть підтягувати значення саме з канонічної сторінки.

Як перевірити використання канонічних посилань на сайті

Після завершення робіт з налаштування канонічних сторінок на сайті рекомендуємо скористатися програмою Screaming Frog SEO Spider.
На вкладці Directives ви знайдете вичерпну інформацію про те, на яких сторінках встановлений канонічний тег і куди він веде.

Для посторінковою перевірки зручно користуватися розширенням для браузера від   rds bar
Для посторінковою перевірки зручно користуватися розширенням для браузера від rds bar .
По кліку на кнопку SEO крім іншого з'явиться і інформація щодо канонічної посилання, якщо тег присутній в коді сторінки.

висновок

Використання rel = canonical без сумніву стало must have в роботі кожного seo-оптимізатора. Але як будь-який інший потужний інструмент вимагає вмілого з нею поводження, так і даний атрибут має на увазі ретельне продумування всіх аспектів впровадження на сайт.
Сподіваємося, що в даній статті ми роз'яснили всі технічні аспекти використання такого потрібного для успішного seo інструменту.
Всім успішних проектів і не забувайте поділитися статтею з друзями і колегами, якщо вона була корисна для вас!

+ Бонус

Канонічні URL для Opencart

Багато модулі для Opencart не враховують того, що під час своєї роботи генерують доступні для пошукових систем дублі сторінок. Наприклад, ви вирішили вивести на головну сторінку блог з товарами «Хіт продажів». Цілком ймовірно, що при кліці з головної сторінки товар буде доступний за посиланням http://example.com/tovar.html, а при переході з каталогу буде доступний за посиланням, що включає назву категорії в URL, наприклад http://example.com /category/tovar.html.

Найбільш поширені проблеми, які вирішуються за допомогою вказівки канонічних сторінок:
- доступність товару за кількома URL адресами, наприклад:

http://example.com/tovar.html
http://example.com/category/tovar.html
http://example.com/category/subcategory/tovar.html
http://example.com/novinki/tovar.html

Канонічним повинен бути той URL, який відноситься до основної категорії товару.
Звичайно, більш правильним рішенням буде 301 редирект і фактична заміна посилань на сайті. Якщо такий варіант недоступний, можна використовувати канонічні посилання.

- доступність категорій за кількома URL адресами, наприклад:
http://example.com/category/subcategory/
http://example.com/category/subcategory/?min_price=170&max_price=990

Вирішити це завдання можна модифікацією файлу header.tpl

У блоці head необхідно розмістити даний код, який дозволить для всіх сторінок, що містять параметр? Min_price, вказати канонічну посилання на основну сторінку самій категорії:

<? Php $ canonical = explode ( '? Min_price', $) SERVER [ 'REQUEST_URI']); ?>

<Link rel = "canonical" href = "http://example.com <? Php echo $ canonical [0];?>" />

Канонічні URL для Бітрікс

Для CMS системи Бітрікс також актуальні дублі товарів, розміщених в різних категоріях. Вирішується ця проблема за допомогою канонічної посилання, доданої в блок. Реалізувати можна в такий спосіб: У властивостях Інфоблоки створюємо властивість "Канонічний URL", код властивості - CANONICAL, тип - рядок. У шаблоні елемента каталогу додаємо:

<? if (! empty ($ arResult [ "PROPERTIES"] [ "CANONICAL"] [ "VALUE"]))

{

$ APPLICATION -> SetPageProperty ( 'canonical', $ arResult [ "PROPERTIES"] [ "CANONICAL"] [ "VALUE"]. $ ArResult [ "CODE"]);

}

?>

У header.php шаблону в області HEAD додаємо:

<? Php function ShowCanonical ()

{Global $ APPLICATION;

if ($ APPLICATION -> GetProperty ( "canonical")! = "" && $ APPLICATION -> GetProperty ( "canonical")! = $ APPLICATION -> sDirPath) {

return '<link rel = "canonical" href = "www.example.com'. $ APPLICATION -> GetProperty (" canonical "). '/" />'; } Else {return false; }} $ APPLICATION -> AddBufferContent ( 'ShowCanonical');

?>

Природно, замість www.example.com потрібно вставити назву вашого сайту.
В результаті, якщо в адмінпанелі сайту в поле властивості вказати адресу канонічної посилання, то сформована посилання виведеться в блок head неканонічною сторінки.
Починаючи з версії 15.5.0 весь процес установки канонічних адрес можна пройти в адмінпанелі. Детальніше тут .

Коментарі

Коментарі

Або використання редиректу недоступно в силу особливостей движка?
Html?
Html?
Html?
Html?
Html?
Але ви все одно продовжуєте бачити в індексі неканонічні сторінки вашого сайту?
Html?
Com/category/subcategory/?
Php $ canonical = explode ( '? Min_price', $) SERVER [ 'REQUEST_URI']); ?