Текст ссылок в веб-статье: как заменить «здесь» и «читать далее»

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

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

Это особенно заметно при навигации клавиатурой или вспомогательными технологиями. Некоторые программы позволяют перейти к списку ссылок страницы. Там остаются названия ссылок, но абзац вокруг может не читаться. Если список состоит из «подробнее», «читать» и «здесь», выбрать нужную запись трудно. W3C формулирует критерий WCAG 2.4.4 так: назначение ссылки должно быть понятно по её тексту или по тексту вместе с программно определяемым контекстом. Это не требует превращать каждый анкор в длинное описание: задача — дать достаточно информации для решения. Пояснение критерия W3C и пример HTML-приёма H30 показывают, как это работает. Приёмы W3C — примеры решения, а не единственный допустимый способ.

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

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

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

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

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

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

Не превращайте ссылку в точное повторение SEO-запроса, если фраза не соответствует содержимому. Повторение вроде «создать шрифт онлайн бесплатно» в каждом абзаце утомляет и вводит в заблуждение, если ссылка ведёт на обучающую статью. Лучше описать реальную пользу: «посмотрите, как подготовить набор символов перед созданием шрифта». Контекст помогает поисковым системам и людям понять тему, но это не повод вставлять ключевую фразу любой ценой.

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

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

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

Не добавляйте скрытый текст в ссылку только ради аудита, если видимый текст можно исправить. Подписи через `aria-label` могут пригодиться компоненту интерфейса, но для редакционного текста ясный видимый анкор понятен всем и не исчезает при копировании страницы. Атрибут `title` не является надёжной заменой: подсказка может быть недоступна на сенсорном экране, а читатель не должен угадывать, что она существует.

Для перехода на внешний сайт назовите, что там можно найти, и при необходимости — организацию или документ. Слово «источник» само по себе мало о чём говорит, если в статье несколько источников. Лучше: «рекомендации W3C по ссылкам» или «спецификация HTML Living Standard». Название организации особенно полезно, когда авторитет источника влияет на решение.

Если ссылка скачивает файл, сообщите об этом в тексте и уточните формат, если это важно: «скачайте бланк проверки (DOCX)». Не делайте URL анкором по умолчанию: адрес редко раскрывает содержание и может быть длинным. Для научного или архивного идентификатора, который нужно скопировать, адрес можно дополнительно показать рядом.

Не обещайте новое окно, если оно не открывается. Если сайт действительно принудительно открывает внешние ссылки в отдельной вкладке, заранее предупредите об этом, чтобы смена контекста не стала сюрпризом. В коротком анкоре такое предупреждение может выглядеть как «отчёт на сайте W3C — откроется в новой вкладке». Это вопрос конкретного поведения сайта, а не украшение ссылки.

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

**Заменить «здесь» на длинную фразу из ключевых слов.** Так ссылка становится неестественной, а обещание может разойтись с содержимым. Назовите конкретный результат одним коротким сочетанием.

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

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

**Добавить объяснение далеко от ссылки.** Фраза «в следующем разделе» не помогает, если между ней и ссылкой большой список или отдельная колонка. Держите контекст в том же предложении, абзаце, пункте списка или подписи карточки.

**Полагаться только на адрес.** URL вроде `example.ru/docs/123` не объясняет документ. Назовите его в анкоре, а адрес оставьте в HTML-атрибуте `href`.

**Считать WCAG техникой подсчёта слов.** Критерий оценивает понятность назначения, а не длину анкора. Короткое точное название лучше длинного описания, которое не соответствует странице.

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

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

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

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

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

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

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