Названия ссылок на сайте: как объяснить посетителю, куда он попадёт

Обязательно ли заменять каждое «Подробнее»?

Нужно ли убрать с сайта все ссылки «Подробнее», чтобы посетитель перестал путаться? Нет: сначала выясните, понимает ли человек, что откроется после нажатия. Если рядом стоят несколько одинаковых ссылок на разные услуги, лучше назвать услуги прямо. Если предмет перехода уже очевиден из карточки, оценивают карточку целиком.

Дальше речь о корпоративном сайте с услугами, статьями и документами для клиентов. Задача маркетолога — сделать выбор понятным до перехода. Это работа с ожиданием человека: прочитав «Условия доставки», он хочет увидеть способы и ограничения доставки, а не общую страницу компании, на которой ещё предстоит искать нужный раздел.

Название обещает содержание

В пояснении W3C к критерию WCAG 2.4.4 уровня A назначение ссылки определяется её текстом либо текстом вместе с доступным программно контекстом. В качестве контекста названы предложение, абзац, пункт списка и ячейка таблицы. Поэтому соседство на экране ещё нужно сопоставить с тем, как страница устроена для вспомогательных технологий. Короткое название полезно, когда оно точно указывает цель, а длинное становится оправданным, если без уточнения читатель перепутает похожие документы, выберет другую услугу или ожидает действие, которого на следующей странице не будет. Единого ограничения по числу слов нет.

Я предпочитаю названия целевых страниц, когда они понятны человеку без чтения соседних блоков. «Гарантия на монтаж» информативнее, чем «Узнать больше», потому что сразу ограничивает тему. Добавлять в каждую ссылку «нажмите» тоже незачем: вид ссылки и её место уже предлагают переход.

Освободившиеся слова лучше потратить на различие между двумя близкими вариантами, например между гарантией на изделие и гарантией на работы.

Когда помогает контекст

В карточке статьи заголовок, отрывок и ссылка могут составлять единый смысловой блок. W3C приводит похожий случай с «Read more» в кратких описаниях новостей. Однако перенос того же слова в отдельный ряд кнопок убирает часть контекста. На телефоне карточки перестраиваются, и название, которое было рядом с кнопкой на широком экране, может оказаться далеко от неё.

Смотрите на мобильную версию. Если человеку приходится возвращаться к началу карточки, чтобы вспомнить предмет перехода, ссылка требует более точной подписи или иного расположения.

Для обсуждения с редактором достаточно пары записей: где стоит ссылка и что пользователь рассчитывает получить после нажатия. Такая запись полезнее списка запрещённых слов. Она позволяет сохранить удачные короткие названия и направить внимание на те переходы, где компания действительно обещает одно содержание, а открывает другое.

Что написать на ссылке вместо общего приглашения

Название выбирают по цели перехода. «Посмотреть проекты» ведёт к работам, «Условия обслуживания» — к порядку поддержки, «Получить расчёт» — к форме или действию, после которого пользователь действительно может рассчитывать на ответ. Если открывается только информационная страница, обещание немедленно получить результат стоит смягчить.

Документ называют вместе с его назначением

У файла полезно указать вид документа и формат. Образцы подписей: «Инструкция по монтажу, PDF», «Шаблон заявки, XLSX», «Программа встречи, PDF». Если у компании есть несколько похожих инструкций, в подпись выносят то различие, по которому клиент выбирает файл: модель оборудования, язык или дату редакции, чтобы ему не пришлось скачивать все документы и искать нужный внутри каждого. Размер файла указывают по реальному файлу и обновляют после замены, иначе подсказка постепенно станет неверной. Формат помогает выбрать способ просмотра. Читатель на телефоне может открыть страницу с описанием сейчас, а большую таблицу сохранить для компьютера, если ссылка заранее объясняет, какой материал и в каком виде он получит.

Я бы оставила действие в подписи только там, где оно различает ожидания: «Открыть инструкцию» и «Скачать архив чертежей» ведут к разным способам работы с материалом. Для обычной страницы услуг достаточно названия темы. Слова «всё», «лучшее» и «полная информация» обещают полноту, но не объясняют различие переходов.

Если за ссылкой скрывается краткое описание услуги, лучше назвать услугу прямо: тогда человек сможет сравнить её с соседней, выбрать нужную тему и открыть страницу с верным ожиданием, без обещания всех возможных сведений о предмете.

Внутри абзаца ссылка продолжает мысль

Ссылку лучше встроить в те слова, которые уже называют предмет. Фраза «Состав работ описан в условиях сопровождения» читается естественно, если переходом служат «условия сопровождения».

Когда вместо этого автор добавляет отдельное «нажмите здесь», человеку приходится снова связывать указательное слово с предыдущим предложением. В длинном абзаце эта отсылка становится особенно слабой.

Google описывает текст ссылки как слова внутри элемента a с адресом href и рекомендует содержательное, достаточно краткое название. Здесь полезна сама проверяемая конструкция: у перехода есть адрес и текст, который его объясняет. Заказчик может попросить исполнителя показать эти две части в перечне ссылок без разбора кода страницы.

Не стоит превращать половину абзаца в ссылку. Читатель ищет точку перехода, а выделенная длинная фраза затрудняет отделение названия материала от пояснения автора. Если для понимания нужны условия, их оставляют рядом обычным текстом. Смысл ссылки при этом сохраняется: она называет документ или страницу, а абзац объясняет, зачем туда идти.

Похожие названия сверяют рядом

«Доставка» и «Условия доставки» могут вести на одну страницу, если контекст не создаёт различия. А одинаковое «Документы» для сертификатов, договоров и инструкций скрывает три разных набора. Для сравнения соберите соседние переходы в один список без оформления: когда из него непонятно, где лежат сертификаты, где договор, а где инструкция, названия стоит уточнить прежде, чем просить дизайнера различать одинаковые слова цветом или размером кнопок.

Изображения и кнопки тоже нуждаются в понятном имени

У карточки услуги могут быть отдельные ссылки в заголовке, фотографии и кнопке, поэтому приёмка включает переход из каждой из этих областей. Разные адреса внутри внешне цельного блока заставляют человека угадывать, какая область откроет описание, а какая — увеличенное изображение или форму обращения.

Один блок — понятные действия

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

У ссылки-картинки может не быть видимых слов. В документации Google указано, что для изображения внутри ссылки в качестве текста используется атрибут alt. Этот атрибут заполняют при подготовке изображения вместе с адресом перехода. Его содержание связано с назначением перехода: подпись декоративного объекта не объяснит, что картинка открывает каталог. Иконку тоже нужно назвать. Стрелка без текста может выглядеть очевидной автору макета, но читатель не всегда поймёт, открывает она следующую страницу, разворачивает блок или начинает скачивание, особенно когда рядом используются похожие значки.

Ссылка и действие различаются

Название «Отправить заявку» предполагает отправку, а «Перейти к форме» — переход к месту, где заявку ещё предстоит заполнить. Если человек нажал на кнопку в первом экране и увидел пустую форму внизу, сообщение о полученной заявке будет преждевременным. Тексты связывают с фактическим действием на каждом этапе.

Сначала человек открывает форму, затем заполняет её, нажимает кнопку и получает ответ системы, поэтому одинаковое «Готово» при открытии и отправке лучше заменить сообщениями, которые позволят ему понять, приняла ли компания обращение или ещё ждёт данных.

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

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

Видимый текст и доступное название сверяют вместе

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

После изменения макета нужна повторная сверка. Содержательное название может обрезаться в узкой карточке или исчезнуть рядом с изображением, и тогда первоначально удачное редакторское решение перестанет работать в опубликованной версии.

Неясная ссылка вызывает лишний вопрос у клиента

Редактирование ссылок начинается с тех страниц, где посетитель выбирает следующий шаг: услуг, каталога, контактов и документов. Для каждой спорной подписи записывают исходную страницу, текущий текст, адрес назначения и предлагаемое название. Этого достаточно, чтобы передать понятные правки исполнителю и затем сравнить результат.

Как принять изменения

Откройте ссылку и сопоставьте обещание с первым содержательным блоком целевой страницы. Если название говорит об оплате, а пользователь попадает в общий раздел помощи, нужно либо уточнить подпись, либо выбрать более точный адрес. Если не открыть ссылку после правки, новое название может по-прежнему вести к неподходящему содержанию. Отдельно смотрят файл, открытие якоря внутри страницы и поведение на телефоне.

Ошибка адреса важнее стилистики. В разделе Яндекс Вебмастера о внутренних ссылках можно увидеть неработающие переходы с адресом исходной страницы, адресом назначения, текстом и статусами HTTP 4xx или 5xx. Такой список помогает найти технически сломанные ссылки. Он не оценит, соответствует ли работающая страница обещанию подписи, поэтому смысл редактор сверяет отдельно. В записи о приёмке оставляют адрес исходной страницы и адрес назначения: по ним исполнитель найдёт переход после изменения меню или карточки, даже если его положение и вид стали другими. Для однотипных блоков полезно исправлять шаблон, иначе новые материалы снова получат старое «Подробнее» без нужного уточнения.

Что происходит после замены документа

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

В работах по улучшению сайта редактирование ссылок можно объединить с обновлением карточек и документов, но результат следует оценивать по конкретным переходам. Количество заменённых слов мало говорит об удобстве выбора. Проверка проста: сотрудник, который не писал страницу, объясняет ожидаемый результат по подписи, затем открывает ссылку и сопоставляет ожидание с содержанием.

Неясные названия перекладывают выбор на посетителя. Он открывает лишние страницы, возвращается назад или звонит с вопросом, на который сайт уже содержит ответ, но не помогает его найти. Если этот переход ведёт к важному условию покупки, последствия затрагивают уже разговор менеджера с клиентом.