SyntaxShelf

Nofollow

2 snippets in HTML & CSS

HCHTML & CSS

Link Relationships (rel)

HC · Links & Navigation
Syntax
<a href="url" rel="value">text</a>
Example
<a href="https://partner.com" rel="nofollow">Sponsored Partner</a>
<a href="/next-page" rel="next">Next Page</a>
<link rel="preconnect" href="https://fonts.example.com">

Note Common rel values: nofollow (tells search engines not to follow), noopener (security for new tabs), preconnect (early connection to external origins), canonical (preferred URL).

Robots Meta Tag

HC · Meta & SEO
Syntax
<meta name="robots" content="index, follow">
<meta name="robots" content="noindex, nofollow">
Example
<meta name="robots" content="noindex, nofollow">
<!-- Use on staging, admin, or private pages -->

<meta name="robots" content="index, follow">
<!-- Default behavior, but explicit is fine -->

Note noindex prevents a page from appearing in search results. nofollow tells crawlers not to follow links on the page. For specific bots, use their name instead of robots (e.g., googlebot).

Frequently asked questions

How does HTML & CSS handle nofollow?
HTML & CSS covers this with 2 copy-ready snippets on this page. The "Link Relationships (rel)" snippet in HTML & CSS uses `<a href="url" rel="value">text</a>`.
Which code does the HTML & CSS example use?
The "Link Relationships (rel)" snippet uses `<a href="url" rel="value">text</a>`, from the Links & Navigation section of the HTML & CSS cheat sheet.
What other HTML & CSS snippets are shown for "nofollow"?
Besides "Link Relationships (rel)", this page also shows "Robots Meta Tag".
Is there anything to watch out for?
Yes. For "Link Relationships (rel)": Common rel values: nofollow (tells search engines not to follow), noopener (security for new tabs), preconnect (early connection to external origins), canonical (preferred URL).

Browse all tasks by intent