Что означает тег rel="noopener noreferrer"? (И влияет ли это на SEO?)

Забота о безопасности вашего веб-сайта является одним из наиболее важных аспектов работы владельца сайта. Возможно, вы понимаете важность наличия HTTPS в префиксе вашего URL или зачем вам нужен SSL-сертификат. Но знаете ли вы, что означают атрибуты HTML-тега noopener noreferrer и когда их следует использовать?

В этой статье мы рассмотрим, что означает rel="noopener noreferrer" , когда его следует использовать и как он влияет на ваш сайт с точки зрения SEO. Давайте прыгнем прямо в это.

Что такое rel=”noopener noreferrer”?

HTML-атрибуты rel="noopener noreferrer" появляются во внешних гиперссылках. В частности, использование атрибутов noopener и noreferrer предотвращает:

• целевая загрузка ссылки в той же вкладке, где была нажата ссылка
• обратная ссылка не отображается как реферальный трафик в аналитике целевого сайта

Вот как атрибуты тега выглядят в действии:

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">

WordPress автоматически добавляет эти атрибуты к внешним ссылкам, которые вы установили для открытия в новом окне. Давайте разберем их и посмотрим, что делает каждый атрибут.

новичок

Если вы хотите, чтобы внешняя ссылка не контролировала исходное окно браузера вашего пользователя, вам нужно добавить атрибут noopener . Согласно МДН,

«[ noopener ] указывает браузеру перейти к целевому ресурсу, не предоставляя новому контексту просмотра доступ к документу, который его открыл. […] Это особенно полезно при открытии ненадежных ссылок, чтобы гарантировать, что они не смогут подделать исходный документ…»

Короче говоря, noopener в значительной степени является мерой безопасности, предотвращающей получение вредоносными ссылками доступа к браузеру пользователя (фишинговая атака, известная как вкладка). В прошлом, оставляя target="_blank" без изменений в вашей ссылке, вы открывали эту уязвимость в системе безопасности. Теперь, когда у вас есть внешняя ссылка, настроенная на открытие в новом окне браузера с помощью target=”_blank” , большинство поисковых систем и экспертов по SEO считают, что лучше всего использовать noopener вместе с ней.

(Согласно Mozilla Developer Network (MDN), target=”_blank” Атрибут «теперь неявно обеспечивает то же поведение <rel>», что и noopener . Мы считаем, что стоит быть вдвойне безопасным и включить noopener, поскольку не все пользователи щелкают ссылки в самых современных и безопасных браузерах.)

нереферер

По сути, noreferrer не позволяет внешним сайтам узнать, что вы разместили ссылки на их материалы на своем веб-сайте. Это может быть важно для вас по соображениям конфиденциальности или безопасности. В общем, этот конкретный атрибут следует продумать, прежде чем применять его к своим ссылкам. Его использование действительно зависит от ваших предпочтений.

Атрибут noreferrer маскирует ваши реферальные ссылки в целевой аналитике. Он защищает информацию вашего сайта от передачи на сайт, на который переходят ваши пользователи. В результате ссылки отображаются как прямой трафик в Google Analytics, а не как реферальный трафик из вашего конкретного домена.

Если кто-то переходит на ваш веб-сайт по ссылке, которая не включает noreferrer , вы сможете увидеть его веб-сайт в списке ссылок «Трафик рефералов» на панели управления Google Analytics. Но если ссылка включает noreferrer , она появится в прямом трафике. Вы можете найти эти списки в Google Analytics в разделе Приобретение > Весь трафик > Каналы и приобретение > Весь трафик > Рефералы .

Он по-прежнему будет передавать «ссылочный вес» для SEO, но не данные об авторе. Если вы не заинтересованы в том, чтобы повысить эффективность SEO, nofollow станет дополнительным тегом, который вы захотите добавить.

Использование с rel="nofollow"

Добавление атрибута nofollow к ссылке, которая включает rel="noopener noreferrer" , позволяет вам ссылаться на другие веб-сайты, не одобряя их содержание или перспективу. Google говорит, что этот атрибут следует использовать «в тех случаях, когда вы хотите сделать ссылку на страницу, но не хотите подразумевать какое-либо одобрение, включая передачу рейтинга другой странице».

По сути, nofollow сообщает Google, что вы не хотите, чтобы он воспринимал вас как сторонника определенного сайта только потому, что вы ссылаетесь на него. Существует ряд похожих атрибутов ссылок, которые помогают Google понять назначение ссылки, в том числе атрибуты для маркировки спонсируемого и созданного пользователями контента (многие из которых можно добавить с помощью разметки Schema).

Короче говоря, добавление к ссылке всех трех атрибутов — noopener , noreferrer и nofollow — сообщает Google, что вы:

• Желание защитить пользователей вашего сайта от потенциально вредоносных внешних ссылок ( noopener )
• Нежелание отображаться в данных аналитики веб-сайта как реферальный трафик ( noreferrer )
• Нежелание поддерживать контент или автора, на которого вы ссылаетесь ( nofollow )

Атрибут nofollow кажется довольно специфичным, поэтому вы, вероятно, захотите использовать его только в каждом конкретном случае, а не как общее правило. Многие блоги устанавливают для своих разделов комментариев статус nofollow , чтобы избежать спама в комментариях от ботов и людей, которые не участвуют в обсуждении.

Когда использовать «noopener noreferrer»

Вы хотите, чтобы ваш сайт был максимально безопасным для посетителей. Поскольку вы хотите создать и использовать сильную стратегию обратных ссылок, вы не будете постоянно использовать rel=”noopener noreferrer” . Например, вам следует избегать его использования при ссылках на внутренние страницы вашего сайта.

Использование rel="noopener noreferrer" сообщает Google, что вы заботитесь о безопасности ссылок. И вы не хотите, чтобы определенные сайты распознавали ваш сайт как реферальный.

Общее влияние «noopener noreferrer» на SEO

Когда вы используете атрибуты rel=”noopener noreferrer” во внешних ссылках, это не должно иметь прямого негативного влияния на вашу стратегию SEO-обратных ссылок. Ни один из атрибутов не повлияет на ваш технический SEO-рейтинг. На самом деле, использование noopener вместе с target=”_blank” улучшит SEO на странице, потому что пользователи останутся на вашем сайте, даже если они перейдут на другой.

Однако noreferrer не позволит Google распознать, когда вы ссылаетесь на чужие сайты. И другие владельцы веб-сайтов не смогут видеть, когда вы ссылаетесь на них.

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

Обратные ссылки на ваш сайт из других источников не гарантируются. Тем не менее, не помешает сделать как можно больше для связи с сайтами и контентом, который вам нравится. Однако в целом использование rel="noopener noreferrer" во внешних ссылках не причинит никакого вреда. Просто убедитесь, что вы не используете их на своих собственных страницах веб-сайта, когда используете внутренние ссылки. Это может вызвать проблемы с аналитикой вашего сайта, а также с роботом Googlebot, который сканирует и индексирует структуру вашего сайта.

Вывод

Теперь, когда вы знаете, как использовать rel="noopener noreferrer" на своем веб-сайте, пришло время спланировать это соответствующим образом. Если вам нужно, рассмотрите возможность создания электронной таблицы внешних ссылок, которые вы включаете на свой сайт. Кроме того, отслеживайте страницы, на которых они находятся, и атрибуты, которые вы к ним применили. Это может быть полезно для быстрой справки, если вам нужно будет внести изменения в будущем.

Используете ли вы rel="noopener noreferrer" в своих гиперссылках? Почему или почему нет? Оставьте нам комментарий и дайте нам знать, что вы думаете.

Избранное изображение через Sammby / Shutterstock.com