Analysis of the difference between bold <b> and <strong>

Analysis of the difference between bold <b> and <strong>

All of us webmasters know that when optimizing a website, bolding the keywords in the article is extremely beneficial to the optimization.
But if you look carefully, you will find that strong and b both have the function of bolding. For example, in WordPress, when bolding text, the system will use the strong tag by default. So which one should be used? Below Beijing SEO will analyze the usage and differences of the <strong> and <b> tags.


For example, we see the same bold effect for <strong>website optimization</strong> and <b>website optimization</b>. Therefore, both the B label and the Strong label are visually bold.


However, the B tag itself does not have HTML semantics. People who are proficient in HTML will soon know that this tag only means bold in HTML code. The Strong tag has semantics of emphasis in HTML, indicating emphasis and emphasis on tone.


Data shows that when blind people use screen readers, they can clearly see the difference between B and Strong. When encountering B, read it as you would any other word. When encountering Strong, emphasize the word and pause. From the perspective of WEB standards, the use of B tags is not recommended, but Matt from Google once said that the B tag has a slight advantage, although it was later revised to have the same advantages as the strong tag. Search engines are user-centric. When we cannot judge which one has more advantages, we might as well start from the user's perspective.


The impact of b and strong on SEO


The definition of HTML tags is not arbitrary, but has certain semantics. From this perspective, tags such as H1 are mainly used in titles, while STRONG focuses more on content application, such as keyword identification. Of course, this is not necessarily fixed. For example, some websites use the STRONG tag to emphasize the subheadings, which is also acceptable. But it should be noted that excessive use of the STRONG tag may also result in search engine penalties.


Judging from the definitions, semantics, and usage of the STRONG and B tags, STRONG has gradually replaced the B tag. This is normal according to WEB standards. Google has also gradually increased the weight of STRONG.


One more thing to note is that the STRONG tag must be written on the page. Through experiments, it is found that STRONG defined by CSS is useless for inclusion and ranking. Although robots can crawl CSS files, it is estimated that search engines only crawl the content.


In summary: Generally speaking, the weight of STRONG is much higher than that of B label, and we basically do not discuss the role of B label here, but for H label, the role of STRONG is slightly smaller. Therefore, these tags can basically be ranked as follows: H1>H2>H3>STRONG.


From this point of view, I think search engines are more likely to give greater weight to the strong tag. You can do an SEO experiment and make two pages with the same content. Use the B tag and the strong tag to emphasize the title or keywords. After they are included, search for the keyword in major search engines to see which tag-wrapped page has a higher ranking priority. It is also possible that two labels have exactly the same weight.


So how to use the strong tag? Currently, the SEO community generally uses the heading tag as a means to enrich the text format. The suggestion is "Generally speaking, a page is only allowed to have one H1 tag, the number of H2 tags can be increased to 2, and the number of H3 tags can be increased to about 3. There is no benefit in excessive use of heading tags." The control on the number of tags is relatively loose. Of course, the main thing is to not affect the user experience. You can't emphasize all the main keywords to be optimized, right? The strong tag is used to emphasize keywords, but if it is used too much, it will "dilute" the keywords and even make the search engine judge it as cheating. In short, just be natural.

<<:  Detailed explanation of how to use structural pseudo-class selectors and pseudo-element selectors in CSS3

>>:  Specific usage of Vue's new toy VueUse

Recommend

15 JavaScript functions worth collecting

Table of contents 1. Reverse the numbers 2. Get t...

Detailed explanation of docker's high availability configuration

Docker Compose Docker Compose divides the managed...

Thoughts on copy_{to, from}_user() in the Linux kernel

Table of contents 1. What is copy_{to,from}_user(...

MySQL tutorial thoroughly understands stored procedures

Table of contents 1. Concepts related to stored p...

Dissecting the advantages of class over id when annotating HTML elements

There are very complex HTML structures in web pag...

How to completely uninstall iis7 web and ftp services in win7

After I set up the PHP development environment on...

How to set the style of ordered and unordered list items in CSS

In an unordered list ul>li, the symbol of an u...

Detailed explanation of the use of custom parameters in MySQL

MySQL variables include system variables and syst...

Detailed explanation of the buffer pool in MySQL

Everyone knows that data in MySQL needs to be wri...

Win10 install Linux ubuntu-18.04 dual system (installation guide)

I installed a Linux Ubuntu system on my computer....

Steps to create a Vite project

Table of contents Preface What does yarn create d...

Details on using regular expressions in MySQL

Table of contents 1. Introduction 2. Prepare a pr...

How to change the tomcat port number in Linux

I have several tomcats here. If I use them at the...