SEO初级优化--HTML、CSS、JS

时间:2024-08-31 20:33:38

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代码习惯。例如:减少页面重绘,减少作用域链上的查找次数。