Rel Nofollow Explained: Understanding Link Attributes for SEO
Rel Nofollow Explained Simply: Understanding Link Attributes for SEO
Link building is a crucial part of SEO, but not all links are created equal. The rel="nofollow"
attribute tells search engines how to treat your links and can significantly impact your search rankings. Let’s break down what nofollow links are, when to use them, and how they affect your SEO strategy.
Introduction to Rel Nofollow
Definition and Purpose
The rel="nofollow"
attribute is an HTML attribute that tells search engines not to follow a specific link or pass any “link juice” (PageRank) to the linked page. It’s essentially a way to say, “I’m linking to this page, but I don’t necessarily endorse it.”
What it does:
- Prevents search engines from following the link
- Blocks PageRank flow to the linked page
- Indicates no endorsement of the linked content
- Helps manage link equity distribution
Evolution of Rel Nofollow
Historical context - introduction in 2005: Google introduced the nofollow attribute in 2005 as a response to comment spam and to give webmasters more control over their link profiles. Initially, it was a directive that completely blocked search engines from following links.
Transition from directive to hint for Google: In 2020, Google updated its policy to treat nofollow as a “hint” rather than a strict directive. This means Google may still follow nofollow links in certain circumstances, but they won’t pass PageRank.
Introduction of complementary attributes - sponsored and ugc: In 2019, Google also introduced two new attributes to provide more specific guidance:
rel="sponsored"
: For paid links and advertisementsrel="ugc"
: For user-generated content
Technical Implementation
HTML Syntax
Correct usage in anchor tags:
<!-- Basic nofollow link -->
<a href="https://example.com" rel="nofollow">External Link</a>
<!-- Combining with other attribute values -->
<a href="https://example.com" rel="nofollow noopener noreferrer">Secure External Link</a>
<!-- Using the new sponsored attribute -->
<a href="https://advertiser.com" rel="sponsored">Paid Advertisement</a>
<!-- Using the new ugc attribute -->
<a href="https://user-content.com" rel="ugc">User Generated Content</a>
Multiple rel values:
<!-- You can combine multiple rel attributes -->
<a href="https://example.com" rel="nofollow noopener noreferrer">
External Link with Multiple Attributes
</a>
Differences from Meta Robots Nofollow
Page-level vs link-level application:
<!-- Page-level nofollow (affects entire page) -->
<head>
<meta name="robots" content="nofollow">
</head>
<!-- Link-level nofollow (affects specific links) -->
<a href="https://example.com" rel="nofollow">Specific Link</a>
Impact on crawling and indexing:
- Meta robots nofollow: Prevents search engines from following ANY links on the page
- Rel nofollow: Only affects specific links, allowing other links to pass PageRank normally
When to Use Rel Nofollow
Unnatural or Non-Earned Links
Paid links and advertisements:
<!-- Sponsored content -->
<a href="https://sponsored-site.com" rel="sponsored">Sponsored Post</a>
<!-- Affiliate links -->
<a href="https://amazon.com/product" rel="sponsored">Buy on Amazon</a>
<!-- Paid reviews -->
<a href="https://review-site.com" rel="sponsored">Sponsored Review</a>
User-generated content:
<!-- Blog comments -->
<a href="https://user-site.com" rel="ugc">User's Website</a>
<!-- Forum posts -->
<a href="https://forum-user.com" rel="ugc">Forum Member's Site</a>
<!-- Social media profiles in comments -->
<a href="https://twitter.com/username" rel="ugc">@username</a>
Specific Use Cases
Widgets and embedded content:
<!-- Social media widgets -->
<div class="social-widget" rel="nofollow">
<a href="https://facebook.com/share" rel="nofollow">Share on Facebook</a>
</div>
<!-- Third-party tools -->
<a href="https://tool-provider.com" rel="nofollow">External Tool</a>
Certification badges:
<!-- Security certificates -->
<a href="https://ssl-provider.com" rel="nofollow">
<img src="ssl-badge.png" alt="SSL Secured">
</a>
<!-- Industry certifications -->
<a href="https://certification-body.com" rel="nofollow">
<img src="certified-badge.png" alt="Industry Certified">
</a>
Press releases:
<!-- External press release links -->
<a href="https://pr-wire.com/release" rel="nofollow">Press Release</a>
Internal Link Management
Filtered product pages:
<!-- Faceted navigation filters -->
<a href="/products?color=red&size=large" rel="nofollow">Red, Large</a>
<!-- Sort options -->
<a href="/products?sort=price-low" rel="nofollow">Price: Low to High</a>
Faceted navigation:
<!-- Product filters -->
<a href="/category/electronics?brand=samsung" rel="nofollow">Samsung Electronics</a>
<a href="/category/electronics?price=100-500" rel="nofollow">$100 - $500</a>
SEO Impact of Nofollow Links
Direct SEO Benefits
Potential for Google to use nofollow links for ranking: While nofollow links don’t pass PageRank, Google may still use them to:
- Discover new pages and content
- Understand your site’s context and relationships
- Index linked content for search results
- Gather information about your link profile
Impact on link equity distribution:
<!-- Page with 100 PageRank points -->
<div>
<!-- This link gets 50 PageRank points -->
<a href="/important-page">Important Internal Page</a>
<!-- This link gets 0 PageRank points -->
<a href="https://external-site.com" rel="nofollow">External Site</a>
<!-- This link gets 50 PageRank points -->
<a href="/another-important-page">Another Important Page</a>
</div>
Indirect Benefits
Traffic generation: Even without PageRank, nofollow links can still:
- Drive referral traffic to your site
- Increase brand visibility and awareness
- Generate social signals and engagement
- Create networking opportunities
Brand exposure and visibility:
<!-- Nofollow link still provides brand exposure -->
<a href="https://industry-publication.com" rel="nofollow">
Featured in Industry Publication
</a>
Google’s Approach to Nofollow
2020 Policy Update
Treatment as a hint for crawling and indexing: Google’s 2020 update changed how nofollow is interpreted:
- Nofollow is now a hint, not a directive
- Google may still crawl nofollow links
- No PageRank is passed to linked pages
- More flexible interpretation by search engines
Implications for SEO strategies:
- Nofollow links can still be discovered by search engines
- Link building strategies should focus on quality over follow status
- Natural link profiles are more important than ever
- Content quality trumps link attributes
Rel Sponsored and Rel UGC
Purpose and appropriate usage:
<!-- Use sponsored for paid links -->
<a href="https://advertiser.com" rel="sponsored">Paid Advertisement</a>
<!-- Use ugc for user-generated content -->
<a href="https://user-blog.com" rel="ugc">User's Blog</a>
<!-- Use nofollow for other non-endorsed links -->
<a href="https://external-resource.com" rel="nofollow">External Resource</a>
Google’s preferences for attribute selection:
rel="sponsored"
: For paid links, advertisements, and sponsored contentrel="ugc"
: For user-generated content like comments and forum posts- `rel=”nofollow”: For other links you don’t want to endorse
Best Practices for Link Attributes
Balancing SEO and User Experience
When to use nofollow vs dofollow links:
<!-- Use dofollow for trusted, endorsed content -->
<a href="https://trusted-partner.com">Trusted Partner</a>
<!-- Use nofollow for external, non-endorsed content -->
<a href="https://external-reference.com" rel="nofollow">Reference Material</a>
<!-- Use sponsored for paid relationships -->
<a href="https://advertiser.com" rel="sponsored">Sponsored Content</a>
Considerations for high-authority sources:
<!-- Even high-authority sites should use nofollow when appropriate -->
<a href="https://nytimes.com/article" rel="nofollow">News Reference</a>
<!-- But you can use dofollow for genuine partnerships -->
<a href="https://partner-site.com">Official Partner</a>
Avoiding Penalties
Guidelines for safe linking practices:
- Use nofollow for paid links to comply with Google’s guidelines
- Be transparent about sponsored content
- Don’t overuse nofollow on legitimate, relevant links
- Focus on quality content rather than link manipulation
Handling user-generated content:
<!-- Automatically add nofollow to user comments -->
<script>
document.querySelectorAll('.user-comment a').forEach(link => {
link.setAttribute('rel', 'ugc');
});
</script>
<!-- Or add it server-side -->
<a href="https://user-site.com" rel="ugc">User's Website</a>
Conclusion
Key Takeaways
Summary of rel nofollow best practices:
- Use nofollow for paid links and non-endorsed content
- Implement sponsored and ugc attributes for specific use cases
- Focus on quality content rather than link manipulation
- Stay updated with search engine guidelines
- Build natural link profiles over time
Importance of a balanced linking strategy:
- Mix of dofollow and nofollow links for natural profiles
- Quality over quantity in link building
- Transparency about sponsored content
- User experience as the primary goal