读书笔记：《SEO教程：搜索引擎优化入门与进阶》（4）—

——对HTML源代码进行必要的调整。

1.去掉冗余代码

——降低页面体积

——提高搜索引擎友好性

做法：
去掉每行代码前面、后面的空格字符；
去掉空白行；

2. HTML标签转换

——使用短标签替换同样效果的长标签

做法：
加粗：<strong>改为<b>
斜体：<em>改为<i>
删除线：<strike>改为<s>（有过时的可能）
缩进：<blockquote>改为<ul>
注意：转换后的结果要能够通过W3C验证。而且要注意有的标签会随着时间慢慢退出历史舞台。

3.CSS优化

——改变CSS调用方式

做法：

CSS均改为外部文件调用方式。

4. JS优化

做法：

JavaScript均改为外部调用方式。

另外要注意，搜索引擎不解析JS生成的内容，所以如果有需要SEO的内容，最好不使用AJAX方式进行显示。

5. 表格优化

——防止表格嵌套

原因：

表格嵌套会大大增加网页大小，降低网页的显示速度。
做法：
页面体积控制在100KB左右最好（仅HTML代码部分，不包括图片及其他多媒体元素），搜索引擎可能会拒绝收录100KB后面的内容。

6. 头部优化

——<head></head>之间

做法：
<title>标签最重要！title长度在28个中文字符以内。公司名称要排在能够提高页面相关性的关键词后面，如“手机-中国最好的手机网站”；关键字的组合可以用竖线|空格或者逗号，其中竖线对搜索引擎最友好。
<description>标签：不超过112个中文字符；关键字首先出现，出现5次左右比较合理；
<keywords>标签：列出的关键字必须是标题、描述中出现过的。
<robots>标签：用于限制搜索引擎对网站相关内容的抓取，若不添加此标签，则搜索引擎认为该页面下的所有内容都可以被抓取。

7. 权重标签的使用
——常见的权重标签：h,font,b,i,u

做法：
<h>标题标签：最重要。<h1>-<h6>，影响页面相关性方面也是h1>h2>...>h6. 我们可以用<h1 class="xxh1">食安@微店</h1>来协调HTML标签优化与CSS样式控制。
<font>字体标签：字号、颜色属性最重要。
<b>加粗标签；
<i>斜体标签；
<u>下划线标签；

8. 图片优化

做法：
主动告诉搜索引擎图片的内容：修改图片文件名称、设置alt属性、在图片周边增加相关内容；
图片压缩-减小图片体积；
大图片切割-对于超大图片，可以采用“切条”的形式进行分割，利于页面加载。
图片长宽-最好使用与显示要求一致的图片大小，否则在页面加载时会先下载原大小图片，然后再根据CSS或HTML进行图片的大小调整，降低访问速度。

SEO相关链接：

读书笔记：《SEO教程：搜索引擎优化入门与进阶》（1）——搜索引擎收录及排序的基础知识
读书笔记：《SEO教程：搜索引擎优化入门与进阶》（2）——关键字
读书笔记：《SEO教程：搜索引擎优化入门与进阶》（3）——URL优化

读书笔记：《SEO教程：搜索引擎优化入门与进阶》（4）——代码优化相关推荐

网站推广必备手册:SEO教程:搜索引擎优化入门与进阶(第2版)
网站推广必备手册:SEO教程:搜索引擎优化入门与进阶(第2版) [作者]吴泽欣 [同作者作品] [作译者介绍] [丛书名] 图灵程序设计丛书 [出版社] 人民邮电出版社 [书号 ...
读书笔记：《SEO教程：搜索引擎优化入门与进阶》（2）——关键字
关键字的位置和形式搜索引擎分析网页时,在HTML源代码中是自上而下进行的,因此搜索引擎会更加重视网页源代码中首先出现的内容,因此在规划页面时,应非常重视页面的<head>节点: < ...
《SEO教程：搜索引擎优化入门与进阶(第3版)》
<SEO教程:搜索引擎优化入门与进阶(第3版)> 基本信息作者: 吴泽欣丛书名: 图灵原创出版社:人民邮电出版社 ISBN:9787115357014 上架时间:2014-7-1 出 ...
读书笔记：《SEO教程：搜索引擎优化入门与进阶》（1）——搜索引擎收录及排序的基础知识
搜索引擎对页面的收录收录流程: 搜索引擎蜘蛛通过域名进入网站,通过首页涉及到的URL逐步深入地进行循环爬取,建立网页数据库. 每一个网页都会对应记录唯一的URL和此页面上的文字信息,然后对这些文字信 ...
SEO 搜索引擎优化入门教程
搜索引擎优化入门教程总目录第一章 SEO 入门........................................................................... ...
SEO教程-网站优化404页面怎么制作
SEO教程-网站优化404页面怎么制作网站优化404页面怎么制作一个404页主要是引导用户在一个不能打开的链接上访问站点的其它内容,而不是让用户直接关闭窗口,这有助于增加页面浏览,但是对爬虫有好处 ...
HTML的SEO（搜索引擎优化）标准
HTML的SEO(搜索引擎优化)标准一.总结这个做seo的时候要多看,做网站优化的时候 1. SEO(搜索引擎优化):通过总结搜索引擎的排名规律,对网站进行合理优化,使你的网站在百度和Google ...
什么是SEO？搜索引擎优化是什么意思？
什么是SEO?搜索引擎优化是什么意思? 搜索引擎优化(SEO)是所有方法的总称,可用于确保您的网站及其内容在搜索引擎结果页面(SERP)上的可见性. 这些方法不同于您在网站幕后可以实现的技术实践(我们 ...
前端开发之SEO（搜索引擎优化）
前端开发之SEO(搜索引擎优化) 文章目录前言一.突出重要内容合理的title.description和keywords 语义化书写HTML代码,符合W3C标准利用布局,把重要内容HTML代码 ...

读书笔记：《SEO教程：搜索引擎优化入门与进阶》（4）——代码优化

读书笔记：《SEO教程：搜索引擎优化入门与进阶》（4）——代码优化相关推荐

最新文章

热门文章