Атрибут rel тега <a>
Описание
Атрибут rel (от англ. relationship) определяет отношение между текущим документом и документом, на который ведёт ссылка. Это важный атрибут для SEO, безопасности и семантической разметки.
<!-- Ссылка на внешний ресурс -->
<a href="https://external.com" rel="nofollow">Внешний сайт</a>
<!-- Ссылка на следующую страницу -->
<a href="/page2" rel="next">Продолжение</a>
<!-- Запрет передачи ссылочного веса -->
<a href="https://partner.com" rel="nofollow noopener">Партнёрская ссылка</a>
<!-- Безопасное открытие в новой вкладке -->
<a href="https://external.com" rel="noopener noreferrer" target="_blank">Внешний ресурс</a>
<!-- Ссылка на автора -->
<a href="/about-author" rel="author">Об авторе</a>
<!-- Лицензия документа -->
<a href="https://creativecommons.org/licenses/by/4.0/" rel="license">CC BY 4.0</a>
Популярные значения атрибута rel:
| Значение | Описание |
|---|---|
nofollow |
Запрещает поисковым системам переходить по ссылке |
noopener |
Защита от фишинга при открытии в новой вкладке |
noreferrer |
Скрывает источник перехода |
alternate |
Альтернативная версия документа (например, для других языков) |
prev/next |
Указывает на предыдущую/следующую страницу в последовательности |
Атрибут rel может содержать несколько значений, разделённых пробелами. Современные браузеры и поисковые системы активно используют эту информацию для обработки ссылок.
Рекомендации по использованию:
- Всегда используйте
rel="noopener"сtarget="_blank"в целях безопасности - Для пользовательского контента добавляйте
rel="nofollow" - Используйте семантические значения (
author,license) для улучшения структуры документа - Комбинируйте значения при необходимости:
rel="nofollow noopener noreferrer"