SEO代码优化
1,清理垃圾代码
清理垃圾代码是指删除页面中的冗余代码,可以删除80%的冗余代码,垃圾代码主要指那些删除了也不会对页面有任何影响的非必要代码。 最常见的垃圾代码:空格
空格字符是网页中最常见的垃圾代码。但并不是指标签,而是有代码编辑环境下敲击空格所产生的符号,每个空格相当一个字符,那么也就是说,一个页面,空格就占页面体积的15%,100K的页面,有15K是空格字符。
空格字符最常出现 在代码的开始和结束处,还有就是空行中。这些都是容易产生垃圾代码的地方。消除这样的垃圾代码的方法就是选中代码然后按shift+tab键左对齐.
2,HTML标签
A,HTML标签转换
HTML标签的转换主要是指使用短标签替换在网页中有同样效果的长标签,例如:与两者都是对字体加粗但是却比多了5个字符。如果一个页面出现上百个加粗标签,就会产生不少的冗余代码。
解决方法是:在制作html页面的时候,进行优化的选择使用的标签。
B,表格,ur等容器形式的标签
浏览器编译器遇到一个标签时,就开始寻找它的结束标签,直到它匹配上,才能显示它的内容.所以当表,ur等容器形式的标签嵌套很多时,打开页面就会特别慢,这样就降低了用户体验了.
解决方法:在编写html的时候,尽量使一个一个容器独立,如果要嵌套的时候,一定要使其清楚、简介。
C, 合理 target="_blank"
合理而不频繁使用target="_blank" 是能够在一定程度上位网站带来回旋流量和点击。同时,在细节上使用 target="_blank" ,可以增强网站整体用户体验.
3,CSS 优化
A,Css调用
有3种方式:
I,直接在页面的和之间写css样式;如果内容少则影响不大,否则大大增加页面的体积,还占用了顶部的重要位置
II,直接在html标签上面定义css 样式;增加页面的代码量
III,引用css文件; 这三种方式中,最利于seo优化的是 c ,也就是 引用css文件
B,使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset: *{margin:0;padding:0;} 这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距。
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td, /* table elements 表格元素 */ img/* img elements 图片元素 */{ border:medium none; margin: 0; padding: 0; }
4.js调用 Js的2种调用方式:
A,直接写在页面,巨量的JS代码放到页面不但增加页面的体积,而且还会占用首页这样重量级位置...从而使得页面中相对重要的位置不能优先向搜索引擎展示
B,引用js文件(引用外部地址的js会影响打开网页的速度); 第二种方式可取
分享按钮
清理垃圾代码是指删除页面中的冗余代码,可以删除80%的冗余代码,垃圾代码主要指那些删除了也不会对页面有任何影响的非必要代码。 最常见的垃圾代码:空格
空格字符是网页中最常见的垃圾代码。但并不是指标签,而是有代码编辑环境下敲击空格所产生的符号,每个空格相当一个字符,那么也就是说,一个页面,空格就占页面体积的15%,100K的页面,有15K是空格字符。
空格字符最常出现 在代码的开始和结束处,还有就是空行中。这些都是容易产生垃圾代码的地方。消除这样的垃圾代码的方法就是选中代码然后按shift+tab键左对齐.
2,HTML标签
A,HTML标签转换
HTML标签的转换主要是指使用短标签替换在网页中有同样效果的长标签,例如:与两者都是对字体加粗但是却比多了5个字符。如果一个页面出现上百个加粗标签,就会产生不少的冗余代码。
解决方法是:在制作html页面的时候,进行优化的选择使用的标签。
B,表格,ur等容器形式的标签
浏览器编译器遇到一个标签时,就开始寻找它的结束标签,直到它匹配上,才能显示它的内容.所以当表,ur等容器形式的标签嵌套很多时,打开页面就会特别慢,这样就降低了用户体验了.
解决方法:在编写html的时候,尽量使一个一个容器独立,如果要嵌套的时候,一定要使其清楚、简介。
C, 合理 target="_blank"
合理而不频繁使用target="_blank" 是能够在一定程度上位网站带来回旋流量和点击。同时,在细节上使用 target="_blank" ,可以增强网站整体用户体验.
3,CSS 优化
A,Css调用
有3种方式:
I,直接在页面的和之间写css样式;如果内容少则影响不大,否则大大增加页面的体积,还占用了顶部的重要位置
II,直接在html标签上面定义css 样式;增加页面的代码量
III,引用css文件; 这三种方式中,最利于seo优化的是 c ,也就是 引用css文件
B,使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset: *{margin:0;padding:0;} 这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距。
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td, /* table elements 表格元素 */ img/* img elements 图片元素 */{ border:medium none; margin: 0; padding: 0; }
4.js调用 Js的2种调用方式:
A,直接写在页面,巨量的JS代码放到页面不但增加页面的体积,而且还会占用首页这样重量级位置...从而使得页面中相对重要的位置不能优先向搜索引擎展示
B,引用js文件(引用外部地址的js会影响打开网页的速度); 第二种方式可取