Нетемные ссылки в этой строке лучше понимать как нетекстовые ссылки (Non-text Links): ссылки, где кликабельным элементом является не обычный текст, а изображение, кнопка, иконка, баннер, логотип, карточка товара или другой визуальный блок.
Нетекстовые ссылки широко используются в интерфейсах: карточки каталога ведут в товары, логотип ведёт на главную, баннер ведёт на акцию, иконка соцсети ведёт во внешний профиль. Для SEO и доступности важно, чтобы такие ссылки были понятны не только человеку, но и поисковому роботу, скринридеру и аналитике.
Где встречаются нетекстовые ссылки
- кликабельные изображения;
- баннеры и промоблоки;
- карточки товаров;
- кнопки без видимого текстового якоря;
- иконки соцсетей;
- логотип сайта;
- плитки категорий;
- SVG-иконки и графические элементы.
Нетекстовые ссылки и SEO
Обычная текстовая ссылка даёт поисковой системе анкор — слова, которые объясняют, куда ведёт переход. У нетекстовой ссылки такого текста может не быть. Поэтому важно использовать понятные alt-атрибуты для изображений, доступные подписи, aria-label для интерфейсных элементов и нормальный контекст вокруг ссылки.
Если все важные переходы сделаны только через картинки без описаний, робот и пользователь с ассистивными технологиями хуже понимают назначение ссылок. Особенно это важно для меню, карточек каталога и блоков перелинковки.
Нетекстовые ссылки и GEO / ИИ-поиск
Для GEO нетекстовые ссылки помогают связывать страницы, но только если их смысл понятен. Если визуальная карточка категории не имеет текстового названия или alt, алгоритмам сложнее понять, что именно связано между собой.
Частые ошибки
- делать кликабельные изображения без alt;
- использовать кнопки без понятной подписи;
- скрывать важные ссылки только в графике;
- не учитывать доступность для скринридеров;
- использовать одинаковые alt для разных ссылок;
- забывать текстовые подписи у карточек;
- делать баннеры единственным путём к важной странице;
- не отслеживать клики по визуальным ссылкам.
Чек-лист
- Кликабельные изображения имеют осмысленный alt.
- Кнопки и иконки имеют понятные подписи или aria-label.
- Карточки товаров и категорий содержат текстовое название.
- Важные страницы доступны не только через баннеры.
- Нет одинаковых описаний для разных ссылок.
- Ссылки видны и удобны на мобильных устройствах.
- Клики по ключевым визуальным элементам отслеживаются.
- Навигация понятна пользователю, роботу и ассистивным технологиям.
Комментарий экспертаНетекстовые ссылки часто делают дизайн удобнее, но для SEO и доступности важно не потерять смысл. Если ссылка выглядит как красивая картинка, но не имеет описания, робот и скринридер получают меньше информации. В идеале визуальный элемент должен сопровождаться понятным названием или контекстом.
Вопросы и ответы
Это ссылка, где кликают не по тексту, а по картинке, кнопке, иконке, баннеру или карточке.
Да, через внутреннюю перелинковку, навигацию, доступность и понимание назначения перехода.
Добавить понятный alt и по возможности текстовый контекст рядом с изображением.
Можно, но лучше добавлять подписи или доступные описания, иначе навигация может быть непонятной.
ИИ-системам проще понимать связи между страницами, когда визуальные ссылки имеют текстовые описания и контекст.
Связанные термины
- non-text links;
- alt;
- анкор;
- внутренняя перелинковка;
- доступность сайта;
- ARIA;
- баннер;
- карточка товара;
- навигация;
- GEO.
