Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall
this XHTML1 standard div layout is the famous web designer Atzie 2004 published in the "Web designer", a very classic layout, in IE, Mozilla and opera browsers can achieve center and highly adaptive. Complete code is as follows (in the original code based on a certain standard collation):
<html>
<head>
<metahttp-equiv= ' content-type ' content= ' html; charset=gb2312 ">
<title>seo Reference: XHTML classic three row two column layout-seobbs.net</title>
<style type= "Text/css" >
Body {
background: #999;
Text-align:center;
color: #333;
font-family:verdana,arial, Helvetica, serif;
}
a:link,visited {color: #004592; Text-decoration:none}
a:hover {color: #004592; Text-decoration:underline}
a:active {color: #004592; Text-decoration:none}
img {border:0px}
#header {
Margin-right:auto;
Margin-left:auto;
padding:0px;
width:776px;
background: #EEE;
height:60px;
Text-align:left;
}
#contain {
Margin-left:auto;
Margin-right:auto;
width:776px;
}
#mainbg {
Float:left;
padding:0px;
width:776px;
background: #60A179;
}
#right {
Float:right;
margin:2px0px 2px0px;
padding:0px;
width:574px;
background: #ccd2de;
Text-align:left;
}
#left {
float:left;
margin:2px 2px0px0px;
padding:0px;
background: #F2F3F7;
width:200px;
text-align:left;
}
#footer {
clear:both;
margin-right:auto;
margin-left:auto;
padding:0px;
width:776px;
background: #EEE;
height:60px;
}
. text {margin:0px; padding:20px;
</style>
</head>
< body>
<div id= Header >header</div>
<div id= "contain" >
<div id= "MAINBG" >
<div id= "right" >
<div class= "text" >text<p> paragraph </p><p > Paragraph </p><p> paragraph </p><p> paragraph </p><p> paragraph </p></div>
</div>
<div id= "left" >
<div class= "text" >left</div>
</div>
</div>
</div>
<div id= "Footer" >footer</div>
</body>
</html>
Page style diagram see next page diagram
Page Implementation Intermediate XHTML Technical Analysis please go to my edited post, or "Web designer" view, effect demo and
Code:http://www.seobbs.net/xhtml32.html
below analyze the advantages of this layout from the SEO perspective:
Let's look at the content distribution in the page by the Web Design Convention, in general, the head (area a) for the site navigation, the bottom of the
(d) for auxiliary navigation and copyright information, etc., the Left (b) will put search, list, ranking and other functional content, the core content
is concentrated on the right (area C).
as shown in the figure above, according to the traditional layout, the code sequence is "A->b->c->d", or it can be understood as "feature-> feature
-> Core content-> function ".
all know, search engine spider crawling, is in the page code order from top to bottom, in this case the spider is very difficult to crawl to the core content of the fastest
And when the page code is too much, the spider may not crawl to the core content to retrace, crawl
to is the same as other pages of functional content, this page becomes a similar web page.
In order to avoid such a situation, including Sina, Sohu, NetEase and many other websites (possibly including you ^_^), all
in the design of the page B and C swap.
To see this layout again, the page code order is "A->c->b->d", by content distribution can be understood as "feature-> core content
-> function-> function ", in the case of not changing the page display, the core content part of the front.
In this way, spiders crawl in the shortest possible time to index the core content of the Web page.
plus the advantages of the XHTML standard design code streamlining,Spiders crawl efficiency and quality will be very high, will be more popular with spiders
.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
