HTML rel="nofollow"

A rel="nofollow" attribute value on a link element specifies that the link is not endorsed and is not controlled by the current website.

Example

#

A rel="nofollow" on an <a> tag.
This link is not endorsed or controlled by the current site.

Go to Apple
Go to <a rel="nofollow" href="https://apple.com" 
         target="_blank">Apple</a>

Using rel="nofollow"

The rel attribute defines the relationship between the current page and the linked page or resource.

The rel="nofollow" value instructs search engines not to follow the outbound link.

Effectively, the current site does not want the linked page to be associated with the current site.


Syntax

<tagname rel="nofollow" href="url" />

Elements that accept rel="nofollow"

These elements accept the nofollow value on the rel attribute.

Elements Description
<a> Specifies an anchor link -- see example above
<area> Creates clickable areas inside an image map.
<form> Specifies an HTML form.

Did you know?

Did you know?

Alternatives to rel="nofollow"

The rel="nofollow" value was added with the introduction of HMTL5.

In 2019 two alternative rel values were announced: sponsored and ugc (user generated content).

The rel="sponsored" value indicates paid links or links that the site owner is compensated for.

The rel="ugc" value indicates forum posts or comments that are created by the users.

These alternatives to "nofollow" offer developers more ways to identify their links to search engines.


Browser support

Here is when rel support started for each browser:

Chrome
6.0 Sep 2010
Firefox
4.0 Mar 2011
IE/Edge
12.0 Jul 2015
Opera
11.1 Mar 2011
Safari
5.0 Jun 2010

You may also like

Guides