Talking about the optimization method of Web site from HTML layout

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

SEO is a learning, the things involved are also very broad, many friends in doing SEO often pay attention to something outside, such as external links, or advertising, and so on, and ignore their own site inside some things, today I would like to talk about the HTML layout of some things, I hope to help you, We also welcome the common discussion.

First, write good HTML structure

A good HTML document structure is not harmful to search engines or to code personnel (slicing people or programmers). Recall that the table layout was discarded because a large number of redundant code was generated using the table layout, and only multiple tables were applied to achieve a certain visual effect. So if you use the div layout, but your HTML document knot is nested too deep or has too much redundant code, it's basically no different from the table layout. Here I recommend a foreign cattle to write the site, you can refer to his document structure Zengarden (Cicada Garden) Baidu came out.

Second, use your logo skillfully

Many friends like to insert an IMG tag as a website logo, personally feel a bit of a random resource, why do you say so? Because now the search engine has almost ignored the ALT attribute of the IMG tag. There is a search engine on a site, the previous part of the HTML is more important, here I give an example to teach you skillfully with your logo, we open Sohu's website to view his source files, found that its logo is not used IMG tags inserted in the picture, but this definition:

HTML section

< H1 >< a href= "http://www.sohu.com" title= "Sohu-China's largest portal" > Sohu </a></h1 >

CSS Section

h1 {text-indent:-5000px;display:block;width:143px;height:67px;float:left;margin:0 auto;}

H1 a {width:143px;height:67px;float:left;background:url (...) /images/logo.gif) No-repeat;overflow:hidden}

Many people may ask how could it be a H1 tag? Is that not cheating? This word search engine official also does not have the stipulation to calculate cheating, and other people sohu such big website All is so dry, we come to on the line, and I used many times to this recruit, have not found what problem at present.

Third, the rational placement of H tag

Have experienced SEO friends know. H1~h6 tags are good for website optimization, yes, but if your H tag abuse not only for SEO no benefit, but will be down the right or even perish. Or for example, take a news for personal suggestion H1 label placement title, H2 label can put a paragraph of 50 words about a small description, there is H2 tag can add a and title-related auxiliary keyword to foil, H3 tag can do news content inside the small title, As with H2 can also add some keyword modification but to control the proportion Oh. H4 with H3 the same time with the use of better results.

Four, beautiful and website optimization combination

Currently doing HTML layout in China, often is the art or slicing staff the most headaches, because the domestic operating system can be displayed on the Web page of the font is very few, the most commonly used is the song, but many designers in the website design manuscript will use some artistic fonts, this is very normal. But the sad domestic browser only supports the song body and some rarely used boldface and italics, how to do? have slice experience friend immediately think of Chettu, right, this is the most commonly used method, but if these use the artistic font of Dongdong to SEO very useful how to do? Take the author's website to say http:// Www.flagwind.com Open, you will find that my navigation is using the Microsoft Ya Black font, many friends know. The tragedy of XP default is not with Microsoft ya black, but I used a recruit many friends have not noticed the trick, is embedded fonts, or the old rules directly on the code:

CSS Section

@font-face {font-family: ' flagwindregular '; Src:url ('/dbfnt0.eot ');}

#navigation li{font:normal 15px ' Microsoft Ya-hei ', ' flagwindregular ';}

Carefully observe my #navigation font definition, first of all, Microsoft Ya-Black, and then the single quote inside of that is my custom font name, about custom embedded fonts I'm not here to nag. We can look up Baidu, very simple, minutes to learn.

Write so much, originally writing on Rotten, is the first submission, can pass the audit is the problem, but I said the content is my 7 years to do the site summed up the experience, what is wrong to welcome everyone to make bricks, if through the audit later on as much as possible to write some practical things out. This article by the Shenzhen website construction Company Flag Wind Network (www.flagwind.com) original, forwarding time please do not delete the original author copyright information, thank you!