• A+

读书笔记:《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进行图片的大小调整,降低访问速度。

 

 

所属分类:架构

 0 条回应

我有话说:
    ×