Loading...

Different types of links in the context of SEO

question front-end seo
Ram Patra Published on December 31, 2024

In the context of SEO, there are different types of links defined by the rel attribute in <a> tags. Here’s an overview:

  • Definition: These are standard links without a rel attribute or with one that doesn’t block search engines from following the link.
  • Effect: Pass SEO “link juice” (ranking power) from the linking site to the linked site.
  • Default: By default, all links are DoFollow unless explicitly marked otherwise.
  • Definition: Links with rel="nofollow".
  • Effect: Instruct search engines not to pass SEO link juice to the linked site. These links are still clickable for users.
  • Use Case: Often used for sponsored links, user-generated content, or when the linking site doesn’t want to endorse the linked site.
  • Definition: Links with rel="sponsored".
  • Effect: Indicate that the link is part of a paid promotion or sponsorship. Search engines understand it as a commercial link, and it usually doesn’t pass link juice.
  • Use Case: Used for affiliate links, ads, or sponsorships.
  • Definition: Links with rel="ugc".
  • Effect: Indicates that the link was added by users, typically in forums or comments. This helps distinguish user-generated links from editorial links.
  • Use Case: Common in platforms with user-submitted content.
  • Definition: Links with rel="noopener".
  • Effect: Prevents the new page from gaining access to the window.opener object, improving security and performance.
  • Use Case: Used with target="_blank" to open links in a new tab while mitigating risks of malicious pages.
  • Definition: Links with rel="noreferrer".
  • Effect: Prevents the browser from sending the Referer header to the linked site, enhancing privacy.
  • Use Case: Used for privacy concerns or security reasons.

Combination of Attributes

  • Multiple rel values can be combined, e.g., rel="nofollow noreferrer".
  • For example, this link:
    <a href="https://example.com" rel="nofollow noreferrer">Visit</a>
    
    • Tells search engines not to follow the link and browsers not to send the referring page URL.

Summary of Defaults

  • Links are DoFollow by default unless a rel attribute explicitly changes their behavior.
Presentify

Take your presentation to the next level.

FaceScreen

Put your face and name on your screen.

ToDoBar

Your to-dos on your menu bar.

Ram Patra Published on December 31, 2024
Image placeholder

Keep reading

If this article was helpful, others might be too

question nextjs react July 18, 2024 How to programmatically navigate to a page in Next.js?

In Next.js, you can programmatically navigate to different pages using the useRouter hook from the next/navigation module. This hook provides a convenient way to navigate between pages within your Next.js application. Below is an example demonstrating how to use the useRouter hook to programmatically navigate to another page.

question front-end stenciljs April 10, 2025 Svelte vs Stencil.js, which one should you choose and when?

Svelte and StencilJS, two popular frameworks for building modern web applications. They have different approaches and use cases, but both aim to optimize performance and developer experience.

question css front-end September 22, 2024 How to scroll smoothly to any section of the page with just one line of css?

To enable smooth scrolling when clicking an <a> tag in any website, you can add the below CSS code. If you want all anchor links to scroll smoothly, you can do so by applying the scroll-behavior property in your global CSS.

Like my work?

Please, feel free to reach out. I would be more than happy to chat.