Подписи ссылок на сайте: что посетитель должен понять до клика
Ссылка может работать технически и всё равно оставлять человека в неопределённости. «Подробнее» не объясняет, откроется ли состав услуги, портфолио или форма заявки. Проверьте не только адрес назначения, но и обещание, которое читатель видит до перехода.
Начните с ожидаемого результата, а не с короткого слова
Запишите, что человек получит после перехода: условия выезда, список документов, пример проекта или возможность задать вопрос. Это редакционная задача, которую можно решить до обсуждения цвета и формы кнопки.
Вымышленная студия предметной фотографии предлагает три продолжения: посмотреть примеры, подготовить предметы к съёмке и обсудить заказ. Три одинаковые подписи «Узнать больше» скрывают различие. «Примеры съёмки посуды», «Как подготовить товары» и «Обсудить съёмку» называют разные задачи. Это учебный пример, а не описание реального клиента Salestudia.
Не обещайте в подписи действие, которого на следующей странице нет. «Рассчитать стоимость» подходит не любой форме обратной связи. Если после перехода человек только описывает задачу и ожидает ответа, точнее написать «Запросить оценку». Само слово не меняет процесс: сначала проверьте действительную страницу.
Выберите один участок сайта, например карточки услуг на главной. Составьте список видимых подписей и точных адресов. Отметьте, где разные слова ведут в одно место, а одинаковые слова скрывают разные результаты. Не нужно одновременно переписывать весь сайт.
Учитывайте контекст, но не заставляйте его угадывать
W3C допускает определение назначения ссылки из её текста вместе с программно определяемым контекстом. При этом понятная самостоятельная подпись помогает выбирать переход и при просмотре списка ссылок. Одной визуальной близости заголовка не всегда достаточно.
В карточке заголовок, описание и ссылка могут выглядеть единым блоком, но способ их связи в разметке проверяется отдельно. Редактор отвечает за понятные слова, разработчик — за корректную структуру. Не записывайте «доступность проверена» только потому, что подпись хорошо выглядит на скриншоте.
Для обычного небольшого сайта часто проще прямо назвать продолжение: «Условия доставки» вместо «Здесь». При этом не стоит превращать каждую ссылку в длинное предложение с ключевыми словами. Уберите то, что не помогает различить переходы: лозунг, повтор названия компании и неподтверждённое обещание.
Если используется скрытое уточнение для вспомогательных технологий, сохраните согласованность с видимой подписью. Не маскируйте за коротким текстом другое действие. Проверку доступного имени элемента выполняйте в фактической опубликованной реализации, а не в макете.
Составьте ведомость замен с причиной
Следующая таблица относится к учебной студии. Она показывает решение редактора, а не универсальные обязательные формулировки для всех сайтов.
| Было | Предлагаемая подпись | Условие использования |
|---|---|---|
| Подробнее | Примеры предметной съёмки | Открывается подборка реальных примеров |
| Здесь | Как подготовить товары к съёмке | Открывается соответствующая инструкция |
| Заказать | Обсудить съёмку | Открывается форма запроса, а не оплата заказа |
| Скачать | Список материалов для брифа (PDF) | По ссылке доступен именно этот файл |
| Контакты | Написать о проекте | Переход ведёт к понятному способу обращения |
| Read more | Read the preparation guide (English) | Следующая страница действительно на английском |
Файл, язык и новое окно — отдельные ожидания
Если ссылка открывает файл, назовите документ и полезное для выбора свойство, например PDF. Не добавляйте размер файла наугад: он должен соответствовать опубликованной версии и обновляться вместе с ней.
На многоязычном сайте проверьте не только перевод подписи, но и язык назначения. Русская подпись может вести на немецкий документ, если это осознанное решение и читателю понятно, что его ждёт. Не называйте такую ссылку русской версией инструкции.
Не обещайте загрузку, если фактически открывается страница с запросом контактов. Это другой шаг. Ведомость должна различать прямой файл, страницу описания документа и форму получения материалов.
Если проект использует новое окно, согласуйте это поведение и предупреждение отдельно. Не применяйте его автоматически ко всем внешним адресам ради удобства владельца сайта. После перехода человеку должно быть понятно, где он находится и как вернуться к исходной задаче.
Проверьте назначение, а затем читаемость
Откройте каждый адрес как обычный посетитель. Сопоставьте подпись с первым содержательным экраном: совпадает ли тема, язык и следующий шаг. Работающая страница с кодом ответа 200 ещё не доказывает, что переход полезен.
Проверьте длинную подпись на узком экране. Она может корректно переноситься на две строки; не сокращайте смысл только ради одинаковой высоты карточек. Вместо этого проверьте отступы и размер области, которую можно нажать.
Пройдите переходы клавиатурой и убедитесь, что видно, какой элемент выбран. Эти проверки относятся уже к реализации. Контраст и различимость ссылок в тексте рассматриваются отдельно от их формулировок: понятная подпись не исправляет незаметное оформление.
Дайте коллеге страницу без объяснений и попросите выбрать ссылку для конкретной задачи. Запишите не только ошибочный клик, но и место, где человек остановился. Один участник не доказывает удобство для всех, зато наблюдение помогает сформулировать точечную правку.
Принимайте изменения по опубликованной версии
Ведомость приёмки должна содержать исходную страницу, подпись, адрес назначения, ожидаемый результат, наблюдение и дату. Не смешивайте исправленную подпись в редакторе с проверенным состоянием действующего сайта.
| Шаг | Что проверить | Что записать |
|---|---|---|
| Содержание | Подпись обещает реальный результат | Точный текст и назначение |
| Адрес | Открылась нужная страница или файл | Конечный URL |
| Язык | Язык назначения ожидаем | Язык страницы и предупреждение |
| Отображение | Текст не обрезан на проверенном экране | Размер окна и замечания |
| Управление | Переход можно выбрать и открыть | Результат проверки клавиатурой |
| Публикация | Правка видна без входа в редактор | Дата и проверенная версия |
Передайте правила следующему редактору
Сохраните несколько принятых примеров и объясните, когда их использовать. «Запросить оценку» и «Оплатить заказ» не взаимозаменяемы. Если меняется сам процесс обращения, нужно снова проверить подпись, адрес и последующий экран.
Не делайте из одного удачного теста обещание роста заявок. Качество подписи можно проверить по соответствию назначению и наблюдению за задачей; влияние на бизнес требует отдельного измерения с учётом других изменений сайта.
Salestudia находится в Idstein, Германия, и помогает согласовать структуру, тексты и реализацию сайта под задачи бизнеса. Для обсуждения подготовки сайта полезно прислать список страниц и несколько переходов, которые вызывают вопросы. Объём проверки и внедрения согласуется отдельно.
Обложка — концептуальная иллюстрация сайта на разных устройствах. Она не является снимком проверенного интерфейса и не подтверждает доступность какого-либо проекта.
Официальные и профильные ссылки
Эти материалы дают контекст для данных, правил и рекомендаций на странице.
- W3C WAI — Link Purpose (In Context) Источник проверен: 30.10.2026
Часто спрашивают
Ответы уточняют объём работ, роли, зависимости и способ оценки результата.
Нужно удалить все слова «Подробнее»?
Нет. Оцените назначение и доступный контекст каждого перехода. Самостоятельная понятная подпись часто проще для посетителя, но механическая замена одного слова другим не решает задачу.
Достаточно проверить ссылки сканером?
Сканер может обнаружить часть технических проблем. Он не подтверждает, что подпись соответствует языку, содержанию и реальному действию на следующей странице.
Эта проверка подтверждает полную доступность сайта?
Нет. Она касается подписей и ограниченного набора проверок переходов. Полная оценка доступности включает другие критерии и способы взаимодействия.
Удобнее написать напрямую?
Коротко укажите компанию, рынок и задачу — так разговор будет предметнее.