Code semantics improves website's friendliness to search engines

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

In recent days more snacks in the studio station-leisurely Sky Studio (L-sky. STUDIO) above, has been not attached importance to it is mainly because the customer is almost all from the line, to make a small station is only to give themselves a space, "do whatever it takes"! Back home for more than 20 days, the early period has been to get team blog-Green installation marketing planning agency, Baidu has begun to be included, Hope that the new Year's time everyone also do not relax, a lot to the force is good!

These days to the studio backstage added online generation Robots.txt files and online visitors to these two functions, testing a period of time to find the spider God to me here or more diligent, especially Yahoo China and Baidu, but basically are home, the chain is relatively small. A few days ago in the spider crawl recording function, accidentally put Baidu and Google two spiders shut outside the door, engaged in the weekday 2 days an updated snapshot to now 5 days have not updated! In order to attract the spiders to take care of the big, back to the front of the code turned out, combined with the "Search Engine optimization Rules" The main points of the article are optimized for the whole code. Please note: I will say the following is not SEO optimization, if you want to learn SEO optimization, marketing planning and other knowledge, please go to our team Blog-Green installation marketing planning agency, there is absolutely everything you want!

This time I did the optimization of the station in the most important point is the following:

Code semantics

Code semantics is definitely a cliché. Baidu, you will find a lot of code on the semantics of the article. So why semantic code? In fact, we know that every tag in HTML has its own specific meaning, and the meaning of these tags is semantically it's about using the right labels in the right place to get better people and machines (here's the machine that can be understood as the Spider-God of search engines) All at a glance. For more information, please go to our team blog to learn about ...

How do I use appropriate labels in the right place?

This is a simple understanding logic. For example, the H1~H6 tag is used for the title class; The UL is used for unordered lists; OL is used for filling lists; DL is used to define lists; Em,strong tags are used to emphasize ... To put it bluntly, each English interpretation of HTML tags determines its semantics (I'll place a list of common HTML tags in English for reference later in this article).

What kind of code can make people and machines can be at a glance?

The best way to check the semantics of HTML pages is to remove CSS links from the page to see if the page structure is in order and whether the page still has a good readability. Why is that so? Everyone knows that browsers have default styles (recommend using the Chrome Web Developer Tools for Chrome plug-ins, or Firefox web Developer plug-ins), such as H1~H6, with bold/font size in descending order , the default style of the top and bottom margins, UL, OL, DL have the default bullets, fervent default has bold style ... So, the same page, semantically good HTML can be in the page with CSS to remove the situation still good performance.

There is also a point, good semantic coding, the search engine has a better friendliness. Search spiders are not aware of your CSS, but it can recognize HTML tags.

Here is a simple example:

By using the simple example above and the effect diagram without any CSS definitions, it's time to understand the difference. If you are learning HTML5, its header, footer, sidebar, aspires and other elements are new semantic tags.

HTML coding semantics is a step toward high-quality front-end development. It's better to follow the Web standards and keep your pages in order after you remove them. More on the semantics of more detailed introduction, you can Google or read Dawn's "Web front-end development of the road of cultivation," chapter Iii.

Attached: label semantics in Chinese and English table (strikethrough is HTML5 label not supported)

If you ignore the label semantics and default style, all tags are used div, in fact, you can write a good visual effect of the page, as long as you use CSS flexibly. But in that case, although the visual requirements, but the entire page has no semantic, the search engine still can not understand. So, remember:

Structure (HTML) is the focus, style (CSS) is used to modify the structure. So, first determine the HTML, identify the label, and then choose the appropriate CSS.

In general, all the labels will have a default style, so a simple way to judge the Web page label semantics is good: To remove the style, to see whether the structure of the Web page is well-organized and orderly, whether there is still good readability.

In addition, it is worth highlighting the H tag, h tag is the semantic title, search engine on this label more sensitive, especially H1 and H2. A semantically good page, H tags should be complete and orderly without faults. In other words, to h1,h2,h3,h4 this push down, do not h1,h3,h4, Miss H2. A well structured Web page, H tags can organize a web page outline.

This article by the leisurely White Deer Original reprint, please retain the original address: http://www.28sem.com/blog/rumen/669.html, Welcome to join, green installation Marketing Communication Group Exchange study: 36936294