SEO初级优化--HTMLCSSJS

Posted 2020-08-03 Mr.Du 技术分享

html：

1.标签的有开有合。

2.避免冗余代码，例如去除空格字符。

3.合理利用标签语义化。

4.合理的嵌套规则，避免行元素内嵌套块元素。

5.img标签内需要添加title属性和alt属性。

6.a标签内需要添加title属性。

7.Meta标签的优化（过去搜索引擎优化的重要手法，现在已经不是关键因素，但仍不可忽略）主要包括： Meta description、Meta keywords的设置　　关键字密度要适度，通常为2%-8%，也就是说你的关键字必须 在 页面中出现若干次，或者在搜索引擎允许的范围内，要避免堆砌关键字。

8.<title>页面标题，必须列出信息的标题、网站的名称以及相关关键字，避免堆关键字。

9.合理使用注释。

 

CSS：

1.避免将css代码写在标签内。

2.如果css代码量少，可直接写在头部。否则请使用外部引入的方式。

3.请不要使用通配符选择器 *{margin:0;padding:0;} 这不仅仅因为它是缓慢和低效率的方法，而且还会导致一 些不必要的元素也重置了外边距和内边距。请引用reset文件，引用reset文件在自己定义的css文件之前。

4.css代码缩写可以提高你写代码的速度，精简你的代码量，包括margin，padding，border ，font， background和颜色值等。

5.利用css继承，如果一个父元素内有多个子元素拥有相同的样式，可将相同的样式定义在元素上。

6.如果多个元素拥有相同的样式，可定义一个通用的class或使用群组选择器。

7.使用背景图合并技术。

8.适当的代码注释。

 

JS：

1.采用外部引入的方法。

2.合理合并JS代码，可减少服务器的压力。

3.良好的JS代码习惯。例如：减少页面重绘，减少作用域链上的查找次数。