时间:2010-05-30 11:26
seo案例库(http://hi.baidu.com/seo案例)特别声明:所搜集seo案例来源于互联网,版权归属原作者。
以国外seo商业站点seobook.com为案例(如图20.20所示),分析seo过程中的网页设计以及seo策略内容。
图20.20seobook.com网站截图
20.5.1seobook.com网页布局打开seobook.com主页,去除页面内数据内容,保留布局代码如下:
<divid="header"></div>
<divid="nav"></div>
<divid="container">
<divid="content">
<divclass="post"></div>
</div>
<divid="sidebar">
</div>
<divid="footer"></div>
效果如图20.21所示。在本例中定义的header容器,用于定义网站的logo;nav容器放置导航内容;footer定义网站底部导航;container容器分成2个子容器,其中content容器用于放置网站主题内容,sidebar用于放置搜索引擎;在content容器中的post子对象用于放置单个文件块。
图20.21seobook网页布局
采用结构清晰的网页布局,有助于网络蜘蛛检索网页时区分主要内容和次要内容。
20.5.2seobook.com导航设计seobook.com的导航设计采用了文字导航配合背景图片的方式,样式表导航部分的代码如下:
#nav{
background:url(images/span_bg.gif)repeat-x;margin-bottom:45px;width:100%;height:58px;text-align:center
}
#navul{
padding-right:0px;padding-left:0px;padding-bottom:0px;margin:0pxauto;width:835px;padding-top:21px;list-style-type:none
}
#navulli{
float:left;font:2.4em’trebuchetms’,verdana,arial,sans-serif;height:29px
}
样式中定义了id选择器nav的样式,以及nav容器元素ul和li的样式,代码如下:
<divid="nav">
<ul>
<li><ahref="http://www.seobook.com/buy-now.shtml">book</a></li>
<li><ahref="http://www.seobook.com">blog</a></li>
<li><ahref="http://tools.seobook.com">tools</a></li>
<li><ahref="http://www.seobook.com/glossary/">glossary</a></li>
<li><ahref="http://www.seobook.com/conferences/">events</a></li>
<li><ahref="http://video.seobook.com">videos</a></li>
<li><ahref="http://www.seobook.com/archives.shtml">archives</a></li>
<li><ahref="http://www.seobook.com/rf/">aff</a></li>
<li><ahref="http://www.seobook.com/about.shtml">about</a></li>
</ul>
</div>
导航效果如图20.22所示。
图20.22seobook.com导航
seobook.com使用了css+div方式,如上面的代码所示,导航部分结构很清晰,这有利于网络蜘蛛识别并抓取下级页面。
20.5.3seobook.com的图片处理在seobook.com中仅用了少量的gif图片作为网页的局部背景和小图标,虽然这种方式牺牲了部分视觉效果,但提升了网页访问速度。
seobook.com定义网站logo采用了一种较特别的方式,将网站logo作为id选择器的背景。代码如下:
#header{
background:url(images/logo.gif)no-repeat;margin:0pxauto;width:850px;height:169px;text-align:left
}
在header对象中的链接方式如下所示:
<divid="header">
<ahref="http://www.seobook.com"title="searchengineoptimizationbook."></a>
</div>
这种方式的好处是:在保证各个分页都有指向首页的链接情况下,即使图片因网络影响加载很慢或无法加载也不影响seo效果。
20.5.4seobook.com的主题和关键字分析虽然seobook.com的网页主题定义,并没有严格按“主题_栏目名称_网站名称”的方式命名,但可以看得出标题中始终体现了热门关键字“seo”,代码如下:
<title>aaronwall’sseobook.com</title>
<title>buythe#1rankedseobooktoday!</title>
<title>aboutaaronwallofseobook.com</title>
<title>freeseotools&searchengineoptimizationsoftware</title>
<title>searchenginemarketingglossary-seo&semindustrydictionary</title>
<title>theseoconferencecalendar</title>
<title>seovideos</title>
<title>aaronwall’sseobook.comthearchives</title>
把每页的主要内容作为重点关键字,所以seobook.com关键字定义策略采用的是“热门关键字+重点关键字”的方式。为了进一步验证这一策略,在英文google.com中输入关键字“seovideos”进行搜索,结果seobook.com出现在搜索的第一名。如图20.23所示。
图20.23google搜索结果
20.5.5seobook.com的站点地图seobook.com也专门针对搜索引擎,建立了站点地图文件,如图20.24所示。
站点地图(sitemap)有利于搜索引擎快速抓取站点内的网页。google的sitemap协议xml代码如下:
<?xmlversion="1.0"encoding="utf-8"?>
<urlsetxmlns="http://www.google.com/schemas/sitemap/0.84">
<url>
<loc>http://www.example.com/</loc>
<lastmod>2005-01-01</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
</urlset>
图20.24seobook.com站点地图
协议说明:
loc:页面链接地址。
changefreq:页面\更新频率。
lastmod:页面最后修改时间
priority:页面的优先级
通过本章的介绍,相信读者会对seo搜索引擎优化有一个全面的了解。赶快行动起来,让你的网站名列榜首吧!
欢迎您使用http://blogmove.cn提供的"博客搬家"和"博文三窟"服务.