Розробка, підтримка, SEO, просування, соцмережі та реклама сайтів ☣
Кабінет клієнта
Зареєструватись Забули пароль?
» » » Що означає rel=""

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

Створюю і просуваю комерційні сайти та інтернет-магазини з 2008 року. 4-09-2018 238 0
0 0 00
Що означає 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. Про рел на Вікі

 
 


Коментарі

⤹ Залишити свій коментар ⤸

  • оновити, якщо не видно коду
Останнє на сайті
  • Блог

    Дизайн контактів або e-mail

    coments/5 619 vievs/ 0
  • Блог

    Дизайни яким плювати на мінімалізм.

    coments/149 vievs/ 0
  • Анімація

    Нагрузка css анімації на процесор

    coments/210 vievs/ 0
Останнє в магазині
Картинка в meta з додаткового поля Картинка в meta з додаткового поля / Платні модулі DLE
Коментарі
Популярне на сайті

Тарифні плани

Потужний старт Стандартний запуск сайту від $400
  • - ♜ -
  • В стартовий тарифний план входить:

  • Розробка та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 5 сторінок
  • Ліцензія двигунчика DLE
Просунутий SEO оптимізований сайт від $700
  • - ♚ -
  • В SEO тарифний план входить:

  • Створення та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 10 сторінок
  • Ліцензія двигунчика DLE
  • 5 силок + перелінковка
Імперський винущувач конкурентів від $999
  • - ♛ -
  • В імперський тарифний план входить:

  • Розробка сайту
  • Наповнення до SEO 20 сторінок
  • Повна оптимізація
  • Ліцензія двигунчика DLE
  • МОЄ НАТХНЕННЯ та ДОСВІД!
/* soc-knopki */