Что такое Rel = "Noopener" и как его использовать с WordPress?

При создании и обслуживании веб-сайтов мы всегда должны учитывать безопасность сайтов, находящихся под нашей опекой. Блоги особенно нуждаются в дополнительном уровне заботы, учитывая количество исходящих ссылок, которые у них обычно есть. Уход за исходящими ссылками включает в себя различные задачи, чтобы всегда быть уверенным, что они оптимизированы. Одним из инструментов, который помогает контролировать безопасность ваших исходящих ссылок, является атрибут HTML rel = ”noopener”. Это простая вещь, но она может творить чудеса с безопасностью сайта.

В этом посте мы рассмотрим, что такое ссылка noopener и как использовать атрибут rel = ”noopener” с WordPress.

Что такое атрибут Rel = "Noopener"?

Проще говоря, атрибут rel = ”noopener” добавляется к ссылке, которая открывается в новой вкладке / окне. Когда вы добавляете ссылку в WordPress, вы можете выбрать, будет ли ссылка открываться в том же окне или в другом. Когда вы выбираете открытие в другом окне, WordPress автоматически добавляет атрибут rel = ”noopener” в ваш HTML вместе с обычным атрибутом target = ”_ blank”.

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

Но основная причина существования этого атрибута - безопасность.

Обратный табнаббинг

Атрибут rel = ”noopener” защищает сайты от злонамеренных действий, в частности от фишинг-атаки, называемой обратным табнаббированием.

Обратный переход на табуляцию - это когда вредоносный сайт использует window.opener.location.assign () для замены реальной страницы поддельной. Это работает следующим образом: страница, на которую добавляются ссылки, называемая родительской страницей, ведет к дочерним страницам по указанным ссылкам. Затем вредоносная дочерняя страница присоединяется к родительской странице с помощью window.opener.location.assign () и имитирует исходный сайт поддельным.

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

А что насчет Noreferrer?

Атрибут rel = ”noopener” работает в большинстве браузеров, кроме Firefox и других старых браузеров. Когда WordPress добавляет к вашим ссылкам атрибут rel = "noopener" по умолчанию, вы должны добавить рядом с ним атрибут rel = "noreferrer". Если вы обновились до последней версии WordPress, оба атрибута добавляются к вашим ссылкам автоматически.

Атрибут rel = ”noreferrer” укажет браузеру не собирать информацию о реферере с главной страницы, отправляющей ссылки.

Вот как должны выглядеть ваши ссылки:

 <a href="https://www.example.com" rel="noopener noreferrer" target="_blank"> пример текста привязки </a>

Как ссылка Noopener связана со ссылками Dofollow и Nofollow?

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

Например, ссылка с атрибутом rel = noopener может иметь вид dofollow или nofollow. Выбор за вами. Фактически, некоторое время назад мы опубликовали подробную статью об этом, и вам обязательно стоит ее прочитать.

Все добавленные ссылки автоматически присваиваются следующим ссылкам (dofollow). Чтобы убедиться, что они nofollow, ваши ссылки должны выглядеть так:

 <a href="https://www.example.com" rel="noopener noreferrer nofollow" target="_blank"> пример текста привязки </a>

Влияет ли ссылка Noopener на SEO?

Это миф, что ссылка с атрибутом rel = ”noopener” может повлиять на SEO. Использование ссылок noopener и noreferrer никак не повлияет на SEO. Тем не менее, Dofollow и последующие ссылки влияют на SEO!

Просто запомните это так:

• noopener и noreferrer: относятся к безопасности
• nofollow и dofollow: относятся к SEO и авторитету домена

Когда лучше использовать атрибут Rel = ”Noopener”?

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

В некоторых случаях вам может потребоваться отменить функцию добавления атрибутов rel = "noopener" и rel = "noreferral" по умолчанию. Однако мы не предлагаем вам этого делать. Это может сделать ваш сайт небезопасным.

А как насчет ваших партнерских ссылок?

Если вас беспокоит, как на ваши партнерские ссылки влияет использование атрибутов rel = "noopener" и rel = "noreferer", вам не нужно. В большинстве партнерских ссылок ваш партнерский идентификатор будет указан в самом URL-адресе, поэтому нет необходимости отправлять какую-либо реферальную информацию на дочерние партнерские страницы через ваши ссылки. Фактически, добавление атрибутов rel = "noopener" и rel = "noferrer" к вашим партнерским ссылкам должно стать обычной практикой. Вы не всегда можете быть уверены в безопасности сайтов, за которые ручаетесь.

Небольшой совет для партнерских ссылок: всегда указывайте сайты, которые, как вы можете быть уверены, безопасны. Не делайте ссылки только на миллион сайтов, которые предлагают партнерский доход от всего, что они продают. Ваши подписчики захотят нажать на ваши партнерские ссылки, если вы честны в отношении продуктов. Более того, если вы действительно просматриваете продукты, а не просто наполняете свой сайт ссылками.

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

Последние мысли об атрибуте Rel = "Noopener"

В этом посте мы рассмотрели назначение атрибута rel = ”noopener” и его сопутствующего атрибута rel = ”noreferrer”. Мы рассмотрели их назначение и то, как новое обновление WordPress теперь добавляет их по умолчанию ко всем вашим ссылкам. Тем не менее, вы всегда должны дважды проверять, делает ли это ваш WordPress. Мы также рассмотрели, как ссылки noopener связаны со ссылками dofollow и nofollow и чем они отличаются.

Помните, что атрибут rel = ”noopener” существует для обеспечения безопасности вашего веб-сайта, и вы всегда должны его использовать. Это не повлияет на ваше SEO или партнерские ссылки. Мы надеемся, что эта статья помогла вам лучше понять все это и почему важно включать атрибут в ссылки во всем своем контенте.

Сообщите нам свои мысли в комментариях, были ли вы когда-нибудь жертвой обратного табнабинга? Вы всегда используете атрибут rel = ”noopener”?

Лучшее изображение через MarySan / shutterstock.com