手风琴允许内容所有者向页面添加更多内容, 同时保持页面的长度较短,减少用户的滚动. 如果使用得当, 手风琴允许用户在深入到更具体的内容之前先了解全局.
另一方面, 手风琴还会隐藏内容,并且会因为需要额外的点击而让用户感到沮丧.
每页应该有不超过一个六层或更少深度的手风琴. 如果手风琴比这个更深,那么页面的内容可能太宽了.
使用手风琴 用户应该挑选内容. 如果只有少数访问者需要某些部分的内容,手风琴是完美的.
不要用手风琴如果 大多数访问者会阅读你页面上的大部分或全部内容来回答他们的问题.
手风琴小贴士:
- 写清晰的标题. 这些决定了访问者是否点击以探索更多内容. 令人困惑或误导性的标题可能令人沮丧.
- 把有价值的信息放在每个部分. 访问者希望每一步都能获得内容奖励. 如果信息不能回答他们的问题,它就不应该出现在我们的网站上.
- 不要在手风琴中放置多个链接. 用户永远不应该被要求为相同的信息点击两次.
- 将手风琴限制在六层. 如果有更多的层次, 搜索引擎不知道什么是重要的, 内容的排名也会很差.
- 如果有太多的选择,观众就会停止阅读. 集中注意力,这样观众也能集中注意力.
- 确保图像大小正确. 如果图像太大,观众会感到沮丧,然后离开.
手风琴的例子
标题1
神的恩赐,神的恩赐,神的恩赐. Donec quis quam venenatis, blandisl vel, lacinia lorem. 我是说,我是说,我是说,我是说,我是说,我是说,我是说. 在现实中,精英与非精英的关系是不可避免的. 阶级倾向于社会,阶级倾向于社会,阶级倾向于社会,阶级倾向于社会. 这是一种偶然的巧合,是一种偶然的巧合,是一种偶然的巧合. 悬浮状,具装饰性,花序,花序瓣,具羽衣. 狮子座的龟. Fusce的翻译结果:Fusce的翻译结果. 我爱你,你爱我. Aliquam massa massa, three - tique sit at a - ex in, auctor imperdiet nisi. 花青藤,花青藤. 这是一个伟大的成就,也是一个伟大的成就.
前庭和车舌. Nunc lobortis, Ligula ut rhoncus luctus, 虎耳草, 我的pulvinar dolor tortor是一种大规模的运动. 青铜器,门洞,前庭,门洞,门洞. Donec egestas massa at porta lareet. 省委书记普雷乌斯·埃尔斯·莱西尼亚. Morbi nunc magna, cursus at eros sit amet, interdum subject metus. 我摆出了一个姿势,只是为了让大家知道. 在舌上有双门,在舌上有双门,在舌上有双门. Duis cursus ex in just to maximus euismod. 肉芽生裂,胎心生裂,妊娠生裂. 在vel velit只是. 在一个总的时间里. 南维尔设施. 悬垂的和悬垂的.
标题2
神的恩赐,神的恩赐,神的恩赐. Donec quis quam venenatis, blandisl vel, lacinia lorem. 我是说,我是说,我是说,我是说,我是说,我是说,我是说. 在现实中,精英与非精英的关系是不可避免的. 阶级倾向于社会,阶级倾向于社会,阶级倾向于社会,阶级倾向于社会. 这是一种偶然的巧合,是一种偶然的巧合,是一种偶然的巧合. 悬浮状,具装饰性,花序,花序瓣,具羽衣. 狮子座的龟. Fusce的翻译结果:Fusce的翻译结果. 我爱你,你爱我. Aliquam massa massa, three - tique sit at a - ex in, auctor imperdiet nisi. 花青藤,花青藤. 这是一个伟大的成就,也是一个伟大的成就.
前庭和车舌. Nunc lobortis, Ligula ut rhoncus luctus, 虎耳草, 我的pulvinar dolor tortor是一种大规模的运动. 青铜器,门洞,前庭,门洞,门洞. Donec egestas massa at porta lareet. 省委书记普雷乌斯·埃尔斯·莱西尼亚. Morbi nunc magna, cursus at eros sit amet, interdum subject metus. 我摆出了一个姿势,只是为了让大家知道. 在舌上有双门,在舌上有双门,在舌上有双门. Duis cursus ex in just to maximus euismod. 肉芽生裂,胎心生裂,妊娠生裂. 在vel velit只是. 在一个总的时间里. 南维尔设施. 悬垂的和悬垂的.
标题3
神的恩赐,神的恩赐,神的恩赐. Donec quis quam venenatis, blandisl vel, lacinia lorem. 我是说,我是说,我是说,我是说,我是说,我是说,我是说. 在现实中,精英与非精英的关系是不可避免的. 阶级倾向于社会,阶级倾向于社会,阶级倾向于社会,阶级倾向于社会. 这是一种偶然的巧合,是一种偶然的巧合,是一种偶然的巧合. 悬浮状,具装饰性,花序,花序瓣,具羽衣. 狮子座的龟. Fusce的翻译结果:Fusce的翻译结果. 我爱你,你爱我. Aliquam massa massa, three - tique sit at a - ex in, auctor imperdiet nisi. 花青藤,花青藤. 这是一个伟大的成就,也是一个伟大的成就.
前庭和车舌. Nunc lobortis, Ligula ut rhoncus luctus, 虎耳草, 我的pulvinar dolor tortor是一种大规模的运动. 青铜器,门洞,前庭,门洞,门洞. Donec egestas massa at porta lareet. 省委书记普雷乌斯·埃尔斯·莱西尼亚. Morbi nunc magna, cursus at eros sit amet, interdum subject metus. 我摆出了一个姿势,只是为了让大家知道. 在舌上有双门,在舌上有双门,在舌上有双门. Duis cursus ex in just to maximus euismod. 肉芽生裂,胎心生裂,妊娠生裂. 在vel velit只是. 在一个总的时间里. 南维尔设施. 悬垂的和悬垂的.
标题4
神的恩赐,神的恩赐,神的恩赐. Donec quis quam venenatis, blandisl vel, lacinia lorem. 我是说,我是说,我是说,我是说,我是说,我是说,我是说. 在现实中,精英与非精英的关系是不可避免的. 阶级倾向于社会,阶级倾向于社会,阶级倾向于社会,阶级倾向于社会. 这是一种偶然的巧合,是一种偶然的巧合,是一种偶然的巧合. 悬浮状,具装饰性,花序,花序瓣,具羽衣. 狮子座的龟. Fusce的翻译结果:Fusce的翻译结果. 我爱你,你爱我. Aliquam massa massa, three - tique sit at a - ex in, auctor imperdiet nisi. 花青藤,花青藤. 这是一个伟大的成就,也是一个伟大的成就.
前庭和车舌. Nunc lobortis, Ligula ut rhoncus luctus, 虎耳草, 我的pulvinar dolor tortor是一种大规模的运动. 青铜器,门洞,前庭,门洞,门洞. Donec egestas massa at porta lareet. 省委书记普雷乌斯·埃尔斯·莱西尼亚. Morbi nunc magna, cursus at eros sit amet, interdum subject metus. 我摆出了一个姿势,只是为了让大家知道. 在舌上有双门,在舌上有双门,在舌上有双门. Duis cursus ex in just to maximus euismod. 肉芽生裂,胎心生裂,妊娠生裂. 在vel velit只是. 在一个总的时间里. 南维尔设施. 悬垂的和悬垂的.