Атрибут ссылки — как читать настройки перехода в HTML

Что такое атрибут ссылки

Представьте ссылку «Каталог» с записью <a href="/catalog/">Каталог</a>. Человек видит слово «Каталог», а браузер читает href и открывает нужный адрес. Атрибут позволяет задать назначение независимо от видимого текста.

У ссылки можно увидеть несколько разных атрибутов.

• href указывает адрес назначения.
• target может задавать, где откроется переход, например в новой вкладке.
• rel описывает связь с целевым ресурсом и может сообщать поиску о характере размещения.

Чем атрибут ссылки отличается от её текста

Атрибут читают браузер и другие программы. Видимый текст помогает человеку понять переход. На одной ссылке они работают вместе.

Например, надпись «Условия доставки» выглядит правильно, а атрибут href по ошибке ведёт в корзину. Для исправления нужно поменять адрес. Если адрес верен, а текст подписан «сюда», можно уточнить подпись без изменения атрибута.

Как проверить атрибуты ссылки

Откройте нужную страницу и сравните ожидаемое действие с фактическим. Затем посмотрите, как ссылка записана в разметке.

1. Откройте инструменты разработчика. Нажмите правой кнопкой на текст ссылки и выберите просмотр элемента.
2. Найдите запись a. Прочитайте значение href и проверьте, на нужный ли адрес оно указывает.
3. Проверьте дополнительные атрибуты. Если переход должен открыться отдельно, посмотрите target. Для рекламного размещения сверяйте rel с правилами поиска.
4. Нажмите на ссылку. Убедитесь, что открылся ожидаемый раздел. При необходимости проверьте конечный адрес после перенаправления.

Копирование адреса даёт удобный результат для отправки, но не показывает все атрибуты. Например, по скопированному URL невозможно узнать, помечена ли ссылка как рекламная. Для этого нужно посмотреть саму запись в HTML.

Какие атрибуты важны для SEO

Поисковой системе важно обнаружить переход и понять контекст. Google обычно обрабатывает обычную ссылку a с действительным href. Значения rel позволяют уточнить назначение некоторых внешних ссылок.

• Реклама. Значение sponsored предназначено для рекламных и платных размещений.
• Пользовательский контент. Значение ugc помогает отметить ссылки в комментариях или сообщениях участников.
• Другие случаи. nofollow применяют, когда другие значения не подходят и владелец не хочет связывать сайт с указанным ресурсом.

Для внутреннего перехода начните с проверки href и видимого текста. Правильный атрибут не заменяет работающий адрес. Если карточка закрыта или больше не существует, исправьте назначение, а затем снова откройте ссылку с той страницы, где она размещена. При исправлении повторяющихся атрибутов начните с шаблона. Например, если кнопка во всех карточках ведёт в один каталог, проверьте, берётся ли значение атрибута из данных товара. Исправление вручную в одной карточке может не затронуть остальные. После правки откройте два разных товара и сравните назначения. Для отчёта запишите исходный атрибут, ожидаемое значение и фактический результат. Это особенно удобно, если одну и ту же ссылку формируют разные компоненты сайта. Проверяйте каждый вариант в опубликованном интерфейсе. Так видно, обновился ли нужный атрибут ссылки в общем шаблоне, а не только в редакторе.

Если у ссылки указано несколько атрибутов, проверяйте их по одному. Например, href отвечает за назначение, а target — за способ открытия. Один атрибут может быть верным, даже если второй требует правки. Запишите точное значение каждого атрибута и не меняйте остальные настройки без необходимости. После публикации повторите действие. Для проверки редактору полезно сохранить пример рабочего элемента рядом с ожидаемым результатом.