When it comes to seo, many front-end personnel may think that what they need to deal with is pure TDK (T: title, D: description, K: keywords), For details, please refer to our previous article: Google Search Engine Optimization Beginner ’s Guidebut in fact, for the front end, seo may not only deal with these Based on the actual work situation, this article explains the weight relationship between SEO and HTML tags.
The role of the meta tag is to describe the language of the web page attributes. If it is set accurately and friendly, it is most conducive to the search engine’s indexing and can increase the weight very well. Keywords and description are commonly used in general work, which are also the most important.
Keywords: Don’t write too much. Write different keywords on each page to avoid web crawlers from thinking of them as duplicate pages. The Meta Keywords were already deprecated by Google.
Description: It is best to deliberately bring in relevant keywords in keywords in the description, which will help improve the crawl of this page by web crawlers.
The title tag represents the name of a web page or the name of a video, or a connected expression.
There must be some keywords in the title, but do not pile up a lot, too much and too long may lose the weight of the keywords.
The a tag is one of the most sensitive tags for search engines. The a tag is the basis for the anchor text of the internal link of the external link. If a rel = “nofollow” is written in the a tag, the weight transmission is prohibited.
The role of the h1 tag is second only to the title of the website. When a search engine crawler crawls our site, first, the search engine first finds the h1 tag, then crawls the text in the h1 tag, and then crawls the site. Other content. At this time, if your site uses the h1 tag to optimize the promotion of keywords, the keywords contained in the h1 tag can be assigned a large weight by the search engine, which has a great effect on improving the keyword ranking of the site. Role. The h1 tag can only appear once on a page, and it works better with the a tag.
If you have multiple h1 tags, search engine crawlers will think that your site is full of h1 tags, and there is a disgusting and cheating behavior. At this time, the defined weights will be scattered.
The p tag indicates the definition of a paragraph. When a search engine reads the content of a web page and encounters the P tag, it immediately knows that this is a paragraph. If you use div or br, you cannot reflect the advantages of html semantics. Search engines will Think of it as a whole paragraph. And the first sentence of the paragraph also accounts for part of the weight.
6.ul, ol tags
The ul and ol tags are list tags. The navigation and breadcrumbs in general web pages are the same. If you use ul and ol to define them, you can let search engines know their meaning without causing a lot of duplicate content.
The strong tag is the representative of the weight tag. It can be highly valued in search engines. It is mainly for keywords anchored by anchor text links, and wrong for sentences that reflect the core meaning, generally no more than five. By applying to the text or keywords you want to emphasize, this part of the content will be valued by readers and search engines.
New HTML5 tags
We know that HTML5 provides us with many semantic tags. These semantic tags also have weight relationships.
The header tag is literally the head. It actually defines the overall header information of the website. Normally, this tag stores the website’s logo, name, and navigation bar. Search engine crawlers will more easily identify the information and type of the site.
The nav tag is literally a navigation link. It is usually stored in the header tag. Search engine crawlers can better understand the information structure of the website when they find this tag, which is beneficial to the distribution of weights.
The footer tag literally understands the bottom tag, which is the bottom of the website. Although it is already at the bottom of the website, judging from the html code, general search engine crawlers will include some company information here, and the weight may not be so large.
Other new html tags: section, article, aside.
section: Search engines may use
The tag finds out its information architecture.
article: It helps search engines identify the content of web pages and judge relevance.
aside: may affect the ranking of this page and the target page.
In HTML5, a new semantic tag has been given. It is recommended that front-end bosses reduce the use of div tags, because divs are just like white paper to search engine crawlers without any semantics.