Атрибут rel тега <area>

Описание

Атрибут rel для тега <area> указывает отношение между текущим документом и связанным ресурсом (указанным в атрибуте href). Этот атрибут помогает поисковым системам и браузерам понять природу ссылки.

Пример использования:
<img src="sitemap.png" usemap="#relations" alt="Карта отношений"> <map name="relations"> <area shape="rect" coords="0,0,100,50" href="/about" rel="about" alt="О компании"> <area shape="circle" coords="150,75,25" href="https://external.example" rel="nofollow external" alt="Внешний ресурс"> </map>

Распространенные значения:

Значение Описание Пример использования
nofollow Указывает поисковикам не передавать вес страницы Пользовательский контент, реклама
external Ссылка на внешний сайт Партнерские ссылки
noopener Безопасное открытие в новом окне Ссылки с target="_blank"
noreferrer Не отправлять referrer-информацию Конфиденциальные переходы
alternate Альтернативная версия документа Мультиязычные версии

Рекомендации по использованию:

  • Используйте rel="nofollow" для ненадежных ссылок
  • Всегда добавляйте noopener при target="_blank"
  • Для внешних ссылок указывайте external
  • Комбинируйте значения через пробел при необходимости
  • Соответствуйте стандартам микроразметки

Примеры комбинаций:

<map name="combo"> <!-- Безопасная внешняя ссылка --> <area shape="rect" coords="0,0,100,50" href="https://partner.com" target="_blank" rel="noopener noreferrer external"> <!-- Альтернативная версия --> <area shape="circle" coords="150,75,25" href="/pdf-version" rel="alternate" type="application/pdf"> </map>

Совместимость с SEO:

  • Влияет на PageRank и краулинг
  • Используется в микроразметке и rich-результатах
  • Может улучшать понимание структуры сайта
  • Важен для accessibility (особенно alternate)

Ограничения:

<!-- Невалидные комбинации --> <area rel="nofollow follow"> <!-- Противоречие --> <area rel="next prev"> <!-- Бессмысленно вместе --> <!-- Устаревшие значения --> <area rel="copyright"> <!-- Не используйте -->

Примечание: Правильное использование атрибута rel помогает поисковым системам лучше понимать вашу навигацию и повышает безопасность внешних ссылок.