页脚
Footer
初级网页页脚(Footer)是网站页面主体内容之后的底部区域,常放联系渠道、法律信息和补充导航。它让访客读完当前页面后,还能找到下一步要去哪里,例如查看隐私政策或联系团队。
你可能会说:「帮我在官网每个页面最下面放一块区域,让访客能找到联系方式、其他页面和法律信息。」
动手看看官网读完后的页脚导航
阅读位置
预览页脚入口
切换阅读位置模拟滚到页底,再悬停、按住入口或用 Tab 聚焦。入口去向由下方参数预览,这个小样不会真的跳转。
读到末尾,联系渠道、法律信息和补充导航一起出现。分隔线与较轻的文字告诉你:主体结束了,但还有下一步可走。
要点页脚通常帮访客解决哪些问题?
- 1
把补充入口放在页面末尾
我们做产品官网时,顶部导航通常只放最重要的入口。像帮助中心、公司信息、隐私政策这类内容,可以放在页脚;访客读完页面后,仍能找到它们。
- 2
按信息用途组织链接
如果页脚里有十几个链接,可以按产品、资源、公司、法律等用途分组。这样访客是在找一类信息,而不是从一长串链接里逐个猜;只有少量链接时,就不必硬拆成多列。
- 3
让内容与页面保持一致
多个官网页面可以共用页脚组件,因为联系方式和政策入口通常相同。让 AI Agent 实现时,你可以交代哪些信息全站共用、哪些需要随页面变化,再检查链接是否通向正确位置。
容易混淆的地方
页脚和页头都能放导航,但页头服务于访客刚进入页面时的主要选择,页脚更适合放读完内容后可能要找的补充入口。它也不是定价区或联系表单的别名:那些区块承担具体任务,可以出现在页脚上方;页脚是承接页面末尾信息的区域,不等于始终固定在屏幕底边。
什么时候用
适合用
- 做多页面产品官网时,在各页底部提供帮助中心、联系方式和法律信息的统一入口。
- 做单页滚动官网时,让访客看完功能、定价等内容后,还能找到公司信息和补充链接。
- 改版已有官网时,把分散在各页面底部的重复信息整理为共用区域,方便后续维护。
不适合用
- 做嵌入别的网站的聊天小组件时,它只占宿主页面一角,不需要自带官网页脚;保留聊天操作区即可。
- 做会议现场循环播放的全屏产品演示时,观众不通过页面找链接;用清晰的演示画面和结束页更合适。
- 做支付流程中的单步确认界面时,当前重点是核对和提交;需要说明的条款可放在操作附近,而不是另加完整官网页脚。
练一练选一个答案,看看解释
你在做一个有首页、功能页和定价页的产品官网。客户希望访客在任何页面读到最后,都能找到帮助中心、联系邮箱和隐私政策。你会怎么安排?
让 AI 帮你做复制给 AI Agent 直接用
请为这个多页面产品官网实现一个共用页脚,放在各页主体内容之后。包含帮助中心、联系邮箱、隐私政策和公司信息入口;按用途分组,窄屏下调整排列。请标出需要我提供的真实文案与链接,不要自行编造。