移动优先索引的情况下网站这样布局

面对现实，咱们不是文学作家，访客不会对我们写的每个词语都抱有幻想。信息爆炸的时代，在网页上提供全面的信息非常好，但是尽量简短、精炼，突出重点。

又想内容丰富，又想文字简短，这个时候网站的布局就发挥出它重要的作用了，我们需要做到可导航、可浏览和可消化。

目录是一种很好的方式，它与HTML书签结合使用，它使用户可以快速跳至页面中可能感兴趣的部分。

比如领动官网的移动端效果，您可以在标题下方找到导航，并可以快速找到所需的任何部分。

HTML标题或标签可帮助您将内容组织为小节，并使用h1-h6的逻辑方式构造页面。子标题包装在h2标签中，而文章标题本身包装在h1标签中。标题标记使内容易于浏览，并且是目录中锚定链接的良好目标。

可扩展的内容区域通常用于更多详细信息或FAQ部分，它们是使页面更短且更易于浏览的好方法。

Google网站趋势分析师Gary Illyes表示，出于用户体验原因而隐藏的内容将在移动优先索引中得到充分重视，而桌面索引会稍微降低此隐藏内容的权重。

以下图片中可以在一页中看到Lowe的产品说明，规格，评论，问答和文档，对于移动用户来说，非常的方便。如果他们默认情况下展开了所有这些内容，那么页面内容会非常繁琐，访客会没有耐心查看产品。

选项卡式内容在移动设备上的使用较少，日后会被大量使用，因为它可以隐藏不需要的内容。访客可在一页上查看描述，规格和评论。

过滤器是一种筛选用户可能不感兴趣的内容的简便方法。通过为他们提供仅查看他们想要看到的内容的选项，访客可以轻松地找到他们想要的信息。

没有时间阅读文字，仅想快速了解文章的要点，这有助于访客快速消化文章内容并确定他们是否想深入阅读。我通常会在网站新闻中使用这一点，如下图一样展示的非常清晰。

项目符号和列表是快速传达大量信息的好方法。

· 点1

· 点2

· 点3

1. 清单项目1

2. 清单项目2

3. 清单项目3

粗体文本能引起人们的注意，斜体文本 也是如此。粗体字也可以很好地添加到列表中，以使主要项目或要点更加突出。

微不足道的一点改变，就能提高访客的用户体验和网页停留时间，快用到你的网站上吧！