如何增加网站页面的可读性

作者:袖梨 2022-06-29

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、边界

  设置好的边界可以让整个页面看起来像幅画,而且更能突出重点。比如常用的边框或者左右边界使用反差的背景等。

相关文章

精彩推荐