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 front-end javascript August 28, 2024 8 best Javascript libraries for building fast-changing tables

For handling fast-changing tables in JavaScript, you’ll want libraries that are optimized for performance, support real-time data updates, and are flexible enough to handle a wide range of use cases. Here are some of the best libraries:

question front-end css January 3, 2024 What's the difference between SCSS and Sass?

Sass (Syntactically Awesome Style Sheets) and SCSS (Sassy CSS) are both preprocessors that extend the capabilities of standard CSS, allowing for variables, nested rules, mixins, and more. However, there’s a common misunderstanding about the differences between Sass and SCSS. They are not actually two different languages; rather, they are two different syntaxes for the same Sass preprocessor.

question nextjs front-end November 12, 2024 How to define schemas, foreign keys, relations, and query data by performing joins in a Nextjs app using Supabase and Drizzle?

Drizzle is an ORM that makes it easy to work with db, data migrations, etc. Here’s how you can define foreign keys, relations, and perform table joins using Drizzle ORM in a Next.js app with Supabase: