繁體中文当前位置: 首页 > 图文教程 > 网站运营 > 网站优化 > SEO之增加文字与HTML代码的比例
- 网站优化
- 对刚刚接触搜索引擎优化站长们的衷心建议
- 谷歌官方优化建议：动态网址与静态网址
- 谷歌官方《搜索引擎优化指南》网络蜘蛛篇
- 影响网站权重的七个因素
- 分述百度和谷歌对搜索引擎作弊的不同判定
- 新建网站进行搜索引擎优化的六个基本步骤
- 禁忌：网站优化中绝对不能够做的九件事情
- 57条让你老妈看完都能成为SEO高手的技巧
- 中文网站管理员讲解 关于网页链接的知识
- 放弃SEO是理性的胜利 SEO细节决定成败
- 百度与谷歌如何判断网站文章是否原创试析
- 谷歌《搜索引擎优化指南》为链接添加nofollow属性
- 从两个案例分析 搜索优化中IP地址很重要
- 释疑链接的四个误区 谈外连对网站的影响
- 站长需要知道的55条搜索引擎优化绝佳技巧
- 内容更新频率与搜索引擎关系 让它熟悉你
- 新站的原创之路
- 纵搜索引擎算法改变 核心思路永远不会变
- 谷歌官方《搜索引擎优化指南》网站推广篇
- 谷歌官方《搜索引擎优化指南》网站管理篇
网站优化 中的 SEO之增加文字与HTML代码的比例
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-17 浏览: 54 ::
收藏到网摘: n/a
上一篇里，我们从网站运营的角度说了说SEO的网站内部链接。
今天，从网站建设的角度，既设计师的角度来说说如何SEO一个网站的文字和HTML代码比。
其实对于搜索引擎来说，最友好的，当属文字了，虽然现在图片的抓取不断在改进，但是任何一位有经验的老手都会告诉你，SEO，文字最合适。也正因为此，比方说网站建设博客里，图虽有，但仍是文字居多。
这里给大家举个简单的例子，说明如何增加网站的文字与HTML代码比：
如：
很多人喜欢这样写H1：<h1 class=”title”>这里是标题</h1>
众所周知，一个页面不会出现两个H1，如果有两个，那好比一个人身上长着两个脑袋一样很难看。这不仅是常识，也是标准。所以给h1加上这些那些class或id是画蛇添足。
应这样写：<h1>这里是标题</h1>
然后样式需要在CSS中定义。
这是很简单，那页面中有圆倒角如何做？网上有N多办法，其中最典型的就是HTML+CSS实现圆角矩形，HTML代码部分如下：
<div class="panel">
<DIV class="t-o b1"></DIV>
<DIV class="t-o b2"></DIV>
<DIV class="t-o b3"></DIV>
<DIV class="t-o b4"></DIV>
<DIV class="content">
<!-- 这里放内容 -->
<DIV class=clear></DIV>
</DIV>
<DIV class="b-o b4"></DIV>
<DIV class="b-o b3"></DIV>
<DIV class="b-o b2"></DIV>
<DIV class="b-o b1"></DIV>
<DIV class="break"></DIV>
</div>
其实，我们完全不必用这些代码，可以简化到：
<div class="panel">
<!-- 这里放内容 -->
</div>
毫无疑问，这样可以很明显的减少HTML代码，当然，光这样写是失去了圆角效果，效果我们可以借助JS加上。
我们完全可以用纯粹的JavaScript代码来写，为了方便，我们采用jQuery来写：jQuery(function($){
$('.panel').prepend('
‘);
})
需要注意的是，这个JavaScript代码要写到一个独立的js文件中。
如果页面中，用到多个圆角，则只管设置class为panel即可。
这样，我们可以减少HTML代码，实现了增加内容和HTML代码比的目的。
在不牺牲用户视觉效果的情况下，给爬虫看一个干净的页面代码，并且在网速相等的条件下，一定的减少抓取时间，有利于抓取，毫无疑问，也将有利于搜索引擎的排名。
除了这个圆角外，滑动门等，完全可以用jQuery进行代码优化，说点不客气的话，国内常用的那些滑动门实在是恶心，还得加一大堆没用的id，其实滑动门可以做的更简单。
这里是HTML代码:
<dl>
<dt>滑动门标题1</dt>
<dd>滑动门1对应的内容</dd>
<dt>滑动门标题2</dt>
<dd>滑动门2对应的内容</dd>
......
</dl>
文章版权为成捷信息科技所有，转载请注明出处：http://www.inwebsite.com.cn/blog/webdesign/words_html_code
评论 (0) All
