Target=»_blank»: разбираемся в рисках и защите

HTML-ссылки служат неотъемлемым элементом, обеспечивающим связность веб-страниц внутри одного сайта. Однако, как и любой мощный инструмент, ссылки могут нести в себе потенциальные угрозы как для веб-ресурса, так и для его пользователей.

Что такое target=»_blank»?

Когда мы добавляем атрибут target="_blank" к тегу <a>, это заставляет браузер открывать ссылку в новой вкладке. На первый взгляд, это удобная функция, позволяющая пользователю сохранять контекст текущей страницы, но здесь кроется опасность.

Влияние Target=»_blank» на SEO и пользовательский опыт

Когда речь заходит о поисковой оптимизации (SEO), использование target="_blank" не влияет напрямую на ранжирование сайта в поисковых системах. Однако, косвенное влияние на SEO через пользовательский опыт и поведение на сайте имеет место быть.

Пользовательский опыт и SEO

1. Время на сайте и взаимодействие: Открытие ссылок в новых вкладках может увеличить время, проведенное пользователем на сайте, поскольку исходная страница остается открытой. Это может сказаться на метриках взаимодействия, которые важны для SEO.
2. Поведенческие факторы: Когда пользователь возвращается на ваш сайт после просмотра страницы в новой вкладке, это может положительно отразиться на таких показателях, как коэффициент отказов и количество просмотров страниц. Поисковые системы учитывают эти факторы, поскольку они могут свидетельствовать о качестве и полезности контента.
3. Соответствующее использование: Рекомендуется использовать target="_blank" для ссылок, ведущих на внешние ресурсы, чтобы пользователи могли легко вернуться и продолжить взаимодействие с вашим контентом. Для внутренних ссылок лучше избегать этого атрибута, чтобы поддерживать непрерывность пользовательского пути по сайту.

Опасности использования target=»_blank»

Основной риск связан с тем, что при использовании target="_blank", браузер сохраняет информацию о ссылающейся странице. Это делает возможным для злоумышленников использовать объект window.opener для манипуляции ссылающейся страницей. Например, они могут:

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

Какие меры предосторожности можно принять?

Для защиты от возможных угроз, связанных с target="_blank", разработчики должны использовать атрибут rel со значениями «noopener» или «noreferrer».

• rel="noopener" блокирует доступ новой вкладке к window.opener и предотвращает возможное вредоносное воздействие.
• rel="noreferrer" также блокирует HTTP referrer, который может быть использован для отслеживания переходов или утечки данных.

Использование обоих значений, noopener и noreferrer, может обеспечить максимальную защиту, поскольку не все браузеры поддерживают noopener, но все признают noreferrer. Пример безопасного использования выглядит так:

<a rel="noopener noreferrer" href="https://demo.site/html-link.html" target="_blank">Ссылка</a>