The contention of semantic HTML and SEO optimization

What is posh? No, it's not some new web design fashion hype-posh is plain old semantic html (clear old-fashioned semantic HTML) abbreviation. The word semantic HTML is used for a variety of things, but it stems from the goal of creating XHTML documents using semantic tags and attributes, rather than using representational HTML. Posh this noun was created because a group of highly respectable http://www.aliyun.com/zixun/aggregation/7007.html "> Web designers want to have a short, memorable, The concept of semantic HTML essence that can be easily captured.

Why should I make semantic html?

You might say, "because it's the right thing to do with the Internet," but its benefits go well beyond that. For example, it makes it possible for screen readers to parse pages in order, making it easier for visually impaired users to understand the information that gets the site.

Second, search engine optimization and semantic HTML are inseparable partners. They may have conflicts of interest at times, and we'll explain them later in the article, but generally they are consistent. The goal of SEO is to help search engine spiders better understand the information of the Web page and categorize the pages better. Search engine crawler is not much stronger than visual reader, it needs more guidance to determine the structure and theme of a Web page. Good semantic HTML can reflect the structure of the page.

Semantic HTML attempts to convey the meaning of a Web page through text and markup on a Web page. Try to think like this: if the content on the page is what you say. Then the label is the structure of the words, the tones, the pauses, even the expressions on the face. Basically the label is half the language.

Website structure

In my previous article dev.opera.com I talked about the Web site structure, which is designed to provide a clear way for search engines to discover topics on these Web pages for discussion-This can further improve the use of semantic HTML effects.

Web page structure

The page contains a title, content. Content can include paragraphs, lists, references, pictures, and tables. All of these types of information have their own specific tags. We'll start with the title with all these tags. Using this page about the sort table as an example leads to the point to be described later (bad translation, original: Use this page about sortable tables as a example to follow along with for the coming Points.).

Title, from H1 to H6

A good document has titles and subheadings because the title is easier to determine the theme of the page. These headings are arranged in terms of importance from H1 to H6. To tell you the truth, I've never used H5 and h6 myself. I usually have only one H1 tag on the content page, and you can have multiple h1 on all your articles on the portal page, such as the homepage of the blog. From a semantic point of view, so Ken that is very strange, but from the point of view of search engine optimization, it is very effective.

Strict semantic researchers would suggest that you have only one H1 two H2, 3 H3, and so on, in my opinion, I disagree, usually a document is not just two H2, I think it is a very good structure.

Typically, a designer who understands semantic HTML places the title of the site in the H1. On the homepage of a website, this may be a very sensible decision. On other pages of the site, you may have a specific title, which may be relevant to your site name, but not. With regard to these subsites, it is wise to place the title in H1, placing your site name in h4 or even span.

The search engine gives the text in the title a higher weight. Your page keyword optimization should appear at least once in H1, and the relevant keywords are in other headings (HX), as shown in Figure 1.

Headings that contain keywords help improve web search engine optimization

Image

The pictures in your document are used in a variety of ways, and you should make the pictures reflect the appropriate semantics. The only truly useful semantic markup is the ALT attribute of the IMG tag and should only be used for pictures that have a specific meaning to the document. If the image is for decorative purposes only, let the alt attribute be empty. Otherwise, specify the information in the image description in Alt.