——对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优化