» » » Що означає rel=""

Що означає rel=""

Що означає rel=""
 
Що означає rel=""
 

Коли на сайті є зовнішнє посилання через target="_blank" то сторінка, на яку ми потрапимо через таку силку, отримає частковий контроль над нашою через js властивість window.opener.

Щоб вберегтись від такого контролю потрібен тег rel="noopener"

1. rel="noopener" - Значення «noopener» дає вказівку браузеру не відправляти інформацію про реферере разом з заголовком. Технічно, цей атрибут обнуляє об'єкт window.opener.


Атрибут rel визначає відношення між поточним документом, та документом, на який веде посилання, задана атрибутом href.

Також існують інші значення 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 - Посилання на батьківську сторінку.


--- Джерела:

1. html5 специфікація

2. Про рел на Вікі

 
 
 

  43   0
 
Додати
свій
коментар
оновити, якщо не видно коду
 
В роботі:
ПроектПрогресСтатус
Розробка сайту салону манікюра 99%В процесі
Редизайн цього сайту 97%В процесі
Редизайн "Westplast" 100%21.02.18
Просування "Нова Ванна" 100%18.03.18
Darya 1.0 89%09.01.18