How Do I Use rel Attributes on External Links in Webflow in 2026?

Do you know what happens when you link out to another site?

Most people paste a link and move on. I used to as well. But the small rel attribute on that link tells Google how to treat it and tells the browser how to keep your visitors safe. Get it right and you protect your SEO and your users. Ignore it and you leak trust you did not mean to give.

What are rel attributes on a link, and why do they matter?

A rel attribute is a small label on an HTML link that describes the link's relationship to the page it points to. It matters because search engines like Google use it to decide whether to pass ranking credit, and browsers use some rel values to close security holes. One word in the link can change both.

The attribute lives inside the anchor tag, like rel="nofollow". You can add more than one value at once, separated by a space. MDN Web Docs lists the full set of values a link can take. For everyday sites, only a handful matter, and I will walk through those.

What is the difference between nofollow, sponsored, and ugc?

Nofollow tells Google not to pass ranking credit to the linked page. Sponsored marks a paid or affiliate link. Ugc marks a link inside user generated content, like a comment or forum post. Google introduced rel="sponsored" and rel="ugc" in September 2019 to give sites clearer ways to describe links.

Before that, nofollow did all three jobs at once. Now you can be specific. If you link to an advertiser, use sponsored. If a reader drops a link in a comment, use ugc. If you just do not want to vouch for a page, use nofollow. You can combine them, so rel="ugc sponsored" is valid.

Does nofollow still matter for SEO in 2026?

Yes, but it works as a hint now, not a hard rule. In its 2019 update, Google said it would treat nofollow, sponsored, and ugc as hints for ranking. For crawling and indexing, nofollow became a hint on March 1, 2020. That means Google may still choose to crawl and consider the link, but you have signaled your intent.

For a normal Webflow business site, this is not something to obsess over. You still want to mark paid links honestly, because that is what Google asks for and it keeps you out of trouble. Tools like Semrush and Ahrefs can show you which outbound links you have, but you do not need them to follow a simple rule.

Should I add noopener and noreferrer to external links?

For links that open in a new tab, yes, noopener is the important one. It stops the new page from getting access to your original page through the browser, which closes a known security risk. Noreferrer goes further and hides where the click came from, which also blocks that same risk.

Here is the good news. Modern browsers now add noopener by default when a link opens in a new tab. So you are mostly covered already. I still set it on purpose for older setups and peace of mind. I skip noreferrer on most links, because I like passing referral data to sites I trust, but I add it for links I do not.

How do I set rel attributes on a link in Webflow?

Add a custom attribute to the link element in the Webflow Designer. Select the link, open the settings panel, find the custom attributes area, and add a name of rel with a value like nofollow or sponsored. For a link that opens in a new tab, Webflow already offers the new tab toggle, and modern browsers handle noopener from there.

For links inside CMS rich text, Webflow does not expose a rel field on each link, so those follow the default behavior. If you need strict control on rich text links, that is a job for a small script or careful editing. For most sites, the built in attribute setting on normal links is enough.

Which links should get which rel value?

Use sponsored for paid and affiliate links, ugc for anything a visitor posts, and nofollow when you do not want to vouch for a page. Leave your trusted links plain, so they pass full credit. That is the whole system. I do not add nofollow to good sources, because linking out to strong pages is a healthy signal.

People often over-apply nofollow out of fear. I did too, years ago. Linking to a real source with a plain link tells Google and readers that you did your homework. It also fits how I build my internal link architecture, where the goal is to guide, not to hoard credit.

Do rel attributes affect how AI search reads my site?

Not directly, but honest linking supports the trust that AI search rewards. Google AI Overviews and similar tools favor pages that behave like good web citizens. Marking paid links, citing real sources, and keeping a clean link profile all fit that pattern. A messy, spammy outbound profile does the opposite.

So I treat rel attributes as part of basic site hygiene, next to canonical tags and a clean sitemap. If you want the full picture there, I wrote about the Webflow SEO settings people ignore. Rel handling belongs on that same checklist.

What is a simple rel policy I can follow?

Keep four rules. Paid link, use sponsored. Visitor link, use ugc. Link you do not endorse, use nofollow. Trusted source, leave it plain. For new tab links, let the browser handle noopener, and add noreferrer only for pages you do not trust. That is a policy you can teach a junior teammate in five minutes.

Do internal links on my own site need rel attributes too?

No, links between your own pages should almost always stay plain. You want ranking credit to flow freely around your own site, so adding nofollow to internal links works against you. The rel attributes for controlling credit are meant for links that leave your site, not for the ones that connect your own pages.

There is one small exception. If you link to your own login page, a cart, or a page you do not want crawled much, you might choose to hold it back, but even that is rarely needed. For a normal Webflow business site, I keep every internal link plain and let credit move around freely. That approach fits how I plan site structure, where the goal is to guide both people and search engines smoothly from one page to the next. Save the rel attributes for the outside world.

What do I tell clients about linking out?

I tell them linking out is not scary, and hiding every link is not smart. Good outbound links make a page more useful and more trusted. The rel attribute is just how we stay honest about the few links that are paid or user posted. That honesty protects the site's standing with Google and with readers.

If you are cleaning up a Webflow site and are not sure which links need which value, I am happy to review your key pages and set a simple standard your team can follow. Reach out and we can sort it in one pass. You may also want to pair this with a smart robots.txt setup for AI bots.