Навигация и адреса

Не работают ссылки на сайте

Проверяем, получает ли ссылка клик, какой адрес создаёт браузер и что происходит после перехода. Исправляем обычные ссылки, якоря, внешние адреса и элементы, которые зависят от JavaScript.

Диагностика

Ссылка, адрес
и результат перехода

Мы разделяем три события: пользователь активировал элемент, браузер сформировал URL, сервер или приложение открыло назначение. Такой порядок не смешивает ошибку клика с ответом 404.

01

HTML-ссылка

Сверяем тег a, атрибут href, протокол, относительный путь, base URL и корректное экранирование параметров.

02

Клик и касание

Ищем перекрывающий слой, pointer-events, отмену события и обработчик, который срабатывает только на одном устройстве.

03

Якорь

Проверяем совпадение фрагмента с id, уникальность идентификатора, высоту фиксированной шапки и плавную прокрутку.

04

Маршрут и редирект

Смотрим итоговый URL, цепочку перенаправлений, правила CMS и сохранение UTM-параметров.

05

Новая вкладка

Проверяем target, rel, блокировки браузера и пояснение, если ссылка открывает файл или другой сайт.

06

Доступность

Тестируем Tab и Enter, видимый фокус, понятный текст ссылки и отсутствие пустых кликабельных элементов.

Результат

Каждая ссылка выполняет ожидаемый переход

Адрес предсказуем

Внутренние, внешние и якорные ссылки формируют согласованный URL.

Управление доступно

Переход работает мышью, касанием и клавишей Enter, а фокус остаётся заметным.

Аналитика сохраняется

Исправление не удаляет нужные метки и не создаёт повторные цели при одном переходе.

Порядок работ

От одного примера до проверки шаблона

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

01

Активируем ссылку

Повторяем клик, касание и Enter, фиксируем сформированный адрес и ошибки консоли.

02

Определяем источник

Проверяем редактор, шаблон, маршрутизатор CMS, JavaScript и правила сервера.

03

Исправляем источник

Меняем ссылку в общем шаблоне или данных, чтобы ошибка не вернулась после обновления страницы.

04

Проверяем выборку

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

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

Границы работ

Внешний адрес может измениться независимо от сайта

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

Вопросы

Перед исправлением

Почему ссылка не нажимается?

Её может перекрывать другой слой, у элемента может не быть href, либо JavaScript отменяет переход.

Это то же самое, что ошибка 404?

Нет. При 404 браузер перешёл по адресу, но сервер не нашёл ресурс. Здесь переход может не начаться или вести не туда.

Почему якорь не прокручивает страницу?

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

Как проверяется результат?

Тестируем мышь, касание, клавиатуру, внутренние и внешние адреса, якоря, редиректы и UTM.

Первый шаг

Пришлите страницу и ожидаемый адрес

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