600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 读书笔记:《SEO教程:搜索引擎优化入门与进阶》(4)——代码优化

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

时间:2023-08-20 16:52:48

相关推荐

读书笔记:《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优化

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。