M&DMICHAEL & DiVIP STUDIO
077 206 88 88
Украина, г. Буча, ул. Гоголя, 24
24/7 · Круглосуточно
← К журналу

VIP STUDIO MICHAEL & Di · 25.10.2026

Внешние ссылки без неожиданностей: оставьте читателю выбор вкладки

Концептуальный бумажный браузер: синий путь продолжается вперёд, а второй открывается в отдельном бумажном окне.
Оригинальная концептуальная AI-иллюстрация выбора навигации, не снимок браузера и не результат пользовательского теста.

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

Другой сайт не обязательно означает другую вкладку

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

Объясните изменение до нажатия

Если сайт открывает новую вкладку, сообщите об этом рядом со ссылкой: «Инструкция производителя — откроется в новой вкладке». Стрелка наружу может подкреплять сообщение, но её смысл не должен быть загадкой. Предупреждение должно быть доступно с клавиатуры и для вспомогательных технологий, а не появляться только при наведении. G200 и G201 от W3C описывают рекомендательные техники; одна подсказка не доказывает соответствие всей страницы WCAG.

Отделяйте навигацию от защиты

Используйте настоящую ссылку с адресом назначения, а не сценарий, имитирующий переход. Когда новая вкладка действительно нужна, проверьте атрибуты target и rel. MDN объясняет, что современные ссылки с target="_blank" неявно ведут себя как noopener; явное rel="noopener" также делает намерение понятным в исходном коде. Отдельное значение noreferrer подавляет передачу информации о странице перехода. Выбирайте его по конкретной причине, а не добавляйте все атрибуты как взаимозаменяемые украшения безопасности.

Проверьте возвращение, а не только открытие

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

Одно редакционное правило для всего сайта

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

Источники

Читайте также

Файл без сюрпризов: что объяснить до скачивания