Link: automatically add rel tag

Closes #5565

ChatGPT explained it better

When setting the Target attribute of a link to _blank in the Blazorise Link component, it is crucial to include the rel attribute to prevent potential security risks and improve SEO. The options provided are:

rel="nofollow noreferrer"
rel="noopener noreferrer nofollow"
rel="noopener noreferrer"

Here's an analysis of each option:

Option 1: rel="nofollow noreferrer"

nofollow: Tells search engines not to follow the link, preventing the transfer of SEO value to the linked page.
noreferrer: Prevents the browser from sending the referrer information to the target site.

Option 2: rel="noopener noreferrer nofollow"

noopener: Ensures that the new page runs in a separate process, which prevents the new page from being able to access the window.opener property and potentially gain control over the original page.
noreferrer: As above, prevents the referrer information from being sent.
nofollow: As above, prevents search engines from following the link.

Option 3: rel="noopener noreferrer"

noopener: As above, prevents the new page from being able to access the window.opener property.
noreferrer: As above, prevents the referrer information from being sent.

Recommendation

The best option to use in the Blazorise Link component when the Target is set to _blank is:

rel="noopener noreferrer"

Reasoning:

Security: Using noopener is crucial for security as it prevents the new page from accessing the original page through the window.opener property, mitigating the risk of malicious activities such as phishing.
Privacy: noreferrer ensures that no referrer information is sent to the new page, preserving user privacy.
SEO: Including nofollow in the rel attribute can impact SEO by instructing search engines not to pass on link equity. While this might be desirable in some specific cases, it generally reduces the SEO benefit of linking to other pages. Unless you have a specific need to prevent search engines from following these links, it is typically better to omit nofollow.

By using rel="noopener noreferrer", you ensure a secure and privacy-conscious implementation without unnecessarily impacting SEO. If there is a specific requirement for nofollow, it can be added as needed on a case-by-case basis.

Megabit / Blazorise