为移动优先索引设计内容

移动营销 2018年04月04日

您的移动网页即将成为Google搜索排名中使用的默认版本。你如何确保他们提供的内容是适合在小屏幕上阅读的?

事实上:你不是文学作家,别人也不会记住你写的每一个字。意思是,在网页上提供全面的信息固然是好的,但用户是不会想一直往下拉长长的页面 - 特别是在移动设备上。

移动内容需要不削减内容的情况下,让用户更容易在获取主要信息,因为用户有时会希望更深入地了解细节。您的内容结构比以往任何时候都更重要,需要具有可导航性,易于理解和消化。

目录
目录是展示你如何组织内容的绝佳方式,并且与HTML书签结合在一起,它允许用户快速跳转到可能感兴趣的页面部分。

其中实现方式之一是Google开发者文档,您可以在标题下方找到导航,并且可以快速访问您需要的任何部分。它们甚至使其可扩展,因此不会让用户感到应接不暇。

HTML标题
HTML标题或标题标签有助于将您的内容组织到各个部分中,并以逻辑方式用h1-h6来组织您的页面。标题标签使内容易于阅读,并且是目录中锚链接的良好目标。

可扩展的内容
可扩展内容区域(也称为“手风琴”)通常用于更多详细信息或常见问题解答部分。这是让页面更短,更易于浏览的好方法,同时还可以访问重要信息。Google网站管理员趋势分析师Gary Illyes指出,为了用户体验原因而隐藏内容,将在移动优先索引中得到充分的重视,而桌面索引略微减少了隐藏的内容。

下面是Lowe’s如何在一页上完成产品描述,规格,评论,问答和文档的全部内容。如果他们将所有这些内容都默认扩展了,那么在拉到页面底部之前,客户很可能就会厌倦并推出了。



选项卡式标签

由于空间限制,选项卡式内容在移动设备上使用较少,但这是可扩展内容的替代方案。它用于同样的目的,即隐藏可能不需要的内容。下面是Staples如何让客户看到描述,规格和评论,同时将内容全部保留在一个页面上。



过滤器

过滤器是一种简单的方法,可以剔除用户可能不感兴趣的大部分内容。通过给他们选择仅查看他们希望看到的内容的选项,可以更轻松地查找他们正在查找的信息。比如Northcutt的Google排名因素:



总结、亮点、TL; DR
没有时间读故事?如何快速吸收文章的要点?这些都有助于忙碌的读者快速消化您的内容并确定他们是否想深入阅读。我通常会在新闻,金融和体育网站上看到这一点,最重要的信息可以在几个方面进行总结。比如CNBC:


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

  • 第1点
  • 第2点
  • 第3点
1. 列表项目1
2. 列表项目2
3. 列表项目3

粗体或斜体文字
粗体 和 斜体 的文字都能够吸引眼球。粗体文本也可以是列表中的一个很好的补充,使主要项目或点更加突出。

突出重点
引文、块引用对读者来说容易识别,并告诉他们您发现这些信息比较重要,所以要使其突出。

PC端要怎么做?

在这些移动设计方法中,但许多相同的做法也适用于PC。最好的例子之一就是谷歌开发者,在这里,目录实际上变成了一个跟随的粘性边栏,并允许您快速浏览各个部分。



一个重要的说明是,特别是对于默认使用CSS或JS隐藏的内容,确保所有内容都已加载到DOM中。如果您在将内容加载到DOM之前必须采取行动,那么Google就看不到它了。虽然默认加载再隐藏是好的。

现在是时候考虑一下你的移动访客,以及他们将如何查看你的内容。让他们尽可能简单地找到他们正在寻找的信息,他们会带着感激的心情继续访问您的网站并与您开展业务。