Rel noopener noreferrer что это такое

Ссылка – это соединение, которое позволяет вам перейти на новую страничку всего одним щелчком мыши. Таким образом, атрибут rel может быть добавлен на любой веб-сайт для обозначения прочной связи между текущей страницей и страницей по ссылке.

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

Что вам нужно знать об атрибуте rel=”noreferrer”

Оглавление статьи

  • 1 Что вам нужно знать об атрибуте rel=”noreferrer”
  • 2 Что такое реферер
  • 3 Что такое rel=noreferrer
  • 4 Что такое rel=nofollow
  • 5 Влияет ли rel=noreferrer на SEO продвижение
  • 6 Пример:
  • 7 Заключение
  • 8 Вместо заключения

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

Что такое реферер

Когда человек посещает ваш сайт, самая важная информация, которая сохраняется, — это место, откуда человек пришел. Вы получаете эту информацию в виде URL-адреса страницы, с которой пришел человек, чтобы посетить ваш сайт.

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

Что такое rel=noreferrer

Если в ссылку добавлен атрибут rel = noreferrer, информация о реферере не утечет. Конечная цель состоит не в том, чтобы не пропустить тайтл HTTP-реферера, когда человек кликает на гиперссылку. Если в тайтле нет информации, она не будет отслеживаться аналитическими инструментами.

Теперь многим из вас может быть интересно, что дает атрибут noreferrer? На самом деле он нужен для безопасности, чтобы предотвратить перехват вредными ссылками новой открытой вкладки. Обычно объект JavaScript window.opener позволяет вновь открытой вкладке управлять родительским окном.

Это может привести к фишинговой атаке и позволить хакерам собрать данные логина пользователя. Следовательно, мы используем rel=»noreferrer noopener», чтобы заблокировать использование объекта window.opener JavaScript, потому что как только window.opener перестает работать, вкладка не сможет управлять другой вкладкой.

WordPress автоматически добавляет этот атрибут из обновления 4.7.4. В этом обновлении вы могли заметить новый атрибут rel=noopener рядом с target=_»blank» в заголовке HTML. Это атрибут, который автоматически добавляется ко всем внутренним и внешним ссылкам, когда вы хотите их открыть в новой вкладке.

Что такое rel=nofollow

Когда добавлен rel=nofollow, он просит поисковые системы не переходить по определенной ссылке. Тоесть не передает полномочия веб-сайту. Главное преимущество rel=nofollow – контролировать спамерские атаки.

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

Влияет ли rel=noreferrer на SEO продвижение

Когда вы нажимаете на ссылку, ваш браузер отправляет запрос на сервер сайта ссылки и запрашивает страницу. Кроме того, он также отправляет дополнительную информацию, такую как вид браузера, страницу реферера, местоположение, устройство и т. д.

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

Пример:
<a href=»www.cheapflights.com» rel=»nofollow»>билет на самолет</a>

Здесь якорный текст «билет на самолет» имеет ссылку на www.cheapflights.com. Поскольку это ссылка nofollow, она просит поисковые системы не считывать ссылку.

<a href=»www.cheapflights.com» rel=»noreferrer»> авиабилет </a>

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

Заключение

Если обновлённый WordPress автоматически добавляет это в ссылки на вашу статью, не удаляйте его, поскольку это шаг вперед для безопасности посетителей вашего сайта. Ссылки no-referrer просто указывают браузеру скрыть источник трафика, идущий с веб-сайта.

Он останавливает передачу определенной части HTTP-информации. Существует способ деактивировать его, добавив определенный код или плагины. Но я бы этого не рекомендовал, так как это сделает ваш сайт подверженным угрозам.

Вместо заключения

Хотите выйти в ТОП10 Яндекс и долго там оставаться? Продвигайте свои сайты и интернет-магазины исключительно белыми SEO методами! Не умеете? Могу научить! Тем, кто хочет разобраться во всех премудростях SEO, предлагаю посетить мои курсы по SEO обучению, которые я провожу индивидуально, в режиме онлайн по скайпу.

Записаться на SEO обучение

Для тех, у кого нет времени проходить обучение и самостоятельно заниматься продвижением своих интернет-магазинов, предлагаю и в этом вопросе помощь. Я могу взять ваш сайт на SEO продвижение и за несколько месяцев вывести его в ТОП10 Яндекс.

Для того чтобы убедиться в моей экспертности, предлагаю ознакомиться с моими последними SEO кейсами и только после этого заказать у меня SEO продвижение. Ниже на видео один из примеров успешного продвижения строительного сайта в Санкт-Петербурге.

Заказать SEO продвижение сайта

Атрибут rel | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
10.50+4.0+

Спецификация

HTML:3. 24.015.0XHTML:1.01.1

Описание

Атрибут rel определяет отношения между текущим документом и документом, на который ведет ссылка, заданная атрибутом href. Несмотря на то, что браузеры в большинстве своем не поддерживают атрибут rel, на сайтах часто можно встретить код rel=»nofollow», предназначенный для поисковых систем Google и Яндекс. Ссылки, помеченные таким образом, не передают PageRank и ТИЦ.

Синтаксис

<a rel="строка">...</a>

Обязательный атрибут

Нет.

Значения

Некоторые возможные значения перечислены ниже.

answer
Ответ на вопрос.
chapter
Раздел или глава текущего документа.
co-worker
Ссылка на страницу коллеги по работе.
colleague
Ссылка на страницу коллеги (не по работе).
contact
Ссылка на страницу с контактной информацией.
details
Ссылка на страницу с подробностями.
edit
Редактируемая версия текущего документа.
friend
Ссылка на страницу друга.
question
Вопрос.

Весь список значений можно посмотреть по адресу http://wiki.whatwg.org/wiki/RelExtensions

В HTML5 поддерживается следующие значения.

archives
Ссылка на архив сайта.
author
Ссылка на страницу об авторе на том же домене.
bookmark
Постоянная ссылка на раздел или запись.
first
Ссылка на первую страницу.
help
Ссылка на документ со справкой.
index
Ссылка на содержание.
last
Ссылка на последнюю страницу.
license
Ссылка на страницу с лицензионным соглашением или авторскими правами.
me
Ссылка на страницу автора на другом домене.
next
Ссылка на следующую страницу или раздел.
nofollow
Не передавать по ссылке ТИЦ и PR.
noreferrer
Не передавать по ссылке HTTP-заголовки.
prefetch
Указывает, что надо заранее кэшировать указанный ресурс.
prev
Ссылка на предыдущую страницу или раздел.
search
Ссылка на поиск.
sidebar
Добавить ссылку в избранное браузера.
tag
Указывает, что метка (тег) имеет отношение к текущему документу.
up
Ссылка на родительскую страницу.

Значение по умолчанию

Нет.

Пример 1

HTML 4.01IECrOpSaFx

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег А, атрибут rel</title>
 </head>
 <body>
  <p><a href="http://ya.ru" rel="nofollow">Наш ответ Яндексу</a></p>
 </body>
</html>

Пример 2

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Добавить в избранное</title>
 </head>
 <body>
  <p><a href="http://htmlbook. ru" rel="sidebar">Добавить в избранное</a></p>
 </body>
</html>

Браузеры

Firefox поддерживает значение prefetch и sidebar. Opera поддерживает значение sidebar.

  • Добавить в избранное
  • Что всё это значит?

Объяснение: значения noopener, noreferrer и nofollow

В этом посте объясняется, что такое rel=”noopener noreferrer nofollow”, их использование, безопасность и последствия для поисковой оптимизации (SEO).

Вибор Чипан

Если вы занимаетесь веб-разработкой или поисковой оптимизацией (SEO), скорее всего, вы сталкивались с терминами noopener, noreferrer и nofollow. Что такое noopener noreferrer? Как насчет nofollow? В этом посте мы объясняем их все и их значение для SEO и веб-безопасности.

Введение

Все три термина (noopener, noreferrer и nofollow) являются значениями атрибута rel тега привязки в HTML. Возможно, nofollow является наиболее известным среди веб-разработчиков и SEO-специалистов.

Anchor Тег обычно используется в HTML для определения URL/ссылки. Например, рассмотрим следующую строку кода.

 
  Щелкните здесь, чтобы посетить веб-сайт Point Jupiter.
<а>

Вы видите, что используется атрибут href (href из гипертекстовой ссылки), который используется, и что значением этого атрибута является веб-адрес домашней страницы Point Jupiter. Далее следует текст, который отображается вам как пользователю. В зависимости от вашего CSS и браузера этот текст может быть подчеркнут, окрашен по-разному или и то, и другое.

Тег привязки может иметь множество различных атрибутов, один из которых — rel (отношение rel происходит от RELationship). Ключевой темой этого сообщения в блоге являются noopener, noreferrer и nofollow — все три из них являются значениями атрибута rel.

Снова рассмотрим следующую строку кода.

 Нажмите здесь, чтобы посетить веб-сайт Point Jupiter.

Вы можете быстро заметить три значения атрибута rel . Но теперь вы также можете увидеть целевой атрибут со значением

_blank . Эта часть кода указывает веб-браузеру открыть эту ссылку в новой вкладке.

И это главная причина, по которой такие значения, как 9Используются 0017 noopener и noreferrer . Это также является основной причиной потенциальных проблем безопасности и фишинга.

Давайте обсудим их более подробно и их важность для SEO и безопасности, а также когда вы должны добавить rel , добавить nofollow и каково значение добавления rel noopener.

Что такое noopener?

Когда вы используете значение target=" _blank" , происходит нечто интересное. Страница, на которую вы ссылаетесь, получает частичный доступ к странице ссылки. Это происходит через window.opener объект.

Затем страница ссылки может использовать window.opener.location для открытия вредоносного веб-сайта.

Использование целевого _blank может привести к проблемам с безопасностью. Фото Маркуса Списке на Unsplash.

Это может быть использовано для фишинговых атак. Рассмотрим следующий сценарий.

Вы создаете вредоносный веб-сайт и размещаете на нем вирусный контент. Затем вы делитесь этим веб-сайтом в социальных сетях или других источниках, которые открывают внешние ссылки, используя target="_blank" . Facebook является ярким примером здесь.

Ничего не подозревающий пользователь нажимает на ссылку, и ваша веб-страница открывается в новой вкладке. В этот момент ваш вредоносный веб-сайт теперь контролирует предыдущую вкладку («Facebook»). Используя window.opener.location , он переходит на новый сайт — скажем, форму входа, имитирующую экран входа в Facebook с сообщением: «Ваш предыдущий сеанс Facebook истек. Пожалуйста, войдите в систему еще раз, чтобы продолжить использование Facebook».

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

Это всего лишь гипотетический случай, поскольку Facebook использует rel="noopener" в своих ссылках target=" _blank" . Но вы поняли.

Подробнее

Использование noopener эффективно указывает браузеру открыть ссылку в новой вкладке без предоставления контекстного доступа к веб-странице, которая открыла ссылку. Это достигается за счет того, что свойство window.opener не устанавливается, что возвращает нулевое значение.

Указывает браузеру открыть ссылку, не предоставляя новому контексту просмотра доступ к документу, который ее открыл — не устанавливая window.opener в открытом окне (он возвращает ноль ).

Таким образом, атрибут и значение rel= "noopener" никак не влияют на поисковую оптимизацию (SEO). Это SEO-агностик. Но его стоит использовать в тех случаях, когда вы имеете дело со ссылками с целевым пробелом.

Что такое noreferrer?

Аналогично по своим функциям noopener , noreferrer также не позволяет вновь открытому сайту манипулировать объектом window.opener . Но, кроме того, noreferrer запрещает браузеру при переходе на другую страницу отправлять адрес ссылающейся веб-страницы.

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

Опять же, noreferrer также не влияет на SEO, но может исказить цифры в вашем программном обеспечении для аналитики и отслеживания, сообщая о большем прямом трафике.

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

Итак, когда следует использовать noreferrer и когда noopener ? Я предлагаю вам рассмотреть возможность использования обоих. Большинство современных браузеров поддерживают noopener, в некоторых случаях, если noopener не поддерживается, можно использовать noreferrer .

Это означает, что с практической точки зрения имеет смысл использовать их оба для поддержки старых браузеров. Но лучшим подходом было бы вообще избегать использования target="_blank" . Если только у вас нет веских причин для его использования.

Ознакомьтесь с некоторыми хорошими и плохими причинами использования значения _blank.

Что такое nofollow?

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

Это так называемые обратные ссылки. Но не все ссылки одинаковы.

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

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

Введите rel="nofollow" . Как и его родственники noopener noreferrer , nofollow является значением атрибута rel . Когда вы добавите это значение, оно будет сигнализировать поисковым системам о том, что вы не хотите передавать ваш ссылочный вес/PageRank странице, на которую вы ссылаетесь.

 Нажмите здесь, чтобы посетить веб-сайт Point Jupiter.

В приведенной выше строке кода мы помещаем все три значения — добавляя значение nofollow , мы сигнализируем Google, что PageRank/ссылочный вес не передается на веб-сайт pointjupiter.com.

Когда следует использовать nofollow?

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

Кроме того, Google и другие поисковые системы требуют, чтобы вы использовали nofollow для всех рекламных ссылок и рекламы. То же самое относится к ссылкам в пресс-релизах и различным видам платных ссылок.

Немного о терминологии – noopener noreferrer nofollow

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

Заключение

Существуют три основных значения rel атрибут тега привязки. Это noreferrer , noopener и nofollow .

Поделитесь этой статьей

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

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

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

  • 1 Что такое rel=”noopener noreferrer”?
    • 1.1 новичок
    • 1,2 нереферер
    • 1,3 Использование с rel=»nofollow»
  • 2 Когда использовать «noopener noreferrer»
  • 3 Общее влияние «noopener noreferrer» на SEO
  • 4 Заключение

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

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

предотвращает:

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

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

  google.com/" target="_blank" rel="noopener noreferrer">

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

ноупенер

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

noopener . Согласно MDN,

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

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

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

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

нет реферера

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

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

Если кто-то переходит на ваш веб-сайт по ссылке, которая не содержит , а не , включает noreferrer , вы сможете увидеть его веб-сайт в списке ссылок для реферального трафика на панели управления Google Analytics. Но если ссылка включает noreferrer , он появится в прямом трафике. Вы можете найти эти списки в Google Analytics в разделе Acquisition > All Traffic > Channels и Acquisition > All Traffic > Referrals .

Он по-прежнему будет передавать «ссылочный вес» для 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” обеспечат лучшую поисковую оптимизацию на странице, потому что пользователи останутся на вашем сайте, даже если они перейдут на другой.

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

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

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

No related posts.