浏览数量: 3 作者: 本站编辑 发布时间: 2019-11-05 来源: 本站
移动端页面将很快成为Google索引时使用的默认版本,在较小屏幕上如何布局网站的优质内容呢?领动小姐姐有一些想法分享给大家。
面对现实,咱们不是文学作家,访客不会对我们写的每个词语都抱有幻想。信息爆炸的时代,在网页上提供全面的信息非常好,但是尽量简短、精炼,突出重点。
又想内容丰富,又想文字简短,这个时候网站的布局就发挥出它重要的作用了,我们需要做到可导航、可浏览和可消化。
01目录
目录是一种很好的方式,它与HTML书签结合使用,它使用户可以快速跳至页面中可能感兴趣的部分。
比如领动官网的移动端效果,您可以在标题下方找到导航,并可以快速找到所需的任何部分。
02HTML标题
HTML标题或标签可帮助您将内容组织为小节,并使用h1-h6的逻辑方式构造页面。子标题包装在h2标签中,而文章标题本身包装在h1标签中。标题标记使内容易于浏览,并且是目录中锚定链接的良好目标。
03可收放自如的内容
可扩展的内容区域通常用于更多详细信息或FAQ部分,它们是使页面更短且更易于浏览的好方法。
Google网站趋势分析师Gary Illyes表示,出于用户体验原因而隐藏的内容将在移动优先索引中得到充分重视,而桌面索引会稍微降低此隐藏内容的权重。
以下图片中可以在一页中看到Lowe的产品说明,规格,评论,问答和文档,对于移动用户来说,非常的方便。如果他们默认情况下展开了所有这些内容,那么页面内容会非常繁琐,访客会没有耐心查看产品。
04标签
选项卡式内容在移动设备上的使用较少,日后会被大量使用,因为它可以隐藏不需要的内容。访客可在一页上查看描述,规格和评论。
05筛选器
过滤器是一种筛选用户可能不感兴趣的内容的简便方法。通过为他们提供仅查看他们想要看到的内容的选项,访客可以轻松地找到他们想要的信息。
06摘要,重点
没有时间阅读文字,仅想快速了解文章的要点,这有助于访客快速消化文章内容并确定他们是否想深入阅读。我通常会在网站新闻中使用这一点,如下图一样展示的非常清晰。
07项目符号或列表
项目符号和列表是快速传达大量信息的好方法。
· 点1
· 点2
· 点3
1. 清单项目1
2. 清单项目2
3. 清单项目3
08粗体或斜体文字
粗体文本能引起人们的注意,斜体文本 也是如此。粗体字也可以很好地添加到列表中,以使主要项目或要点更加突出。
微不足道的一点改变,就能提高访客的用户体验和网页停留时间,快用到你的网站上吧!