Home Web Front-end HTML Tutorial How to use h1 tags to better comply with SEO specifications

How to use h1 tags to better comply with SEO specifications

Jun 10, 2017 am 10:11 AM

During the website optimization process, SEOers often use HTML tags to increase the optimization effect. The H tag is one of the html tags we often use. The H tag is a tag that emphasizes the text title in the web page, which can attract the attention of search engines. When the search engine accesses the web page for crawling, the H tag The content of the label serves as emphasis. In the SEO circle, many people think that websites should use H1 tags to promote keyword rankings. However, some people think that H1 cannot be used, which will cause excessive optimization, may also affect the appearance of the page, and will not have any effect.

Although the effect of whether there is an H1 tag on the page and whether there are keywords in the H1 tag is weakened in major search engines, the effect of the H1 tag still exists. The Google algorithm also points out that the text between the H tags must be more Articles in other places have more important meanings, but excessive use can easily have adverse effects. So we can definitely make good use of it, and there is no need to say that we should completely boycott it. So how should the H1 tag be used to comply with the principles of SEO optimization? 1. What is the H tag?

The H tag is also called the Heading tag. There are six sizes of heading tags in the HTML language. It is a tag that emphasizes the text title in the web page html, with the tags

,

, < ;h3> to define the seven tags of different text sizes in the title header, essentially to present the content structure. There are six pairs in total, with the text from large to small, showing the decreasing importance, that is, the weight decreases in sequence.

W3C points out that h1-h7 tags can define titles, h1 defines the largest title, and h6 defines the smallest title. h tags appear in pairs, starting with and ending with . h1, h2, h3, h4, h5, h6, h7 are used as title tags, in descending order of importance. It is necessary to follow this principle, which can make the hierarchical relationship of the page clearer and allow search engines to better crawl and analyze the subject content of the page, etc.

2. The use of H tags by major portal websites

Search engines are extremely sensitive to H tags. A well-used search engine will give it a very high weight, which can increase the keyword weight of the entire website and even bring in a large number of long-tail words. Indiscriminate use of H tags will not only not bring good weight to the website, but may also be considered cheating by search engines, eventually leading to K sites. Therefore, it is crucial to use the H tag well.

1. Usage of H1 tags

(1), NetEase homepage

The H1 tag appears only once in front of the LOGO on the NetEase homepage. The text content is NetEase, but if you look carefully, you can see that the H1 tag this time is to highlight the brand keywords. It is purely for search engines to see and is hidden from users.

(2), A5 webmaster network homepage

The homepage of A5 Webmaster Network was only used once, for the website LOGO. ​

(3), Webmaster’s Home Home Page

The homepage of Webmaster Home is only used once, also for the LOGO.

From the screenshot above, Ma Haixiang found that the H1 tag is only used once on the homepage of major websites, either in the brand keywords of the website or directly in the LOGO. Directly using H1 tags in web design may produce unsightly effects, so many people use CSS to hide them. Or add the H1 tag to the website’s LOGO. This not only emphasizes the main keywords and enhances relevance, but also does not affect the aesthetics. On the content page, it is also used once, usually to strengthen the title of the content page again.

2. Usage of H2 tags

(1), NetEase Home

From the screenshot above, Ma Haixiang found that it appeared 7 times on NetEase's homepage, some of which were article titles, and some of which were simply bold.

(2), A5 webmaster network homepage

There are only 8 words in A5 Webmaster Network, all of which are article titles on the homepage. As for Webmaster Home, there is no H2 tag. From the picture above, Ma Haixiang can find that the H2 tag is used more frequently on major websites. It is mainly used in the main article titles or column titles of web pages. Some even use it directly to bold, but use H2 to bold and emphasize the effect. It is definitely stronger than the strong tag. You can take a look at the following H3, H4, etc. through the articles on Ma Haixiang's blog. Because they are not too important, I won't say more here.

3. The role of H tag

Each tag in html has its own meaning, and the H tag, as a title tag, is even more important. The usage of H tags, especially the usage of h1, has always been a controversial issue.

1. The H tag intuitively tells users which parts of the web page are important and which parts are not so important. The heading tag is usually used to show the structure of a web page to users. Since the heading tag usually makes some text larger than ordinary text, it is easier for users to see the importance of these words more intuitively, and it can help them understand The content below the heading text. Headings with multiple gradient sizes initially create a hierarchical structure for the content of the web page, making it easier for users to browse the website intuitively.

2. The H tag guides search engines to determine the important content of the web page. For search engines, the main meaning of the tag is to tell the search engine that this is the title or theme of a paragraph of text, which plays an emphasis role. The weight of the h tag will be higher than Strong, so in search engine optimization, the H tag The use of is very important.

Because the search engine needs to understand what it is writing in a pile of text, so it also follows people's reading habits and first looks for the title of the article. However, unlike people who can quickly determine what the title is, the search engine is " "Blind people", so using the tag directs search engines where the title is, allowing them to quickly grasp the gist of the text.

The title (H1-H6) tag is an important place to use keywords. This tag should include the most important keywords in the text. The Google algorithm points out that the direct title text of and must It has more important meaning than articles in other places, but excessive use can easily have adverse effects. For more information about Google’s algorithms, you can learn more about it through Ma Haixiang’s blog’s “Inventory of Google’s Updates and Improvements to Search Engine Algorithms Over the Years.”

4. How to use H1 tag?

1. It is best to use the H1 tag before H2-H6, and only use it once on a page, do not use it all the time. Some sites use a lot of keywords on one page, even dozens of times. They use keywords when they see them, thinking that they can enhance the effect, but this is not the case. H1 can be used but don’t overuse it. We stack it effectively instead of forcing it randomly. Reasonable use of H1 tags can bring good results to the website, but improper use will bring adverse effects to the website, and even lead to K sites.

2. The keywords used in the H1 tag should be the most important keywords or brand words on the page, and should be the keywords used in the title of the web page. H2-H6 decrease step by step according to this principle, from general keywords to long tail keywords, from long tail keywords to titles, but generally H3 is used less after that. , because H1 represents the most important, H6 represents the relatively least important, and the meaning becomes less and less as you go to the back.

3. Keywords must be included between H1 tags, but this keyword also needs to be readable and reasonable. Don’t add this keyword for emphasis, but because this keyword needs to be emphasized. Add H1 tags, pay attention to the order. First have the keywords, and then add H1 tags to the keywords.

4. If you add the H1 tag to the LOGO image, the website name or brand word should be added to the ALT information of the image, so as to highlight the keywords on the homepage. Otherwise, what effect do you think will be achieved by adding H1 to an image?

5. The H1 tag should be as close as possible to the body tag in the HTML, the closer the better, so that search engines can find the topic as quickly as possible. From the above example, Ma Haixiang can find that the H1 tag is at the front of the body code. Why? Because search engines crawl from top to bottom, the keywords emphasized by the H1 tag can be discovered as quickly as possible.

6. The H1 tag on the content page is generally used in the title of the content. It is best to use it only once. However, many content pages also use it twice, once for the LOGO or the main keyword that appears at the front of the web page, and once for the main keyword that appears at the front of the web page. Used in headlines of content. If there are no main keywords at the beginning, it is recommended to only use them once in the headline.

7. When you don’t want to use the H1 tag on the LOGO and the main keywords of the webpage are at the back, if you still want to add the H1 tag and want the keywords of the H1 tag to be in the front, Ma Haixiang suggests that you can use DIV+CSS layout to adjust the main key. The position of the word will not affect the page effect.

8. Don’t always think about adding H1 tags. Many large websites do not use H1 tags. Baidu, Sina, Aizhan.com, etc. do not use H1 tags at all, so as long as they really provide users with information, as for It is not necessarily necessary to use the H1 tag.

5. SEO suggestions for using H tags

1. Each web page can only have one

tag.

2.

is used to modify the main title of the web page, usually the title of the web page, the title of the article, and the main keyword is placed in

.

Try to be as close as possible to the tag in the HTML, the closer the better, so that search engines can understand the theme as quickly as possible.

3.

represents the title of a paragraph, or subtitle, and deploys long-tail keywords.

4.

represents the section title of the paragraph. The effect of

is similar to Strong, and is generally used in paragraph sections.

5.

-

are rarely used. They tell search engines that these are not very important content. When an article has a lot of content, it can be used to indicate that some content is not very important.

The above is the detailed content of How to use h1 tags to better comply with SEO specifications. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Vue3+TS+Vite development skills: how to optimize SEO Vue3+TS+Vite development skills: how to optimize SEO Sep 10, 2023 pm 07:33 PM

Vue3+TS+Vite development skills: How to perform SEO optimization SEO (SearchEngineOptimization) refers to optimizing the structure, content and keywords of the website to rank it higher in search engines, thereby increasing the website's traffic and exposure. . In the development of modern front-end technologies such as Vue3+TS+Vite, how to optimize SEO is a very important issue. This article will introduce some Vue3+TS+Vite development techniques and methods to help

How to search for text across all tabs in Chrome and Edge How to search for text across all tabs in Chrome and Edge Feb 19, 2024 am 11:30 AM

This tutorial shows you how to find specific text or phrases on all open tabs in Chrome or Edge on Windows. Is there a way to do a text search on all open tabs in Chrome? Yes, you can use a free external web extension in Chrome to perform text searches on all open tabs without having to switch tabs manually. Some extensions like TabSearch and Ctrl-FPlus can help you achieve this easily. How to search text across all tabs in Google Chrome? Ctrl-FPlus is a free extension that makes it easy for users to search for a specific word, phrase or text across all tabs of their browser window. This expansion

What is a 301/302 redirect? How to redirect the website? What is a 301/302 redirect? How to redirect the website? Jul 12, 2022 pm 12:07 PM

What is a 301/302 redirect? How to redirect the website? This article will take you through 301/302 jumps, introduce the jump methods, and analyze them from the SEO perspective to see which method is practical. I hope it will be helpful to everyone!

SSR technology application practice in Vue 3 to improve the SEO effect of the application SSR technology application practice in Vue 3 to improve the SEO effect of the application Sep 08, 2023 pm 12:15 PM

SSR technology application practice in Vue3 to improve the SEO effect of applications. With the rapid development of front-end development, SPA (Single Page Application) has become mainstream. The benefits of SPA are self-evident and can provide a smooth user experience, but there are some challenges in terms of SEO (search engine optimization). Since SPA only returns an HTML template in the front-end rendering stage, most of the content is dynamically loaded through JavaScript, causing search engines to have difficulties in crawling, indexing, and ranking. To solve this problem,

How Vue performs SEO optimization and practical suggestions How Vue performs SEO optimization and practical suggestions Jun 09, 2023 pm 04:13 PM

With the continuous development of web technology, more and more websites are beginning to use Vue as the front-end framework. Although Vue can provide a good user experience and development efficiency, there are still some challenges in search engine optimization. This article will introduce how Vue performs SEO optimization and some practical suggestions. 1. Vue’s SEO issues Vue’s SEO issues mainly include the following points: Server-side rendering issues: Vue is a single-page application (SPA), which means that it is rendered in the browser through JavaScript

Summary of Vue development experience: Practice in solving SEO and search engine optimization Summary of Vue development experience: Practice in solving SEO and search engine optimization Nov 22, 2023 am 08:44 AM

Summary of Vue development experience: Practice in solving SEO and search engine optimization In the current era of rapid development of mobile Internet and Web technology, search engines are still one of the most important ways to obtain information on the Internet. For websites that need to gain high exposure in search engines, SEO (SearchEngineOptimization) is an essential task. So, for web development projects using Vue technology, how to achieve SEO and search engine optimization? Vue

How to add tags on Douyin to attract traffic? Which tags on the platform are easiest to attract traffic to? How to add tags on Douyin to attract traffic? Which tags on the platform are easiest to attract traffic to? Mar 22, 2024 am 10:28 AM

As a popular short video social platform, Douyin has a huge user base. For Douyin creators, using tags to attract traffic is an effective way to increase the exposure of content and attract attention. So, how does Douyin use tags to attract traffic? This article will answer this question in detail for you and introduce related techniques. 1. How to add tags on Douyin to attract traffic? When posting a video, make sure to choose tags that are relevant to the content. These tags should cover the topic and keywords of your video to make it easier for users to find your video through tags. Leveraging popular hashtags is an effective way to increase your video’s exposure. Research current popular tags and trends and incorporate them into your video descriptions and tags. These popular tags usually have higher visibility and can attract the attention of more viewers. 3. Label

What is the clock behind the TikTok label? How to tag Douyin account? What is the clock behind the TikTok label? How to tag Douyin account? Mar 24, 2024 pm 03:46 PM

When browsing Douyin works, we often see a clock icon behind the tag. So, what exactly is this clock? This article will focus on the discussion of &quot;What is the clock behind the Douyin label&quot;, hoping to provide some useful reference for your use of Douyin. 1. What is the clock behind the Douyin label? Douyin will launch some hot topic challenges. When users participate, they will see a clock icon after the tag, which means that the work is participating in the topic challenge and displays the remaining time of the challenge. For some time-sensitive content, such as holidays, special events, etc., Douyin will attach a clock icon after the label to remind users of the validity period of the content. 3. Popular tags: When a tag becomes popular, Douyin will add a clock icon after the tag to indicate that the tag is

See all articles