Все для начинающих интернет-предпринимателей

Что такое rel = ”noopener” в WordPress (Разъяснение)

noopener-v-wordpress

Приветствуем вас! Недавно один из наших читателей спросил нас: что такое rel = ”noopener” в WordPress? В этой статье мы расскажем, что такое rel = ”noopener” в WordPress и как этот атрибут влияет на ваш сайт.

Что такое rel = ”noopener” в WordPress?

Если вы решите открыть ссылку в новом окне, WordPress добавит этот атрибут к вашей ссылке. rel = ”noopener” — это атрибут HTML, который добавляется ко всем ссылкам WP, выбранным для открытия в новой вкладке браузера.

Он также сопровождается атрибутом rel = ”noreferrer”. Эта функция была введена в вордпресс для устранения уязвимости безопасности, которая может быть использована вредоносными веб-сайтами.

Есть некоторые функции JavaScript, которые позволяют новой вкладке получить контроль над своим ссылающимся окном.

Если вы ссылаетесь на внешний веб-сайт, на который распространяется вредоносный код, этот веб-сайт может использовать window.opener свойство JavaScript, чтобы изменить исходную страницу (ваш веб-сайт) для кражи информации и распространения вредоносного кода.

Добавление rel = ”noopener” не позволяет новой вкладке воспользоваться этой функцией JavaScript.

Точно так же атрибут rel = ”noreferrer” предотвращает передачу информации о реферере на новую вкладку.

Когда вы добавляете ссылку и выбираете «Открыть в новой вкладке», WP добавит rel = «noopener» и rel = «noreferrer» к коду ссылки.

HTML-код, сгенерированный WordPress, выглядит следующим образом:

<a href="https://kopslav.ru/" target="_blank" rel="noreferrer noopener" aria-label="This is an external link (opens in a new tab)">demo link</a>

Как rel = ”noopener” влияет на SEO?

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

В чем разница между noopener и nofollow?

Легко смешать rel = ”noopener” с rel = ”nofollow”. Они совершенно разные.

Атрибут noopener предотвращает хакерский взлом вашего сайта и повышает безопасность.

С другой стороны, атрибут nofollow предотвращает передачу ссылочного веса на связанный сайт.

Поисковые системы ищут и учитывают атрибут nofollow при переходе по ссылке на вашем сайте. Однако они не учитывают тег noopener.

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

Влияет ли rel = ”noreferrer” на партнерские ссылки в WordPress?

Rel = ”noreferrer” не влияет на партнерские ссылки. Некоторые пользователи считают, что это так, потому что rel = ”noreferrer” не позволяет передавать информацию о реферере на новую вкладку.

Тем не менее, большинство партнерских программ предоставляют вам уникальный URL-адрес с вашим партнерским ID. Это означает, что ваш идентификатор партнера передается в качестве параметра URL для отслеживания другим веб-сайтом.

Во-вторых, большинство аффилированных маркетологов используют плагин маскировки ссылок для партнерских ссылок.

При закрытии ссылки партнерская ссылка, по которой переходят ваши пользователи, фактически является собственным URL вашего сайта, который затем перенаправляет пользователей на целевой URL.

Как отключить rel = ”noopener” в WordPress?

Нет необходимости удалять rel = ”noopener” из ссылок на вашем сайте. Этот атрибут хорошо влияет на безопасность вашего сайта и не оказывает никакого влияния на производительность или SEO вашего проекта.

Однако, если вы хотите все таки удалить его, вам придется отключить редактор блоков Gutenberg в и использовать старый классический редактор. После этого вам нужно будет добавить следующий код в файл functions.php вашей темы.

add_filter ('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener ( $mceInit ) {
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
}

Примечание. Мы не рекомендуем удалять rel = ”noopener". Без веских для этого причин.

Мы надеемся, что эта статья помогла вам узнать о rel = ”noopener” в WordPress. А у нас на этом все. Всем пока!

С уважением Вячеслав и Валерия!

Понравился материал? Поделитесь с друзьями!

Добавить комментарий Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *