我的博客| Blog
- ·微信小程序错误:VM564:...
- ·mongodb3.2设置密码...
- ·单行滚动代码-单行滚动效果
- ·自己动手制作图形字体,以便于...
- ·MySQL无限级分类PHP按...
- ·Windows下的Apach...
- ·如何将网站上的文章分享到微信...
- ·PHP实现自动获取本月第几个...
联系我| Contact Me
- 电话:18681257080
- QQ:271538869
- 邮编:518020
- 信箱:service@08321.org
- 地址:四川省内江市资中县
诚信稳健,和谐共赢
- 以诚信为立世之本,在稳健的基础上,不断寻求创新与突破。
- 以务实严谨、精微细致的专业精神,为客户做最优质的策划,实现效果最大化。
成功,依稀可见
- 为什么成功依稀可见?
- 依希认为:每一人都有成功的机会,只要我们愿意付出努力,成功就在我们的前方。所以:成功,依稀可见!
我的博客
怎样提高网页可读性
来源:本站编辑 发布日期:2010-6-9 已有 人浏览过此信息
搜索引擎越来越注重用户体验,SEO已经不是单纯的弄弄排名就了事的了,要考虑到转化率的问题,要提高转化率就要从各个方面做好用户体验的优化。要知道,我们只有3秒钟的时间来吸引用户,如果你的网站可读性差,那将会增大你的跳出率。以前萧涵也写过关于提高网站内容质量的文章,这里再给大家分享12个提高网站可读性的技巧,虽然,这些只是简单的基础性东西,但也别忽略。
1、段落区分
任何文本的文字超过几行就以段落区分,否则让用户阅读起来困难,有时候我看到一篇文章,整长上千个字,就一个段落,一看到就头晕,还怎么阅读下去,马上就关闭了。
2、粗体、斜体
粗体和斜体是对一些重要文字的加重强调。对一篇文章的小标题或是当前文章的关键词以粗体或斜体显示,这样让用户一目了然,对搜索引擎来说也知道你这篇文章的重点是关于什么内容的。当然,也不能滥用,不要每个段落里太多加粗的文字,如果不是链接,千万不要使用下划线,这会让用户误会的。
3、背景颜色
对一些特别要强调的文字或句子,加一个背景颜色,最好是**,这样可以非常有力的捕捉用户的视觉。也可以使用比较温和的颜色,以防止眼睛疲劳。
4、引文
对一些引用经典语句或是比较权威的内容时,加以引用样式。或是给用户提供一段代码片段时,也可以使用,当然代码片段也有专用的那个样式,更好看些。
5、副标题
HTML标签的H标签有6个,H1-H6,但我们通常却使用的很少,对于文章标题最好使用H1,然后像文章里的每个段落的副标题可以使用H2-H4,视具体文章而定,这一些我们要学习百度百科。
6、无序列表
使用UL无序列表也是增加文章可读性的简单方法,对一些项目的清单列表可采用这种方式,最好是不超过6条。
7、有序列表
有序列表相对于比较长的名单,如10条甚至100条,比较适用。用户在阅读时依靠这些有序列表,可以瞬间注意到哪些是自己所关心的,并迅速将视频跳转过来。
8、表格
一些复杂的数据显示不能按纯本文一样显示,建立一个数据的表格,看起来会更专业。表格可以提供一个快速概述和数据因素的比较。比如产品的功能列表等。
9、图标
可视化的图表信息更容易让人掌握,如果你的文章中有列出一个行业的数据分析之类的,可以使用带有日期和百分比的图表形式展示,就像我们常使用的统计系统和百度指数的数据一样。
10、图片
大多数的主流媒体的专题文章,都会配有插画。在我们SEO中,高手经常告诫我们不要使用图片,理由是搜索引擎不能识别图片,但是图片看起来更直观,更容易吸引读者,从SEO角度来说我们只能说尽量少地使用图片,但该用的地方还是得用。
11、分页
对于长文章进行分页是测试可读性的常用方法,不过在网页上进行分页很有缺点,虽然现在大部分的CMS系统都支持长文章分页,但从SEO方面来看,分页会导致相似页面的产生。有个不错的方法,可以使用CSS控制在同一个页面内分页。
12、边界
设置好的边界可以让整个页面看起来像幅画,而且更能突出重点。比如常用的边框或者左右边界使用反差的背景等。还有我们要注意,每篇文章的内容最好不低于200字,文章太短会让搜索引擎判定为低质量内容。
1、段落区分
任何文本的文字超过几行就以段落区分,否则让用户阅读起来困难,有时候我看到一篇文章,整长上千个字,就一个段落,一看到就头晕,还怎么阅读下去,马上就关闭了。
2、粗体、斜体
粗体和斜体是对一些重要文字的加重强调。对一篇文章的小标题或是当前文章的关键词以粗体或斜体显示,这样让用户一目了然,对搜索引擎来说也知道你这篇文章的重点是关于什么内容的。当然,也不能滥用,不要每个段落里太多加粗的文字,如果不是链接,千万不要使用下划线,这会让用户误会的。
3、背景颜色
对一些特别要强调的文字或句子,加一个背景颜色,最好是**,这样可以非常有力的捕捉用户的视觉。也可以使用比较温和的颜色,以防止眼睛疲劳。
4、引文
对一些引用经典语句或是比较权威的内容时,加以引用样式。或是给用户提供一段代码片段时,也可以使用,当然代码片段也有专用的那个样式,更好看些。
5、副标题
HTML标签的H标签有6个,H1-H6,但我们通常却使用的很少,对于文章标题最好使用H1,然后像文章里的每个段落的副标题可以使用H2-H4,视具体文章而定,这一些我们要学习百度百科。
6、无序列表
使用UL无序列表也是增加文章可读性的简单方法,对一些项目的清单列表可采用这种方式,最好是不超过6条。
7、有序列表
有序列表相对于比较长的名单,如10条甚至100条,比较适用。用户在阅读时依靠这些有序列表,可以瞬间注意到哪些是自己所关心的,并迅速将视频跳转过来。
8、表格
一些复杂的数据显示不能按纯本文一样显示,建立一个数据的表格,看起来会更专业。表格可以提供一个快速概述和数据因素的比较。比如产品的功能列表等。
9、图标
可视化的图表信息更容易让人掌握,如果你的文章中有列出一个行业的数据分析之类的,可以使用带有日期和百分比的图表形式展示,就像我们常使用的统计系统和百度指数的数据一样。
10、图片
大多数的主流媒体的专题文章,都会配有插画。在我们SEO中,高手经常告诫我们不要使用图片,理由是搜索引擎不能识别图片,但是图片看起来更直观,更容易吸引读者,从SEO角度来说我们只能说尽量少地使用图片,但该用的地方还是得用。
11、分页
对于长文章进行分页是测试可读性的常用方法,不过在网页上进行分页很有缺点,虽然现在大部分的CMS系统都支持长文章分页,但从SEO方面来看,分页会导致相似页面的产生。有个不错的方法,可以使用CSS控制在同一个页面内分页。
12、边界
设置好的边界可以让整个页面看起来像幅画,而且更能突出重点。比如常用的边框或者左右边界使用反差的背景等。还有我们要注意,每篇文章的内容最好不低于200字,文章太短会让搜索引擎判定为低质量内容。
