多语言外贸网站的 Google 搜索 favicon 设置:一个主机、一个品牌图标
同一主机承载中英文出口页面时,favicon 只能按主机名设置一个,语言子目录无法各自声明。本文按官方文档梳理 head 中的 link 写法、rel 取值、href 的托管自由度、图标文件的尺寸格式与 URL 稳定性、Googlebot-Image 与 Googlebot 的双重抓取要求,并明确区分“有资格”与“一定会显示”。文中另附一个标注为假设的核对示例,用于说明如何诊断线上真正输出的 head 与图标地址。
先分清 favicon、公司 logo 与产品图
很多双语外贸站在做图标时,第一反应是把公司 logo 直接导出成小图放进 head,或者干脆用某张产品图代替。这个动作本身不会报错,但它混淆了三件承担不同任务的东西。
favicon 的定位是“代表站点的图标”。Google 官方文档把它描述为帮助用户在浏览搜索结果时快速识别站点的视觉标识,并明确建议图标要能代表网站品牌(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。也就是说,favicon 服务的是“这是哪个站”的判断,而不是“这是哪款产品”或“这家公司长什么样”。
公司 logo 通常承担品牌展示,出现在页头、页脚、关于我们等位置,尺寸和版式由页面设计决定;产品图承担产品说明,需要清晰展示外观、结构、细节,往往还要配合参数文本。这两类图像都不属于 favicon 的声明范围,把它们塞进 favicon 位置,等于让一个很小的图标画布去承担它无法承担的识别任务。
还有一处容易混淆:Google Ads 结果中的 logo 与自然搜索的 favicon 不是同一套规范。官方文档在开头就说明,该文档针对自然搜索结果,Ads 结果中的 logo 另有 business logo specifications(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。如果你的团队同时投放广告,不要把两边的素材要求当成一件事处理。
判断标准可以简化成一句:favicon 回答“这是哪个站”,logo 回答“这是哪家公司”,产品图回答“这是什么东西”。三者可以共用品牌色和图形语言,但不能互相替代。
head 里的 link 标签:写什么、写在哪
概念分清之后,落到具体写法。官方文档给出的实现方式是:在首页的 head 中添加 link 标签,语法为 <link rel="icon" href="/path/to/favicon.ico">(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。注意这里说的是首页(home page),不是每个语言版本的产品页或文章页。
rel 属性有多个可用取值。官方文档列出 Google 支持的取值包括 icon、shortcut icon、apple-touch-icon、apple-touch-icon-precomposed,并说明可以按自己的使用场景选择其中一个(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。对双语外贸站来说,选一个稳定写法并全站统一,比同时堆多个取值更容易维护。
href 的写法比很多人以为的更自由。官方文档说明,favicon 的 URL 可以是相对路径(如 /smile.ico),也可以是绝对路径(如 https://example.com/smile.ico),并且这个 URL 不必托管在站点自身域名上,例如可以放在 CDN 上(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。
这条自由度对双语站有实际意义:如果中英文页面由同一套模板渲染,图标文件放在 CDN 或独立静态域名上,可以避免语言目录各自维护一份图标副本。但自由不等于随意——下一节会说明,主机名范围决定了这个声明到底覆盖哪些地址。
一个常见的落地写法是:
<link rel="icon" href="https://static.example.com/brand/favicon.ico">
这里用绝对路径指向静态资源域名,中英文页面共用同一行声明。是否采用 CDN 取决于你的静态资源策略,官方文档只说明这是允许的,并未要求必须这样做。
一个主机名只能有一个 favicon:中英文子目录不能各设一个
这是双语外贸站最容易踩空的一条规则。团队常问:“英文版和中文版能不能各用一个 favicon?”官方文档的答案是:Google 搜索每个站点只支持一个 favicon,而“站点”以主机名(hostname)定义(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。
官方给出的例子很直接:https://www.example.com/ 和 https://code.example.com/ 是两个不同主机名,因此可以各自有不同 favicon;但 https://www.example.com/sub-site 是站点下的子目录,你只能为 https://www.example.com/ 设置一个 favicon,这个 favicon 适用于该站点及其所有子目录(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。
官方文档还列出了支持与不支持的地址形态:
- 支持:
https://example.com(域名级首页) - 支持:
https://news.example.com(子域名级首页) - 不支持:
https://example.com/news(子目录级首页)
把这条规则套到双语外贸站上:如果你的英文版是 /en/、中文版是 /zh/,两者同属一个主机名,那么它们共享同一个 favicon,无法按语言分别声明。想让中英文各用不同图标,前提是它们位于不同主机名,例如 en.example.com 与 zh.example.com,或者使用不同域名。
这个判断会反过来影响架构决策。如果团队坚持“中文站用中文标识、英文站用英文标识”,那就要在 URL 结构层面把语言拆到子域名或独立域名,而不是在 head 里写两行 link 标签。反过来,如果语言版本已经用子目录承载,那么接受“一个主机、一个品牌图标”就是唯一符合官方规则的做法。
关于多语言站 URL 结构与语言信号的更多判断,可参考站内已有的 多语言网站SEO架构:语言信号与发布验收,那篇处理的是语言版本与 hreflang 的配对问题,与本文的 favicon 主机名范围是不同层面的决策。
图标文件本身:尺寸、格式与 URL 稳定性
声明写对了,还要看文件本身是否合格。官方文档给出三条硬条件。
第一,尺寸。favicon 必须是正方形(1:1 宽高比),最小 8×8px;官方同时建议使用大于 48×48px 的图标,以便在各种展示场景下都清晰(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。注意“最小”和“建议”是两回事:8×8px 是资格线,48×48px 以上是官方推荐值。
第二,格式。Google 搜索支持 BMP、GIF、ICO、PNG、JPEG、PPM、TIFF 这几种格式(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。ICO 是传统选择,PNG 在现代站点中更常见,两者都在支持列表内。
第三,URL 稳定性。官方文档明确要求 favicon 的 URL 必须稳定,不要频繁更改(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。这一条常被忽略:有些团队每次改版都换一次图标文件名,或者把图标路径跟着主题目录一起变动,结果每次都要等 Google 重新抓取处理。
把这三条放在一起看,一个稳妥的做法是:准备一个正方形、边长大于 48px 的 PNG 或 ICO 文件,放在一个不会随主题或版本号变化的固定路径上,例如 /brand/favicon.ico 或静态资源域名下的固定目录。文件名里不要带日期或版本号,避免“稳定 URL”这条要求被无意破坏。
需要说明的是,官方文档只给出尺寸、格式与稳定性要求,并未规定你必须用哪种格式或哪个具体尺寸。选择依据应是你的品牌图形在极小尺寸下是否仍可辨认,以及现有构建流程能否稳定输出该文件。
抓取权限:Googlebot-Image 与 Googlebot 都不能被挡
Googlebot-Image 必须能抓取 favicon 文件,Googlebot 必须能抓取首页,二者都不能被 robots 规则阻止抓取(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。
这里需要分别确认的是“声明所在的首页”与“被声明的图标文件”,而不是整套产品图片库。首页的 head 负责提供 link 声明,图标地址负责提供图标文件;只确认文件可以打开,不能代替对首页声明的核对。
建议把本次检查限定为已选主机名的首页及其 href 指向的单个文件。若使用独立静态域名或 CDN,记录首页主机名与图标主机名,避免只检查网站主域名而漏掉实际托管图标的地址。这是针对当前 favicon 声明的核对建议,不意味着 CDN 必须更换,也不意味着所有产品图都需要重新检查。
通用图片发现与 robots 排查已经在站内 Google图片SEO:发现、索引、语义与性能验收 说明。本文不重复逐图排查,而是把检查结果带回本次主机级 favicon 设置。
有资格不等于会显示:重新抓取需要时间
前面几节都在讲“如何让站点有资格”。这一节要讲清楚一件更容易被误解的事:有资格不等于会显示。
官方文档的表述很明确:即使满足全部指南,favicon 也不保证出现在 Google 搜索结果中(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。这句话不是免责套话,而是提醒团队不要把“已声明”当成“已生效”。
第二个需要理解的是时间。官方文档说明,Google 需要重新抓取并处理首页上的新信息,抓取可能从数天到数周不等,具体取决于系统判断内容需要刷新的频率;同时可以通过 URL Inspection 工具请求为首页建立索引(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。注意这里说的是“请求索引”,不是“立即生效”。
第三是内容适当性。官方文档说明,Google 不会显示其认为不适当的 favicon,包括色情或仇恨符号;如果发现这类图像,会用默认图标替换(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。对品牌图标来说,这条通常不构成问题,但如果图标里含有容易引起误判的符号或图形,值得在上线前自查一遍。
因此,未显示本身不能证明设置错误,也不能证明设置正确。先核实前面的声明、文件与抓取条件;请求索引后仍保留“显示尚未确认”的状态,不承诺一个确定的生效日期。
核对线上真正输出的 head 与图标地址
最后一节把前面的条件变成可复现的核对动作。核心原则是:以线上实际渲染出的 HTML 为准,而不是以后台设置或模板文件为准。
需要核对的字段有两个:link 标签的 rel 取值,以及 href 指向的实际地址。官方文档说明 Google 从 link 元素的 rel 与 href 属性提取 favicon 信息(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。因此核对时不要只看“后台填了图标”,而要打开首页源码,确认输出的确实是预期的 rel 与 href。
核对 href 时要注意两点。第一,确认它指向的地址与图标文件的实际位置一致,没有因为模板变量或 CDN 路径拼接而指向一个不存在的地址。第二,确认这个地址是稳定的,不会随主题更新或版本号变化。
抓取层面的核对同样要分开做:确认图标 URL 可被 Googlebot-Image 抓取,确认首页可被 Googlebot 抓取(来源:https://developers.google.com/search/docs/appearance/favicon-in-search)。这两项分别记录,不要用“浏览器能打开”代替。
还有一条边界必须写清楚:核对只能确认“已声明”与“可抓取”,不能确认“Google 已采用”。官方文档明确说明资格不等于显示保证,因此把请求索引当成已生效,或者把源码里有 link 标签当成搜索结果里一定会出现图标,都是超出证据的推断。
本次核对的交付结果应指明所选主机名、首页实际输出的 rel 与 href,以及这两个对象的可抓取状态。发现差异时,修正与当前声明对应的模板或文件;确认各项正常后保留稳定 URL。搜索结果是否显示应单独观察,不能由这份配置核对记录代替。
评论 (0)
还没有评论,来发表第一条吧。