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

最新推荐文章于 2020-11-30 21:05:45 发布

qq_15338149

最新推荐文章于 2020-11-30 21:05:45 发布

阅读量6k

点赞数

分类专栏： SEO

本文链接：https://blog.csdn.net/qq_15338149/article/details/38341053

版权

SEO 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

——对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进行图片的大小调整，降低访问速度。

qq_15338149

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
读书笔记：《SEO教程：搜索引擎优化入门与进阶》（4）——代码优化

——对HTML源代码进行必要的调整。1.去掉冗余代码——降低页面体积——提高搜索引擎友好性做法：去掉每行代码前面、后面的空格字符；去掉空白行；2. HTML标签转换——使用短标签替换同样效果的长标签做法：加粗：改为斜体：改为删除线：改为（有过时的可能）缩进：改为注意：转换后的结果要能够通过W3C验证。而且要注意有的标签会随着时
复制链接

扫一扫