About the location of the H1 tag in XHTML

About the location of the H1 tag in XHTML
There has been a lot of discussion about H1 recently (in the content page of the article), and there are roughly two situations:
1. H1 should be used for the title of the article. 2. H1 should be used for the title of the site .<br />I believe that most people prefer the first method: using it in the title of the article. From the perspective of the article, when users enter the content page, what they want to see is of course the content of the article. The title of the article is naturally the most important and should be highlighted.
OK, the above is from the perspective of the article, what if we look at it from the perspective of the page?
In addition to the article content and links derived from the content, the page also contains navigation, advertisements, searches, and other content that is not directly related to the article content. In a page, the article is just one component. From a semantic point of view, a page has only one big title (H1) to summarize the content of the page (including non-article parts). Therefore, H1 is more accurate for site titles than for article titles. Note that H1 and title are different.
Here we also address some ideas raised by some students in the discussion:
1. Questions about SEO (H1 has an impact on SEO)
2. Issues related to semantics <br />These two issues are contradictory. Sometimes when doing SEO, you have to give up semantics. With the domestic SEO methods, there is basically no semantics. Sadly, most of the students who build websites nowadays focus on SEO.
H1 does have an impact on SEO, but it is not indispensable. Its weight is much lower than the information in the header of the page. Why not pay attention to the header information of the page? Moreover, if semantics is done well, it will not have a negative impact on SEO. Why do we have to go into this rut?
I think the content in the body should be what it is, and the focus should be on semantics, because this part is mainly for users to see, and it is also to adapt to multiple terminals. Some students asked you if you also used hidden text. Yes, that is for semantics. On terminals that have no style or do not support style, it is to make the content more readable, not for SEO. SEO should focus on the head, which is also what search engines value most. For example, meta contains many attributes for search engines.

<<:  Analysis of the reasons why the index does not take effect when searching in the MySql range

>>:  Docker online and offline installation and common command operations

Recommend

How to use MyCat to implement MySQL master-slave read-write separation in Linux

Table of contents Linux-Use MyCat to implement My...

Node.js sends emails based on STMP protocol and EWS protocol

Table of contents 1 Node.js method of sending ema...

Vue Basics Listener Detailed Explanation

Table of contents What is a listener in vue Usage...

Good website copywriting and good user experience

Looking at a website is actually like evaluating a...

Rounding operation of datetime field in MySQL

Table of contents Preface 1. Background 2. Simula...

Let me teach you how to use font icons in CSS

First of all, what is a font icon? On the surface...

How to use node scaffolding to build a server to implement token verification

content Use scaffolding to quickly build a node p...

Introduction to Apache deployment of https in cryptography

Table of contents Purpose Experimental environmen...

Specific use of Node.js package manager npm

Table of contents Purpose npm init and package.js...

Use JS to operate files (FileReader reads --node's fs)

Table of contents JS reads file FileReader docume...

CentOS 8 is now available

CentOS 8 is now available! CentOS 8 and RedHat En...

An article to quickly understand Angular and Ionic life cycle and hook functions

Table of contents Angular accomplish Calling orde...

Detailed explanation of MySQL slow log query

Slow log query function The main function of slow...

Mysql query database capacity method steps

Query the total size of all databases Here’s how:...

HTML table cross-row and cross-column operations (rowspan, colspan)

Generally, the colspan attribute of the <td>...