Для баннера, который ведёт в другой раздел вашего сайта, обычно достаточно перехода в той же вкладке. Новую вкладку стоит выбирать под конкретный сценарий: например, когда человеку нужно сохранить открытую страницу с незавершённой формой. Главное — заранее согласовать поведение ссылки и проверить его в месте размещения рекламы.
Здесь разберём обычную HTML-ссылку с картинкой. У рекламной сети, встроенного приложения или баннера внутри iframe могут быть дополнительные ограничения. Макет сам по себе не определяет, где откроется рекламируемая страница.
Выбирайте по сценарию посетителя
Представим баннер на главной странице магазина: он приглашает посмотреть сезонную коллекцию. Переход в той же вкладке позволяет продолжить привычную навигацию по сайту. Человеку не приходится разбираться, какая из нескольких одинаковых вкладок открыта последней.
Другой пример — рекламное предложение рядом с длинной анкетой. Если переход уводит с заполненной формы и введённые данные не сохраняются, потеря работы становится отдельной проблемой. Новая вкладка может помочь сохранить исходную страницу открытой, но не заменяет сохранение данных формы. Сначала проверьте сам сценарий, а затем выберите поведение перехода.
Не назначайте новую вкладку всем внешним ссылкам только ради единообразия. Посетитель может сам выбрать открытие в другой вкладке средствами браузера. Если сайт задаёт такое поведение заранее, человеку должно быть понятно, что произойдёт после нажатия.
Что меняет атрибут target
У ссылки с адресом в href значение target="_self" означает переход в текущем контексте просмотра. Для обычной страницы это та же вкладка. Без target ссылка обычно открывается в текущем контексте. Настройки документа могут изменить это поведение.
Значение target="_blank" обычно открывает новую вкладку. Однако пользователь может настроить браузер так, что вместо вкладки появится отдельное окно. Поэтому обещание «ссылка всегда откроется именно в соседней вкладке» будет слишком категоричным.
Не путайте адрес перехода с его местом открытия. Правильный target не исправит ошибку в href, устаревшую посадочную страницу или потерянные параметры рекламной ссылки. Отдельно проверьте, куда в итоге ведёт баннер и соответствует ли эта страница его предложению.
Как предупредить о новом окне
Если переход открывает новую вкладку или окно, добавьте понятное предупреждение рядом с названием ссылки. Оно должно быть доступно и человеку, который пользуется экранным диктором. Одной маленькой стрелки без текстового пояснения для этого недостаточно.
Для баннера-картинки без другого текста проверьте его доступное название. Оно должно объяснять назначение перехода; об этом подробнее в материале про alt-текст рекламного баннера. Не подменяйте название предложения фразой «откроется новая вкладка»: посетителю всё равно нужно знать, куда он переходит.
Что уточнить у площадки
Если баннер размещён в рекламном блоке, не меняйте выданный площадкой код наугад. Уточните, где задаётся адрес и способ открытия, какие переменные используются для учёта клика и можно ли редактировать эти параметры. Проверять нужно итоговый блок на странице, а не только локальный файл макета.
Особенно внимательно отнеситесь к iframe: «текущий контекст» там может означать область самого фрейма, а не всю страницу сайта. Попросите площадку показать корректный способ перехода для её формата. Не заменяйте его всплывающим окном через JavaScript только для того, чтобы получить похожий результат.
Проверка перед запуском
- Откройте страницу размещения и нажмите на баннер обычным способом. Запишите, где появился результат: в текущей вкладке, новой вкладке, отдельном окне или внутри блока.
- Сверьте конечный адрес и предложение на посадочной странице. Если используются UTM-метки вариантов баннера, убедитесь, что нужные параметры сохранились.
- Вернитесь на исходную страницу и проверьте её состояние: место, до которого вы прокрутили страницу, данные формы и выбранные фильтры. Не делайте вывод о сохранности данных только по наличию прежней вкладки.
- Повторите переход на телефоне и с клавиатуры компьютера. Проверьте видимый фокус и понятное название ссылки.
- После замены креатива или адреса повторите проверку. Настройка в старом размещении не гарантирует такое же поведение нового рекламного блока.
Итоговое правило простое: выбирайте способ открытия ради задачи посетителя, а не ради числа оставшихся вкладок. Если новая вкладка нужна, предупредите о ней и проверьте реальное поведение баннера на площадке.
Видео: как ссылка открывается в новой вкладке
В уроке показаны HTML-ссылки в редакторе кода и браузере. Фрагмент о target начинается с 02:34. Для рекламного размещения дополнительно проверьте ограничения площадки и поведение готового блока.
