Що означає rel=""
Створюю і просуваю комерційні сайти та інтернет-магазини з 2008 року. 4-09-2018, 23:21 1 121 0
Коли на сайті є зовнішнє посилання через target="_blank" то сторінка, на яку ми потрапимо через таку силку, отримає частковий контроль над нашою через js властивість window.opener.
Щоб вберегтись від такого контролю потрібен тег rel="noopener"
1. rel="noopener" - Значення «noopener» дає вказівку браузеру не відправляти інформацію про реферере разом з заголовком. Технічно, цей атрибут обнуляє об'єкт window.opener.
Також існують інші значення rel="":
2. rel="nofollow" - говорить пошуковим системам, що така силка не має ваги для ранжування - не передає ТИЦ і PR , але роботи нею таки переходять і сканують ресурс. (Іноді здається що гугл чхав на цей nofollow)
3. rel="external" - специфікація XHTML не підтримує атрибут target, для вирішення даного питання і був створений атрибут "external" - який означає, що силка буде відкрита у новому вікні. Така силка передає вагу сторінки на ранжування.
4. rel="noreferrer" - браузер не буде передавати заголовка referer, в якому зазначено з якої адреси браузер здійснив перехід.
Можна записати багато значень одночасно, наприклад:
<a href="" target="_blank" rel="nofollow noopener external noreferrer">-</a>В HTML5 підтримується наступні значення rel="" :
- archives - Посилання на архів сайту.
- author - Посилання на сторінку про автора на тому ж домені.
- bookmark - Постійне посилання на розділ або запис.
- first - Посилання на першу сторінку.
- help - Посилання на документ з довідкою.
- index - Посилання на зміст.
- last - Посилання на останню сторінку.
- license - Посилання на сторінку з ліцензійною угодою або авторськими правами.
- me - Посилання на сторінку автора на іншому домені.
- next - Посилання на наступну сторінку або розділ.
- nofollow - Не передавати по посиланню ТІЦ і PR.
- noreferrer - Не передавати за посиланням HTTP-заголовки.
- prefetch - Вказує, що треба заздалегідь кешувати зазначений ресурс.
- prev - Посилання на попередню сторінку або розділ.
- search - Посилання на пошук.
- sidebar - Додати посилання в обране браузера.
- tag - Вказує, що мітка (тег) має відношення до поточного документа.
- up - Посилання на батьківську сторінку.
--- Джерела:
