Analyze the role of rel="nofollow" in HTML and the use of rel attribute

Analyze the role of rel="nofollow" in HTML and the use of rel attribute

Adding the rel="nofollow" attribute to a link tells the search engine not to track this connection and thus not to pass on authority. Careful webmasters may find that many blogs have this attribute added to their friendly links. The purpose of doing so is to avoid diluting the authority of their own websites. The rel attribute means: the relationship between the current page and the page it points to. The rev attribute specifies the relationship from the target document to the source document. Baidu currently supports the rel='noflow' attribute. Proper use of this tag will greatly improve the website.

Webmasters may know that if a link is added with the attribute rel="nofollow", it means telling the search engine not to follow this link and thus not pass on the weight. Careful webmasters may find that many blogs have added this attribute to their friendly links, in order to avoid diluting the weight of their own website.

What does the rel attribute mean?

The rel attribute means: the relationship between the current page and the page being pointed to.

The optional attributes rel and rev of the <a> tag indicate the formal relationship and direction between the source and target documents, respectively. The rel attribute specifies the relationship from the source document to the target document, while the rev attribute specifies the relationship from the target document to the source document. Both attributes can be used together in the <a> tag.

XML/HTML CodeCopy content to clipboard
  1. <   href = "xxx.php?page=2"   rel = "next"   rev = "prev" > < >   

Multiple values ​​of the rel or rev attribute are separated by spaces.

Usage of the rel attribute

Usually this attribute is used in: link tag/a tag/meta tag, writing example:

XML/HTML CodeCopy content to clipboard
  1. <   href = 'https://www.jb51.net'   rel = 'friend' > 123WORDPRESS.COM </ a >   

This rel attribute is actually designed specifically for search engines. It is known that Baidu currently supports the rel="nofollow" attribute. Proper use of this tag will greatly improve the website.

The value of the rel attribute

value describe
alternate Alternative versions of a document (such as a printed page, a translated page, or a mirror image).
stylesheet The document's external style sheet.
start The first document in the collection.
next The next document in the collection.
prev The previous document in the collection.
contents Document directory.
index Document index.
glossary A glossary or explanation of the words used in the document.
copyright Document containing copyright information.
Chapter Chapter of the document.
section The section of the document.
subsection A subsection of the document.
appendix Document appendix.
help Help documentation.
bookmark Related documents.
nofollow Google uses "nofollow" to instruct the Google search engine not to follow the link.
licence
tag
friend

Knowing the above rel="" attributes, when we design web pages, we only need to set the link tags according to the corresponding attributes, which will be of great help to our website optimization.

The above rel attribute is for HTML format. In the era of social networking, Weibo/WeChat are rampant. Compared with HTML, the rel attribute of the a tag has the XFN specification, so I will not elaborate on it here.

<<:  In-depth study of JavaScript array deduplication problem

>>:  Mysql sql slow query monitoring script code example

Recommend

MySQL 8.0.11 compressed version installation tutorial

This article shares the installation tutorial of ...

Docker installation Nginx tutorial implementation illustration

Let’s install Nginx and try it out. Please note t...

Zabbix monitoring solution - the latest official version 4.4 [recommended]

Zabbix 2019/10/12 Chenxin refer to https://www.za...

js dynamically generates tables (node ​​operations)

This article example shares the specific code of ...

Design Theory: A Method to Understand People's Hearts

<br />Once, Foyin and Mr. Dongpo were chatti...

MySQL 8.0.15 installation tutorial for Windows 64-bit

First go to the official website to download and ...

HTML meta usage examples

Example Usage Copy code The code is as follows: &l...

The shortest JS to determine whether it is IE6 (IE writing method)

Commonly used JavaScript code to detect which ver...

Vue project packaging and optimization implementation steps

Table of contents Packaging, launching and optimi...

HTML form tag usage learning tutorial

Forms in HTML can be used to collect various type...

Introduction to HTML for front-end developers

1 Introduction to HTML 1.1 First experience with ...

Teach you how to build Tencent Cloud Server (graphic tutorial)

This article was originally written by blogger We...

Detailed explanation of Vue options

Table of contents 1. What are options? 2. What at...