《页面优化》之网页元素优化

本文作者:俺是个土鳖i  |  分类:SEO推广/网站优化  |  9天前  |  人气130

《页面优化》之网页元素优化,网页元素优化,可以是只拥有一个页面的网站,也可以是大网站中的某一个页面。

今天,520设计SEO课堂网为大家带来的是网页元素优化教程。希望本次SEO技术培训对大家有所帮助。 

《页面优化》之网页元素优化

 

一、页面结构设计

首先要明白一个页面由几部分构成。

一般页面结构由头部、右(左)侧、底部和主题部分构成。一般的博客、资讯 站、企业站等的页面几乎都是这样来设计的。

《页面优化》之网页元素优化

 

二、文字优化

1、字体

正规严肃的网站,不能用太优质的字体。

彰显个性的网站,也不建议用特别不容易识别的字体。

2、颜色

一般采用黑色或深灰色为佳,不建议出现大量红色,也不建议出现闪光的文字 (当然这一般就属于图片的范畴了)。

3、大小

字体一般为 14px。

4、行间距与字间距

给人的感觉舒服就好。

 

三、图片优化

1、命名

Google 建议是图片描述的是什么,就命名为什么,比如上面一张图片我的命名 为“jiegou.png”,其实如果按照 Google 官方的说法,这张图片应该命名为“yemianjiegoushilitu.png”,当然用英文更好,则为 “page_structure_diagram.png”。

当然,如果按照 Google 的要求来做是最好的,没必要非得写英文,写中文拼音 也是可以的,对百度搜索引擎也是非常友好的。

2、大小

一般来讲,图片越清晰越好,但一般体积反而是越小越好。虽然这是矛盾的, 但也是事实。

图片不清晰,自然用户体验度也不好,图片清晰了,很可能体积就大了,导致 页面显示图片慢。

3、备注

备注是什么?就是图片下方的文字说明。一般大网站的图片下方都会有对图片 的说明。

《页面优化》之网页元素优化
4、alt 与 title 属性
图片描述的是什么,就写什么,例如上面一张图的,alt 与 title 均为“图片 备注示例图”。

四、代码优化
一般不要在页面上使用过多 JS 代码,容易导致网站加载过慢,不要使用过多冗 余代码,可以适当对代码做精简。当然这是有专门的技术人员在的话,其实 CMS 系统来讲,本身是挺好的,但是由于人们开发的主题或二次修改模板,可 能会导致模板中有很多冗余代码。

以上就是520设计SEO课堂网为大家带来的是网页元素优化教程。感谢您的观看。520设计网课堂SEO培训

转自小小课堂

本作品为上传者原创,版权为上传者所有。分享时请注明,谢谢!

本文网址: http://www.sj520.cn/listdetail/1/58793/5397.html

快给朋友分享吧!

提示:本站所有资源仅供学习与参考,请勿用于商业用途。图片来自互联网~如侵犯您的权益,请联系QQ:229866246.

提示:转载请注明来自:sj520.cn 。    原文地址:http://www.sj520.cn

立即登录/立即注册 与大神切磋,分享你的观点!

全部评论: 0

高级
71
作品
4
文章
0
喜欢

会员登录还没有账号 立即注册

邮箱登录邮箱格式不正确

忘记密码 ?

用第三方帐号直接登录

微博账号登录 QQ账号登录