9年电商视觉设计和企业建站经验,6年国际站设计经验。
阿里巴巴中西大区2018财年 ”最佳合作伙伴 ”。

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

浏览数量: 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粗体或斜体文字

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

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

 


联系我们

新乡优可为网络科技有限公司

 13849395497
 2241146600@qq.com
 13849395497
 河南省新乡市高新区南环金谷阳光地带 南苑A18栋东一单元1楼西户
版权所有新乡市优可为网络科技有限公司