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.

KeyScreen

Show keypresses on your screen.

ToDoBar

Your to-dos on your menu bar.

SimpleFill

Fill forms using your right-click menu.

IconSim

Preview your Mac app icons.

Ram Patra Published on December 31, 2024
Image placeholder

Keep reading

If this article was helpful, others might be too

question nextjs front-end July 21, 2024 How to fix Next.js generating Open Graph images with localhost in the url?

This happens when you have not set the metadata properly. Just make sure you have set the metadataBase property like below:export const metadata = { metadataBase: new URL('https://rampatra.com'), // other configs}Learn more from the official docs.

question nextjs react July 19, 2024 How to get the current path in Next.js?

To get the current path in a Next.js application, you can use the usePathname hook from next/navigation module. This hook allows you to access the current pathname within your components. Here’s how you can use it:

question tailwindcss front-end February 23, 2024 How to create a generic Dialog component in TailwindCSS that takes in title, description, etc. as props?

If you want to create a separate, generic Dialog component where you can pass in the title and description as props, you can do so by defining a reusable Dialog component. You can even pass HTML content in the description of the Dialog component, you can do so by utilizing React’s dangerouslySetInnerHTML attribute. Here’s how you can achieve this:

Like my work?

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