Description

rel=noopener ?

# Что такое `rel= »noreferrer noopener »` и как это влияет на SEO

Если вы занимаетесь веб-разработкой или SEO, наверняка встречали атрибуты `rel= »nofollow »`, `rel= »noopener »` и `rel= »noreferrer »` в коде. Но как они работают, и важны ли они для безопасности вашего сайта и его позиций в поисковиках? Рассказываем всё, что нужно знать о этих HTML-атрибутах, их значении для защиты и SEO.

—

## Что такое `rel= »noopener »`?
Атрибут **`rel= »noopener »`** используется для разрыва связи между текущей страницей и новой, открывающейся в новой вкладке. Проблема возникает при добавлении `target= »_blank »` в ссылках: если не использовать `noopener`, страница, на которую вы перешли, может “угадать”, что её открыл ваш сайт, и взломать его (например, через доступ к объекту `window.opener` JS).

**Как это работает?**
– Без `noopener`, открывая внешние ссылки, страница-источник остаётся “привязанной” к новой вкладке.
– `noopener` вырывает эту связь, обеспечивая защиту от кросс-сайтовых атак.

Пример:
« `html
Открыть
« `

—

## Что такое `rel= »noreferrer »`?
Атрибут **`rel= »noreferrer »`** — это более агрессивная версия `noopener`. Он **не только разрывает связь с opener**, но и **блокирует передачу реферера** (данных о том, откуда пользователь перешёл). Это полезно для защиты конфиденциальности.

**Важное отличие:**
– `noreferrer` сам подразумевает `noopener`. То есть если вы указали `noreferrer`, добавлять ещё `noopener` не нужно.

Пример:
« `html
Открыть частную ссылку
« `

—

## Почему атрибуты важны для безопасности
Что может случиться, если их не использовать:
1. **Кросс-доменные атаки (CDN)** — хакеры могут получить доступ к вашей странице через ссылки с `target= »_blank »` без этих атрибутов.
2. **Утечка данных реферера** — поисковики не учитывают внешние ссылки для SEO, но утечка реферера может утечь информацию о ваших пользователях.

—

## Имеют ли `noopener` или `noreferrer` влияние на SEO?
### Нет, они не вредят ранжированию
Последние руководства от Google и других поисковиков подчёркивают: **атрибуты `noopener` и `noreferrer` не влияют на SEO**.
– Поисковики учитывают `nofollow` — атрибут, который снижает передачу «ссылочного веса» внешним ссылкам. Но `noopener` и `noreferrer` к SEO не имеют прямого отношения.
– Важно: `noreferrer` **закрывает данные реферера**, но это не влияет на индексацию страницы.

—

## Как добавить атрибуты для улучшения безопасности
### Для WordPress
– **Автоматическая поддержка:** С версии 4.7.4 WordPress сам добавляет `rel= »noopener »` ко всем ссылкам с `target= »_blank »`.
– Как добавить **noreferrer**:
Добавьте его вручную для ссылок, где важно скрыть данные реферера:
« `html
…
« `
– Важно: Если хотите убрать автоматические атрибуты, используйте плагины, но это нерекомендуется для безопасности.

### Для любых сайтов
– **Внешние ссылки (для безопасности):**
– Новые вкладки с `target= »_blank »` всегда добавляйте `rel= »noopener »` или `noreferrer`.

—

## Ошибки, которые допускают SEO-специалисты
1. **Использование `rel= »nofollow noopener »` для передачи авторитета:**
`nofollow` предотвращает передачу «ссылочного веса»; атрибуты `noopener/noreferrer` не влияют на SEO.

2. **Использование `noopener` и `noreferrer` неправильно:**
– Не нужно писать `rel= »noopener noreferrer »`, так как `noreferrer` уже включает функции `noopener`.

3. **Пренебрежение безопасностью:**
Оставить ссылку без этих атрибутов — рискованно, особенно если вы отсылаете посетителей на сторонние сайты.

—

## Заключение: Что делать?
Если вы используете WordPress, вы уже защищены от части угроз за счёт `rel= »noopener »` в версии 4.7.4+. Но это лишь полугарантия.
– **Для внешних ссылок:** Указывайте `rel= »noreferrer »` — это обеспечит полную изоляцию и защиту информации.
– **В SEO-strategy:** Эти атрибуты не влияют на позиции. Основное забота — безопасность, а не рейтинг в выдаче.

Поймите:
– `noopener` — базовая защита от подтварок через window.opener.
– `noreferrer` — защита для приватности вашего пользователя.

Не экономьте на безопасности, даже ради SEO. Используйте эти атрибуты, и ваш сайт станет вдвое защищённее!

—

👉 **Памятка:**
– Для новых вкладок всегда добавляйте `noopener` (или noreferrer).
– В WordPress проверьте версию — старше 4.7.4? Автоматическая поддержка присутствует.
– Намеренно скрывайте реферер — добавляйте `rel= »noreferrer »` к критически важным ссылкам.

Спасибо за ваше внимание! Как вы используете эти атрибуты на своих сайтах? Делитесь опытом в комментариях!