The most commonly used HTML tags for web page making


1、 Optimization of common HTML tags

For HTML, it should be the basic skill of network editing. It can’t be said that you are not familiar with it. As a network editor, it is not necessary to master all the SEO parameters, but it is necessary to understand the SEO related things in the basic HTML tags.



< title > page title < / Title >

<meta http-equiv=Content-Language content=zh-cn>

<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”>

< meta name = “Keywords” content = “Keywords” >

< meta name = “description” content = “web page description” >

<link href=“inc/css.css” _fcksavedurl=“”inc/css.css“” _fcksavedurl=“”inc/css.css“” type=“text/css” rel=“stylesheet”>


The above paragraph is the head part of the web page. Each tag here is very important for search engines.

Title is always important to search engines. No matter how their algorithms change, the importance of this label will not be reduced. Therefore, network editors are required to consider these users from search engines when writing articles or naming channels.

At present, Baidu can directly display 31-32 Chinese characters, that is, about 62 characters, while Google can display about 34 Chinese characters.

Therefore, when writing the article title or channel title, we should subtract the content automatically added by the program in the title display, such as the words “news center Sina” in the figure below, so as to control the title of the overall web page at about the required number of words.

What needs to be explained here is whether you require the content automatically added by the program to be displayed in the search results.

At this time, we need to consider the authority of the website and the priority of the content. If your website’s articles are widely cited, in order to avoid this problem, you must emphasize your authority:

Otherwise, because the title of the previous article is too long to display the channel name and website name behind, it is possible for users to give up clicking and click on other pages that reprint the article and standardize the title.

As shown in the figure above, according to the habit of network name, if the domain name user of the first information does not know or pay attention, he will turn to the second one directly to a large extent.

In the title, the text right in the front is more important than that in the back, so try to put important keywords in the front when writing the title.

Keywords and description are also very important for search. Some time ago, many domestic SEO friends thought that search engines gave up these two tags or reduced the score of these two tags in web page sorting, especially Baidu. Before May 2009, almost all the descriptions of most pages did not refer to the description of the page, but grabbed a section of content randomly in the page (this also reflects Baidu’s confidence in its word segmentation algorithm). However, after May, baidu gradually restored the capture of description. All descriptions that meet the content of the web page will be captured by Baidu as the description of the page. Of course, descriptions that have nothing to do with the content of the page will not be captured.

You don’t need too many keywords in keywords. Just list the keywords in the page. The keywords in this place are also a word segmentation reference for search engines.

Description is a short introduction directly presented to users in the search engine. The number of words should be controlled between 70-90, and the keywords of the page should appear 2-3 times.

<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”>

The page coding method must also be explained in the page. Of course, this should be a problem of the program. Whether charset adopts GB2312 or UTF – 8 coding needs to be told to the search engine in the page.

<link href=“inc/css.css” _fcksavedurl=“”inc/css.css“” _fcksavedurl=“”inc/css.css“” type=“text/css” rel=“stylesheet”>

Web editors often make special topics, which need to define a large number of styles. In order to make the page size not too large and make it difficult for search engine spiders to crawl, it is recommended that you put the styles into a unified CSS file and call them directly.


In the body section, our editing friends should know and master the following tags:

<h1>Article title</h1>

This tag occupies an important position in the page. It can be said that H1 is another soul of the web page in addition to title. It should be noted that “soul” should be used with caution, otherwise it will be more than worth the loss to be punished. If it is a channel page, it is appropriate to use H1 for the column name of the category. Of course, H1 can be used for the largest category here. According to the category, H2, H3, H4. If it is an article page, H1 should also be used according to the optimization method of the article page. According to the most common page layout, there is only the article title and body content, and there is no other information of the same level as the body. In this case, the article title is modified with H1, which can clearly inform the search engine. My article title is the core of the page, that is to say, The title here should also be written according to the user’s search habits. The method is omitted here first.

ALT label < img SRC = “1111. JPG” ALT = “picture description” >

The ALT tag in the web page is used to explain the picture. There are two functions here: one is to assist the web page search, and the other is to facilitate the picture search.

In a web page, it is not wise to use ALT for all pictures, but it is not appropriate to use it at all. The best way is to use ALT to identify the key pictures (in most cases, the largest picture related to the topic) on the web page, which is helpful for web page search and picture search. In addition, in order to facilitate the image search, it is also a way to carry out text description of the image near the image, but it is not alt.

Hyperlink title tag < a href = “/” title = “link description” > link text</a>

The purpose of the title tag of the hyperlink is to strengthen the modification of the reference link. In many cases, due to the limitation of the content, it is not convenient for us to modify the link text directly, so it is a good way to remedy from the title. Generally, this label is used in the relevant content section.

< strong > mark

This tag is used to modify the important keywords in the page. This tag can be used to modify the important contents of the page, such as column name, category name, important paragraphs, etc. The effect is second only to H1.


<u> (bottom line)

<i> (italics)

Similarly, the above three tags are simple modifications to the font. Search engines treat these tags as a modifier (some SEOers equate strong and B, but Tianren still emphasizes that strong plays a greater role)

Let’s say so much about the common tags of HTML. For network editors, memorizing these tags should be enough.