Description

rel=noopener>https://wikiphile.ru/223-frazy-pro-more/

223 ?

# Что такое атрибуты `rel=noopener` и `rel=noreferrer` и как их использовать в WordPress?

В веб-разработке важно не только создавать функциональные и привлекательные сайты, но и обеспечивать безопасность пользователей. Одним из способов защитить свой сайт и посетителей является использование атрибутов `rel=noopener` и `rel=noreferrer`. В этой статье мы расскажем, что это такое, зачем они нужны и как их использовать в WordPress.

—

## Что такое `rel=noopener`?

Атрибут `rel=noopener` используется для предотвращения уязвимости, связанной с открытием ссылок в новых вкладках. Когда вы кликаете на ссылку с атрибутом `target= »_blank »`, она открывается в новой вкладке. Однако, по умолчанию, новая вкладка может получать доступ к объекту `window.opener`, который позволяет ей управлять родительской вкладкой. Это может привести к атаке, известной как **reverse tabnabbing**.

**Reverse tabnabbing** — это метод фишинга, при котором злоумышленник заменяет родительскую вкладку на вредоносный сайт. Используя `rel=noopener`, вы блокируете доступ новой вкладки к `window.opener`, тем самым предотвращая эту уязвимость.

—

## Что такое `rel=noreferrer`?

Атрибут `rel=noreferrer` используется для предотвращения передачи информации о реферере при переходе по ссылке. Когда пользователь кликает на ссылку без этого атрибута, браузер отправляет заголовок `Referer`, который указывает на то, с какого сайта был совершен переход.

**Зачем это нужно?**
– Для защиты конфиденциальной информации: если вы ссылаетесь на внутренние или защищенные страницы, вы не хотите, чтобы эта информация передавалась дальше.
– Для анонимности: некоторые сайты могут использовать реферер для сбора данных о пользователях.

—

## Как использовать `rel=noopener` и `rel=noreferrer` вместе?

Для максимальной безопасности рекомендуется использовать оба атрибута вместе:
« `html
Ссылка
« `
– `noopener` блокирует доступ к `window.opener`.
– `noreferrer` предотвращает передачу информации о реферере.

—

## WordPress и автоматическая настройка

Если вы используете WordPress версии 4.7.4 или новее, атрибут `noopener` добавляется автоматически ко всем ссылкам, которые открываются в новых вкладках (`target= »_blank »`). Однако, если вы хотите добавить `noreferrer`, вам нужно настроить это вручную или использовать плагин.

—

## Влияние на SEO

Хорошая новость: использование `rel=noopener` и `rel=noreferrer` не влияет на SEO вашего сайта. Эти атрибуты предназначены для безопасности и не затрагивают рейтинги в поисковых системах.

—

## Заключение

Использование атрибутов `rel=noopener` и `rel=noreferrer` — это простой, но эффективный способ повысить безопасность вашего сайта и защитить своих пользователей. Убедитесь, что все ссылки, открываемые в новых вкладках, имеют эти атрибуты. Если вы используете WordPress, большая часть работы уже сделана за вас.