核心提示：以国外SEO商业站点seobook.com为案例（如图20.20所示），分析SEO过程中的网页设计以及SEO策略内容。图20.20 seobook.com网站截图20.5.1 seobook.com网页布局打开seobook.com主页，去除页面内数据内容，保留布局代码如下：div id='head...
以国外SEO商业站点seobook.com为案例（如图20.20所示），分析SEO过程中的网页设计以及SEO策略内容。
图20.20 seobook.com网站截图
20.5.1 seobook.com网页布局打开seobook.com主页，去除页面内数据内容，保留布局代码如下：<div id="header"></div>
<div id="nav"></div>
<div id="container">
<div id="footer"></div>
效果如图20.21所示。在本例中定义的header容器，用于定义网站的logo；nav容器放置导航内容；footer定义网站底部导航；container容器分成2个子容器，其中content容器用于放置网站主题内容，sidebar用于放置搜索引擎；在content容器中的post子对象用于放置单个文件块。
图20.21 seobook网页布局
采用结构清晰的网页布局，有助于网络蜘蛛检索网页时区分主要内容和次要内容。20.5.2 seobook.com导航设计seobook.com的导航设计采用了文字导航配合背景图片的方式，样式表导航部分的代码如下：
#nav {
}
#nav UL {
}
#nav UL LI {
}
样式中定义了id选择器nav的样式，以及nav容器元素ul和li的样式，代码如下：
<div id="nav">