Rel noopener noreferrer что это

Содержание

Description

Manage all external & internal links on your site. Control icons, nofollow, noopener, ugc (User Generated Content), sponsored and if links open in new window or new tab.


WP External Links plugin was completely rebuilt in v2 and has lots of new features, like noopener, ugc and sponsored values for rel; font icons, internal links options and full WPMU support.

Features

  • Manage external and internal links
  • Open links in new window or tab
  • Add follow or nofollow (for SEO)
  • Add noopener and noreferrer (for security)
  • Add ugc (User Generated Content) and sponsored values to rel (Google announcement)
  • Add link icons (FontAwesome and Dashicons)
  • Set other attributes like title and CSS classes
  • Scan complete page (or just posts, comments, widgets)
  • SEO friendly

And more…

  • Network Settings (WPMU support)
  • Use template tag to apply plugin settings on specific contents
  • Set data-attribute to change how individual links will be treated
  • Use built-in actions and filters to implement your specific needs

On the fly

The plugin filters the output and changes the links on the fly. The real contents (posts, pages, widget etcetera) will not be changed in the database. When deactivating the plugin, all contents will be the same as it was before.

Like the plugin? Rate it to support the development.

Documentation

After activating you can set all options for external and internal links.

Data attribute “data-wpel-link”

Links being processed by this plugin will also contain the data-attribute . The plugin could set the value to , or , meaning how the link was processed.

You can also set the data-attribute yourself. This way you can force how the plugin will process certain links.

When you add the value , the link will be completely ignored by the plugin:

Action “wpel_link”

Use this action to change the link object after all plugin settings have been applied.

The link object is an instance of class.

Action hook “wpel_before_apply_link”

Use this action to change the link object before the plugin settings will be applied on the link. You can use this filter f.e. to ignore individual links from being processed. Or change dynamically how they will be treated by this plugin.

Filter hook “wpel_apply_settings”

When filter returns false the plugin settings will not be applied. Can be used when f.e. certain posts or pages should be ignored by this plugin.

Відгуки

http-equiv=»Content-Type» content=»text/html;charset=UTF-8″>lass=»plugin-reviews»>

Very nice plugin

Found it perfect to remove external links from the site in one go

I am building a complicated multilingual multi-CMS monster of a site where two languages are set in ‎‎different directories and two are Joomla sites in different subdomains of the main domain. Being ‎completely self-taught in coding, I’ve spent ‎days trying different scripts that would force the custom ‎WPML language switcher to open only the ‎two Joomla sites in new tabs. Then I stumbled upon this ‎plugin and it solved my problem in a couple of ‎clicks. Great job guys! This is exactly what plugins should ‎be like — neat, elegant, easy to use and ‎efficient.‎

I give 3 instead of zero stars because it could be me as well. But following the instructions to set all external links to nofollow doesn’t seem to change anything. The SEO tools I use still complain about external dofollow links, which I tried to set to nofollow (global).

Working with no problem, as always!

Very clear and convenient plugin

How to add the nofollow tag to your links

It’s easy to manually add the nofollow tag by simply inserting rel=nofollow to your link’s HTML (see above for an example).

However, if you’re not comfortable creating or monitoring nofollow tags on your WordPress site, I’d strongly recommend using a plugin like Ultimate Nofollow. Rather than having to mess around in the HTML of your content, the plugin shows a checkbox next to each link you add so you can decide whether you want the link followed or not.

The plugin lets you easily add or remove the nofollow tag from all of your blog comments, which can be common sources of spammy links. It also gives you the option to nofollow all your blogroll links, which can be handy if you use that spot for paid advertiser links.

How to Check nofollow Links in Your Browser

Now you have already learned how to make a link nofollow in WordPress.

It would be a good idea if you can check whether the method you have implemented to make links nofollow is working or not.

There are two easy ways to check the nofollow links on a webpage:

#1 Check nofollow link using the ‘Inspect Element’ feature of the browser

  • Open a webpage in any modern browser (Chrome, Firefox or Opera) and head over to the link you want to check.
  • Right click on the link and,
  • Select the ‘Inspect’ option (in case of Chrome).
  • A dock will open in the bottom/right-side of your browser.
  • And you will find the HTML view of that link with rel nofollow tag, that’s it. Screenshot of the same are given below.

Checking Nofollow Link in Chrome Inspect Element Feature Nofollow Link in Chrome Inspect Element

#2 Check All nofollow links on a Webpage using Google Chrome extension

  • There is a Google Chrome extension called NoFollow .
  • Install this extension and reload the webpage.
  • All the nofollow links on that webpage will get highlighted with a dotted-red-box around the link. The below-given screenshot is for your reference.

Checking Nofollow Links in Webpage using Chrome Extension

Like this Chrome Extension?

Here is a Complete List of Useful Google Chrome Extensions for Bloggers and Developers.

Зачем нужен ?

Тег <noindex> очень важен, если вы хотите, чтобы часть текста, со всеми анкорами ссылок и т.д., не индексировалась и не попала в поисковую базу Yandex. Например, у вас на странице может быть служебная информация, или блок текста с сайта, который используется как негативный пример. Вы не хотите, чтобы поисковик  связал ваш сайт с данным текстом или индексировал служебную информацию и сохранил у себя в базе. Для этого данный блок обрамляется тегом <noindex>.

К сожалению, такого инструмента для Google не существует

Вполне возможно, что Google или консорциум W3C в будущем обратят внимание на данный тег или придумают свой, и веб-мастера получат в свой инструментарий еще один полезный инструмент

Conclusion

Both the methods (manual & plugin method) to add nofollow links in WordPress have their own importance.


The manual method, that involves the use of attribute/tag is useful to make links nofollow in posts, pages, and widgets, etc.

On the flip side, Nofollow Links WordPress Plugin is easy and time-saver method to add nofollow links in posts, pages, and text-based custom post types.

Hopefully, you find this article useful to make nofollow links in WordPress with/without plugin.

Which method you prefer to make links nofollow in WordPress and Why?

Have questions? Shot them via comments, I will be happy to help.

Cheers!

Further, you might like reading…

  • Best SEO Friendly Permalink Structure in WordPress
  • 8+ Best Free WordPress Quiz Plugins to Conduct a Quiz
  • Best WordPress eCommerce Plugins – Reviewed & Compared
  • 7 Quick Tips to Optimize WordPress Website for Mobile Users
  • How to Show or Hide Widgets on Specific Pages in WordPress

What’s the nofollow tag?

You may be a little more familiar with this tag. It essentially tells Google not to pass any value through links that use this tag. Most often the nofollow tag is used to stop «link juice» from passing to an administrative page on a site (e.g., a sign-in page that you don’t need to rank for), or to an advertiser’s URL as per Google’s paid link policy.

As with noreferrer, the nofollow tag is added at the individual link level and looks something like this:

<a href=»signin.php» rel=»nofollow»>sign in</a>

As may seem obvious, Google doesn’t follow these links, and doesn’t pass PageRank across links using this tag.

Besides being used for paid and administrative links, the nofollow tag is often used to restrict PageRank from being passed through links in blog comments or guestbook entries. You can also use nofollow when linking to sites where reputation or credibility may be an issue.

What Is rel=”noferrer”?

The noreferrer attribute prevents the website you are linking to to know where the link is coming from.

For the noreferrer attribute it would look like the link below in the HTML code.

<a href=”https://www.agreatwebsite.com” rel=”noreferrer”>View A Great Website</a>

For example, if I link to www.marysgreatwebsite.com from my website and use the noreferrer tag in the link, they will not see my website as the referrer in their analytics.

noreferrer links will show in the Direct traffic source in Google Analytics but if it is a nofollow link it will show in the Referral area.

When Should noreferrer Be Used?

Honestly, I have only used noreferrer once in an outbound link in all of my web existence and that was because I was using a website as a “bad example” in a web designs trend post and did not want to the website owner to know! Outside of that I cannot really think of another reason you would want to use it.

What Are rel=”noopener”, rel=”noreferrer”?


rel=”noreferrer” indicates that no referrer information should be leaked when the link is clicked – browser will not send an HTTP Referrer header if someone clicks the link. HTML5 specs has full description of this attributes :

Vim

https://html.spec.whatwg.org

1 httpshtml.spec.whatwg.org

If a link is created with rel=”noreferrer” to a different webpage that technically will target a new window to open without passing referrer information but it is practical to give both target=”_blank” and rel=”noreferrer” attributes to the link to achieve the goal. Hence, directly none will know where from the backlinks are coming. But search engines of these days have artificial intelligence, powered by machine learning. Search engines actually can calculate in complicated roundabout way. But other bad bots, data thieves, attackers will not know.

rel=”noopener” is performance booster. The random numbers generated by the browsers are kept generating at 60fps. Google has documentations :

Vim

https://developers.google.com/web/tools/lighthouse/audits/noopener

1 httpsdevelopers..comwebtoolslighthouseauditsnoopener

Here is good demo of the above things :

Vim

https://mathiasbynens.github.io/rel-noopener/

1 httpsmathiasbynens.github.iorel-noopener

My SEO Expert Said That rel=”noopener”, rel=”noreferrer” Are Bad?

Link relationship is quite old matter, there are HTML5 standards and Google web search really do not use old way but use machine learning. Link without rel=”nofollow” always will be passing link juice. Adding rel=”nofollow” is a deliberate attempt.

My WordPress doing bad around SEO after rel=”noopener”, rel=”noreferrer”

It is normal for Google like web search to re-crawl, calculate and understand the meaning. There can not be any bad effect as end result. Indeed, increasing security, privacy and page loading time will make on page SEO better.

Will I sell link with rel=”noopener”, rel=”noreferrer”?

As there is no meaning of explaining so much about rel=”noopener”, rel=”noreferrer” theories, it is profitable to follow the traditional convention. Their site actually would be better indicated and loaded slightly faster with rel=”noopener”, rel=”noreferrer”. What makes money and does not violate search engine, Ad network policies for you, you can perform. If you sell mass external links with rel=”noopener”, rel=”noreferrer”; search engines will learn that it is a bad site – it is about mathematical logic.

Tagged With rel=noopener noreferrer , noopener noreferrer , rel noopener noreferrer , rel=noopener , no referrer no opener , rel noreferrer noopener , what is rel=noopener , noreferrer , noreferrer nooperner security , rel noopener

Take The Conversation Further …

We’d love to know your thoughts on this article.Meet the Author over on to join the conversation right now!

If you want to Advertise on our Article or want a Sponsored Article, you are invited to Contact us.

Contact Us

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

Ссылки эквивалентны драгоценным камням, которые вы можете найти в пещере среди других обычных камней. Есть много агентств по линкбилдингу, которые обещают предоставить вам лучшие ссылки. Но они скрывают от вас некоторые секреты. При существующих услугах по разработке веб-сайтов было бы разумно, если бы мы могли следить за тем, присутствует ли в ссылках атрибут 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 нулевое

Пример:

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

Заключение

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

Тег noindex

Многие, почему то считают что закрывающий тег noindex и атрибутrel=« nofollow», спасут их от какого то  поражения, удержат в целости и сохранности вес страницы  и выведут статьи в ТОП-10. Начнем с тега noindex. Да, он закрывает участок текста, обвернутый в него, от индексации, поисковик Яндекс, участок такого текста не видит.

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

Википедия, к примеру, давно уже не оборачивает исходящие ссылки в тег noindex, в отличии от nofollow, и при всем этом находится на первых местах выдачи

Стоит ли на это обратить внимание, решать вам

Так зачем же вообще тогда использовать тег noindex? Вопрос который может посетить многих. Его нужно использовать для того, что бы, спрятать от индексации кода различных счетчиков (liveinternet, счетчики ТИЦ и PR и др.,) их на некоторых начинающих сайтах просто целая куча, хозяева таких проектов, наверное,  думают, что счетчики приносят удачу :-), а на самом деле 99% из них бесполезны. Вот их и можно закрыть тегом noindex.

Также закрывается, не уникальный контент, дублирующие  участки текста страницы, формы подписки, баннеры и тому подобное. Вот пример, как правильно оборачивать ненужный текст от индексации в тег noindex: <noindex>Данный текст закрыт от поисковиков</noindex> То есть, текст который находится между <noindex> и </noindex>, является  участком который мы предлагаем поисковикам не индексировать.

Опис

Manage all external & internal links on your site. Control icons, nofollow, noopener, ugc (User Generated Content), sponsored and if links open in new window or new tab.

WP External Links plugin was completely rebuilt in v2 and has lots of new features, like noopener, ugc and sponsored values for rel; font icons, internal links options and full WPMU support.

Features

  • Manage external and internal links
  • Open links in new window or tab
  • Add follow or nofollow (for SEO)
  • Add noopener and noreferrer (for security)
  • Add ugc (User Generated Content) and sponsored values to rel (Google announcement)
  • Add link icons (FontAwesome and Dashicons)
  • Set other attributes like title and CSS classes
  • Scan complete page (or just posts, comments, widgets)
  • SEO friendly

And more…

  • Network Settings (WPMU support)
  • Use template tag to apply plugin settings on specific contents
  • Set data-attribute to change how individual links will be treated
  • Use built-in actions and filters to implement your specific needs

On the fly

The plugin filters the output and changes the links on the fly. The real contents (posts, pages, widget etcetera) will not be changed in the database. When deactivating the plugin, all contents will be the same as it was before.

Like the plugin? Rate it to support the development.

Documentation

After activating you can set all options for external and internal links.

Data attribute “data-wpel-link”

Links being processed by this plugin will also contain the data-attribute . The plugin could set the value to , or , meaning how the link was processed.

You can also set the data-attribute yourself. This way you can force how the plugin will process certain links.

When you add the value , the link will be completely ignored by the plugin:

Action “wpel_link”

Use this action to change the link object after all plugin settings have been applied.

The link object is an instance of class.

Action hook “wpel_before_apply_link”

Use this action to change the link object before the plugin settings will be applied on the link. You can use this filter f.e. to ignore individual links from being processed. Or change dynamically how they will be treated by this plugin.

Filter hook “wpel_apply_settings”

When filter returns false the plugin settings will not be applied. Can be used when f.e. certain posts or pages should be ignored by this plugin.


С этим читают