HtmlConceptBeginner · 3 min read

What is Nofollow in HTML Link: Meaning and Usage

The nofollow attribute in an HTML link tells search engines not to follow that link or pass any ranking credit to the linked page. It is added as rel="nofollow" inside the <a> tag to control how search engines treat the link.

⚙️

How It Works

Imagine you are giving a recommendation to a friend about a restaurant. If you say "I recommend this place," your friend might trust your opinion and visit it. But if you say "I heard about this place but I don't vouch for it," your friend might be less likely to trust that recommendation.

In the web world, links are like recommendations. When you link to another website, search engines see it as a vote of confidence. The nofollow attribute tells search engines, "Don't count this link as a recommendation." It means the link exists for users to click, but search engines should not follow it or give the linked page any credit for ranking.

This helps website owners control which links influence search rankings and avoid passing credit to untrusted or paid links.

💻

Example

This example shows a normal link and a link with rel="nofollow". The nofollow link tells search engines not to follow or count it for ranking.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Nofollow Link Example</title>
</head>
<body>
  <p>Normal link: <a href="https://example.com">Visit Example.com</a></p>
  <p>Nofollow link: <a href="https://example.com" rel="nofollow">Visit Example.com (nofollow)</a></p>
</body>
</html>

Output

Normal link: Visit Example.com Nofollow link: Visit Example.com (nofollow)

🎯

When to Use

Use rel="nofollow" when you want to link to a page but do not want to endorse it for search engines. Common cases include:

Paid or sponsored links to comply with search engine rules.
User-generated content like comments or forums where you can't control all links.
Links to untrusted or low-quality sites.
Preventing passing ranking credit to certain pages.

This helps keep your site’s reputation safe and follows search engine guidelines.

✅

Key Points

nofollow is an attribute added inside the <a> tag as rel="nofollow".
It tells search engines not to follow the link or pass ranking credit.
The link still works for users to click and visit.
It is useful for paid links, untrusted sites, or user-generated content.
Using nofollow helps control your site’s SEO and trustworthiness.

✅

Key Takeaways

Add rel="nofollow" to links you don’t want search engines to follow or credit.

Nofollow links still work for users but don’t influence search rankings.

Use nofollow for paid, sponsored, or untrusted links to follow search engine rules.

It helps protect your site’s SEO reputation and control link influence.

Normal links pass ranking credit; nofollow links do not.