独立站Footer设计:页脚放哪三组信息、移动端怎么收

倪叶明

作者

更新于

独立站Footer设计里最容易被忽略的一点:页脚在WordPress后台跟Sidebar是平级的两个编辑区,它本来就是一个能加区块、能排序、能复用的功能模块,不是主题写死的一段收尾文字。你把它当装饰,它就只值一行版权号;你把它当模块,它就能在全站每个页面替你干三件事:信任背书、导航兜底、转化兜底。

做英文站的人常把页脚当装完主题就扔在那的遗留物。这里其实是你放公司信息、兜住内页链接、接住犹豫读者的地方,改起来的成本比动导航低。WordPress后台和Google Search Console在你那边能不能正常打开,以官方为准。

  • 页脚在WordPress里是独立Widget Area,和Sidebar同级
  • Google对页脚链接的可抓取和锚文本描述性有明确规则,页脚内容按三组放
  • 经典主题入口是Appearance > Widgets,区块主题改由Site Editor的template part编辑
  • 页脚链接必须写成带href的a元素,span带href、a只带onclick都不被解析

这篇讲清页脚放哪三组信息、怎么分组排序、移动端怎么收,最后给一份上线前逐条打勾的清单。站还没搭起来的,先看独立站入门指南。

独立站页脚到底是什么,它在页面结构里算哪一块

页脚是页面结构里的一个区域,位置在正文之后,一般在全站每个页面出现,共用同一份内容。它和正文、导航的区别在于,读者不是专门来找它的,是滑到底顺手看一眼。这一眼决定他信不信你、找不找得到下一页、要不要留下联系方式。

WordPress后台对页脚的处理很直接。它把主题里的各个Widget Area显示成独立编辑区,Footer和Sidebar是并列的两个。这个设计从区块化小工具编辑器开始,5.8版本引入,面向用小工具的经典主题。页脚在系统里一直是一个可以放区块、可以排序、可以复用的模块,不是主题写死的一段HTML。

为什么说页脚是模块而不是收尾

模块的意思是它能独立编辑、能复用、能换内容不动其他部分。经典主题下你在Appearance > Widgets里点开Footer,加什么区块、什么顺序、要不要分栏,都在这里定。换成区块主题,比如Twenty Twenty-Five,传统的小工具区域不再存在,Appearance > Widgets菜单被移除,页脚改由pattern、template part和Site Editor编辑。入口变了,页脚是一个可编辑区域这件事没变。

页脚和导航、全站结构的分工

导航负责主路径,把读者往几个核心页面带。页脚负责兜底,主路径没接住的人在这里找分类、找政策页、找联系方式。全站结构是另一件事,导航怎么分层、栏目怎么划,不在这篇的范围里。这篇只解决页脚这一个模块。整站怎么运营,网站运营方案里讲得更全。

独立站页脚该放哪三组信息

页脚的信息按三组放:信任背书、导航兜底、转化兜底。三组按作用分,一个页脚可以只有两栏,三组内容都在就行。

独立站页脚设计:Organization结构化数据推荐属性表含名称地址电话url与logo
官网说明截图:信任背书组对应Organization推荐的企业名称、地址或电话、url或logo。

信任背书组:企业名称、地址或电话、url或logo

这组回答读者一个问题:这个站背后有没有真人。Google在Organization结构化数据的建议里,把企业名称、现实存在的说明(地址或电话)、线上存在(url或logo)列为优先填的属性。页脚是这些信息最自然的落点,因为每个页面都能看到。

组织结构化数据本身建议放在首页或一个介绍组织的单页,比如about us,不需要每个页面都放。这和页脚不冲突:页脚放人看得见的文字,结构化数据放在单页的代码里。两边写的内容要对得上,别页脚写一个地址,结构化数据里是另一个。

导航兜底组:每个在意的页面至少被链到一次

Google的规则是,每个你在意的页面都应该至少被站内另一个页面链接到。页脚是执行这条规则最省事的位置,因为它在全站出现。关于页、退换货政策、隐私政策、主要分类,这些页面放在导航里可能挤,放页脚刚好。

链接数量没有神奇标准。Google的原话是「页面该有多少链接没有神奇的标准数量,但如果你觉得太多,那大概就是太多」。这句可以直接拿来当判断依据:你自己滑一遍页脚,觉得眼花,就删。

转化兜底组:订阅入口、联系方式、主要分类入口

读者滑到页脚还没走,说明他有点兴趣但没找到下一步。这组放订阅入口、联系入口、主要分类入口,给他一个低成本的动作。外链引用来源也可以放这里。Google说外链不可怕,引用来源这类外链有助于建立可信度。

不该进页脚的东西

同一段样板文字塞进每个页面的title。这是Google列出的微样板title问题,页脚里的品牌口号别顺手复制到title里。关键词堆进页脚链接文字也不行,锚文本是给人和Google看这段链接通向哪,塞词没有用。

页脚怎么分组和排序:四栏还是三栏,按读者下一步动作排

栏数按读者扫一眼能不能找到东西来定。三栏和四栏的差别不在美观,在读者能不能快速找到他要的。分组按读者此刻想干什么,不按公司部门分。把市场部、客服部、渠道合作这样分,读者得先知道你公司怎么设部门,才能找到退换货政策。

位置 放什么 读者此刻想干什么
左或上 企业名称、地址或电话、url或logo 判断这个站是不是真有人在运营
中 主要分类、关于页、政策页 找某个具体页面
右 订阅入口、联系入口 决定要不要留下来

三栏四栏不重要,每一栏对应读者一个动作才重要。

排序原则:信任靠左或靠上,导航居中,转化靠右

从左到右或者从上到下,先给信任信息,再给导航,最后给转化入口。这个顺序对应读者从「这是谁」到「我要找什么」再到「我要不要做点什么」。不要把多个链接紧挨着串成一排,Google明确不推荐,读者分不清哪个是哪个,每个链接也失去了周围的说明文字。

锚文本写法:脱离上下文也能看懂

Google建议只读锚文本本身,看它脱离上下文是否足够具体。页脚链接最容易犯的错是写「Click here」「Read more」,这是Google列出的反例。写成「退换货政策」「运费说明」「关于我们」,读者不用猜。图片作链接时,Google用img的alt属性当锚文本,所以alt要写描述性文字,不能空着,也不能写「图片1」。

在WordPress里改页脚:入口、加区块、做成同步区块

下面这条路径是经典主题下的走法,区块主题从第二步开始换入口。

独立站页脚设计:WordPress后台Appearance  Widgets里Footer编辑区与添加区块按钮
实操截图:经典主题下页脚入口在Appearance Widgets的Footer编辑区。
  1. 进Appearance > Widgets,点选Footer这个Widget Area。这是经典主题下编辑页脚的入口。看不到Widgets菜单,说明用的是区块主题,改去Site Editor的template part。
  2. 点+添加区块,用搜索找区块,或选Browse All看全部选项。页脚内容按区块拼,标题、段落、列表、图片都是区块。在Customizer里加完区块看不到全部设置,点三点菜单选Show more settings。
  3. 拖拽或用区块工具栏里的移动选项,在区域之间调整条目位置。分组顺序在这一步定。条目拖不动,检查是不是被锁定了。
  4. 把常年重复的页脚内容做成Synced Pattern:选中区块、点三点菜单、点Create pattern、填名称、打开Synced选项、点Create。改一处同步全站。想只改单页要先Detach,Synced Pattern被锁定时Detach不可用。
  5. 不想用区块化小工具编辑器,安装并启用Classic Widgets插件退回旧界面。

页脚链接写好后,它本身就是站内推广的一部分,把读者往该去的地方带。站外怎么把人引进来,网站推广方法里讲得细,两边接上才算完整。

独立站页脚设计:把页脚区块做成Synced Pattern并打开同步选项的弹窗
实操截图:页脚常年重复的内容做成Synced Pattern,改一处同步全站。

提交sitemap能让Google知道后续变化,页脚加了新页面链接之后,这一步别省。具体怎么写,网站地图sitemap里有说明。

移动端页脚怎么收:折叠成手风琴还是砍到只剩三行

移动端页脚怎么折叠,按读者在手机上的实际操作来定。下面三条是运营判断,你按自己站的实际情况取舍。

判断一:移动端首屏以下,页脚只保留信任背书一行、三到五个导航兜底链接、一个转化入口,其余折叠。手机屏幕窄,四栏并排会变成一长串,读者滑三屏还在页脚里。折叠成手风琴或者直接砍到三行都行,关键是别让页脚比正文还长。

判断二:折叠后每个链接仍必须是带href的a元素。不能为了排版把链接改成span,也不能只留onclick。这一点在移动端最容易破,因为折叠交互常要改HTML。

判断三:折叠交互如果用JavaScript插入锚文本,要用URL Inspection Tool确认它出现在渲染后的HTML里。脚本生成的内容,肉眼在手机上能看到,不代表Google拿到的HTML里有。

页脚链接和收录:哪些写法Google解析不了

能解析的写法

带href的a元素,包括相对路径和带onclick的a href。Google一般只能抓取a元素加href这种形式的链接,其他格式多数不会被解析提取。页脚里放一个指向/about/的a元素,链接文字写「关于我们」,这是标准写法。带onclick的a href也能解析,onclick管交互,href管链接。

独立站页脚设计:Google文档说明页脚链接须为带href的a元素
官网说明截图:Google只一般抓取a元素加href形式的链接。

解析不了的写法

span带href、a只带onclick、routerLink,Google明确列为不推荐。这几种在页面上点得动,读者看不出差别,Google的爬虫拿不到链接。页脚模板从别处复制过来时,要检查有没有带进这几种写法。

页脚放外链要不要加nofollow

只在信不过来源时用,不要给站内每个外链都加。付费链接用sponsored或nofollow标注,用户能自己插入链接的地方加ugc或nofollow。页脚里引用数据来源、合作方官网这类正常外链,不用加。

页脚链接被robots.txt挡住会怎样

robots.txt能阻止抓取,但不一定能阻止索引。要阻止索引应该用noindex。这两件事经常被混在一起,以为robots.txt挡住了页面就不会出现在搜索结果里。页脚链到的新页面如果被robots.txt挡了,链接还在,页面内容Google拿不到。具体写法看robots.txt写法。

数字和限制:做页脚这件事要用的几个数

项目 数 说明
WordPress本体价格 免费、开源 页脚编辑不额外花钱
WordPress推荐环境 PHP 8.3或更高;MySQL 8.0或MariaDB 10.11或更高 低于这个版本先升级再改页脚
结构化数据发布后Google找到并抓取 可能要几天 不是当天生效
标题来源更新被Google重新抓取处理 几天到几周 改了页脚链接文字后别急着看结果
WordPress主题目录收录主题数 8,777个 可按Footer widgets特性筛选

这张表里真正会影响你动手的只有环境版本,其余是等待时间。页面发出去当天没看到变化,不等于出错,别急着反复改。

页脚最常见的五个坑和排查顺序

坑一:页脚链接写成span带href或a只带onclick,Google抓不到。依据是Google一般只能抓取a元素加href。回查办法:打开页面源码,看页脚链接是不是a href。

坑二:页脚链接文字全是Click here、Read more。依据是这类文字被Google列为过泛锚文本的反例。回查办法:只读锚文本,遮住上下文,看能不能知道它通向哪。

坑三:多个链接紧挨着串成一排。依据是Google明确不推荐,读者难以区分链接。回查办法:看每个链接周围有没有可读的说明文字,没有就拆开。

坑四:把同一段样板文字塞进每个页面title。依据是微样板title是Google列出的常见标题问题。页脚里的品牌口号、促销语,别顺手塞进title。

坑五:页脚链到已删除的页面产生死链。回查办法:把页脚链接逐个点一遍,有404的换成新页面或删掉链接。404页面怎么设,404页面设置里有步骤;死链对站的影响,死链接影响里讲得清楚。

上线前逐条打勾:独立站页脚检查清单

  1. 每个页脚链接都是带href的a元素
  2. 每条锚文本脱离上下文能看懂
  3. 没有多个链接紧挨成串
  4. 图片链接有描述性alt
  5. 信任背书组有企业名称加地址或电话加url或logo
  6. 页脚链接没有指向已删除页面
  7. 移动端折叠后链接仍是a href
  8. 用Rich Results Test跑一次页脚所在页面,修掉critical errors
  9. 用URL Inspection看渲染后HTML里页脚链接在不在
  10. 提交sitemap让Google知道后续变化

AI能帮页脚设计哪几步,哪三步必须人来做

AI能帮的地方有四步,都是出草案和自查,不是替你做决定。

  1. 把页脚要放的信息按信任背书、导航兜底、转化兜底三组归类,让AI先出分组草案,人再删减。
  2. 让AI按Google的锚文本标准,把Click here、Read more这类过泛文字改写成描述性锚文本候选。
  3. 让AI把页脚链接清单逐条对照是否a href形式、是否有描述性文字、图片链接是否有alt,做一遍自查表。
  4. 让AI起草Organization结构化数据的属性清单,name、url、logo、address、telephone、sameAs,人再填真实值。

必须人做的三件事:

  1. 在WordPress后台Appearance > Widgets里点开Footer这个Widget Area,亲手决定哪几个区块留在页脚、哪几个删掉。
  2. 在Rich Results Test里粘贴页脚所在页面的网址跑一次,看有没有critical errors,有就回去改。
  3. 在URL Inspection工具里看Google渲染后的页面,确认页脚链接出现在渲染HTML里,再决定是否请求重新抓取。

下面三条提示词是本文给的示例,不是官方模板,可以直接复制。

  • 「下面是我独立站页脚的链接清单,请按Google锚文本标准逐条判断:是否描述性、是否脱离上下文能看懂、是否多个链接紧挨。只指出问题,不要改写。」
  • 「把下面这些页脚链接文字改写成描述性锚文本,每条给2个候选,不要堆关键词,不要用Click here、Read more。」
  • 「按Organization结构化数据的推荐属性,列一张我要填的字段表:name、url、logo、address、telephone、sameAs,每项写清填什么、从哪拿。」

页脚上线后,链接和内容还会变。猎者出海的AI Agent每周拉一次数据,给一张改稿单,哪几篇要补页脚链接、哪几篇锚文本要改,列在单子上。整理资料、对照官方文档、出改稿单这类活交给它,判断留给你。

常见问题

页脚放多少个链接算多?

按三组内容的实际需要放。判断办法是你自己滑一遍页脚,觉得太多那大概就是太多。不为凑数硬加。

页脚链接要不要加nofollow?

站内链接不用加。外链只在信不过来源时加,付费链接用sponsored或nofollow,用户能自己插入链接的地方加ugc或nofollow。

页脚用图片做链接可以吗?

可以。Google用img的alt属性当锚文本,所以alt要写描述性文字。空alt或者「图片1」这种写法,等于把锚文本浪费了。

改了页脚多久能在搜索结果里看到变化?

标题来源更新后要等Google重新抓取处理,不会当天就变。结构化数据发布后也要等Google抓取,不会马上生效。

用的区块主题,找不到Appearance > Widgets怎么办?

区块主题不再有传统小工具区域,这个菜单被移除了。改去Site Editor的template part编辑页脚。

页脚需要放Organization结构化数据吗?

不需要每个页面都放。建议放在首页或一个介绍组织的单页,比如about us。页脚放人看得见的信任信息,两边内容对得上就行。

页脚是站上改动成本最低、检查最容易漏的一块。上线前把清单过一遍,比上线后回查省事。猎者出海的AI Agent会把上线后的改动列成每周一张单子,照着改就行。

发表评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注