首页 > 问答 > 网站代码结构 具体讲哪些?求教

网站代码结构 具体讲哪些?求教

[导读]:很多人说优化网站要从网站结构,代码上面开始优化,然后再做内容,这说的网站结构、代码优化我不是很懂,求大神赐教,或者哪里可以学习,学习地址也行! 找个靠谱的前...

很多人说优化网站要从网站结构,代码上面开始优化,然后再做内容,这说的网站结构、代码优化我不是很懂,求大神赐教,或者哪里可以学习,学习地址也行!

找个靠谱的前端给诊断下就可以,如果自己从头学的话,得不少时间。

主要是这些方面来看:

1、速度:是否合并资源,减少请求(包括JS\CSS\图片等);
2、语义:代码是否具有语义化,方便引擎分辨主次内容;
3、DOM结构是否符合重要内容放前面的原则,利用 float 或其他布局方式重构;

分条来看:

01、(速度)图片优先使用 CSS sprites 技术;
02、(速度)避免使用 * 通配符定义全局样式;
03、(速度)使用 CSS 缩写技术减少代码量;
04、(速度)合理利用 CSS 继承减少代码量;
05、(速度)使用外部 CSS 链接提高页面加载速度;
06、(速度)使用代码压缩工具删除注释、空格等非重要代码;
07、(速度)合并CSS、JS等文件;
08、(语义)少使用框架、JS 来展示重要的内容;
09、(语义)正确使用 H 系列标签、strong 标签等;
10、(语义)图片是否添加 alt 属性,方便引擎识别图片内容;
11、(语义)长文本链接是否添加 title 属性;
12、(语义)减少页面上类 flash 引擎无法识别抓取的元素;
13、(语义)展示数据类信息时有限使用 table 方式;
14、(结构)使用 float 让重要的内容放在前面;

……

###

1、网站结构指的是网站逻辑结构即链接结构的优化,也就是说优化网站的时候,尽量让网站主要目录和页面的URL在网站首页和其它页面出现,减少点击深度。

2、代码优化就是精简代码,如css代码、JS代码外部调用,html标签中默认属性值的。

3、哪里可以学习:建议买一本《SEO实战密码:60天网站流量提高20倍》上面有这方面的详细讲解的。

###

代码上面优化一般就注意H标签使用,图片里面加alt,以及一些页面的屏蔽啊等等小细节吧。要在做到更加细致只能去学html+css了~

本文来自投稿,不代表微盟圈立场,如若转载,请注明出处:https://www.vm7.com/a/ask/22873.html