优化基础之网页元素优化
德道网络 |
发表时间:2018-07-10 09:37:48
一、页面结构设计
首先要明白一个页面由几部分构成。
一般页面结构由头部、右(左)侧、底部和主题部分构成。一般的博客、资讯站、企业站等的页面几乎都是这样来设计的。
二、文字优化
1、字体
正规严肃的网站,不能用太优质的字体。
彰显个性的网站,也不建议用特别不容易识别的字体。
2、颜色
一般采用黑色或深灰色为佳,不建议出现大量红色,也不建议出现闪光的文字(当然这一般就属于图片的范畴了)。
3、大小
字体一般为14px。
4、行间距与字间距
给人的感觉舒服就好。
三、图片优化
1、命名
Google建议是图片描述的是什么,就命名为什么
当然,如果按照Google的要求来做是最好的,没必要非得写英文,写中文拼音也是可以的,对百度搜索引擎也是非常友好的。
2、大小
一般来讲,图片越清晰越好,但一般体积反而是越小越好。虽然这是矛盾的,但也是事实。
图片不清晰,自然用户体验度也不好,图片清晰了,很可能体积就大了,导致页面显示图片慢。
3、备注
备注是什么?就是图片下方的文字说明。一般大网站的图片下方都会有对图片的说明。
4、alt与title属性
图片描述的是什么,就写什么,例如上面一张图的,alt与title均为“图片备注示例图”。
四、代码优化
一般不要在页面上使用过多JS代码,容易导致网站加载过慢,不要使用过多冗余代码,可以适当对代码做精简。当然这是有专门的技术人员在的话,其实CMS系统来讲,本身是挺好的,但是由于人们开发的主题或二次修改模板,可能会导致模板中有很多冗余代码。