备案号挂错位置,等于没备案:底部挂法的 5 个细节
备案号下来那天,我干了件挺典型的事:把"皖ICP备2026037696号"几个字往页脚一贴,颜色调成浅灰,字号调到 12px,心想这下合规了。
后来才知道,这样挂,抽查时大概率被打回。
这篇讲清楚备案号到底怎么挂——不是贴上去就算,格式、位置、链接、可见性都有要求,任何一项不对都算没挂。
一、位置:必须在首页底部,通常是最底部
规定要求备案号在网站首页底部显著位置展示。
关键词是"底部"和"显著"。
- 底部:页面最下方,不是页头、不是侧边栏、不是关于页面里藏一行
- 显著:正常浏览能一眼看到,不需要滚动太多,不需要点开某个折叠菜单
我的站是单页加文章页的结构,备案号放在首页 <footer> 的最后一行,居中显示,所有页面共用同一个页脚。
有人把备案号放在"关于本站"里,或者做成一个隐藏的 div,觉得反正挂上了。抽查人工看的时候找不到,就是没挂。
二、格式:一个字都不能少
标准格式:
皖ICP备2026037696号
拆开看:
- 省份简称 + ICP 备:皖ICP备
- 年份和流水号:2026 037696(前四位是年份,后面是序号)
- "号"字结尾
常见的错误写法:
| 错误写法 | 问题 |
|---|---|
| 皖ICP2026037696 | 少了"备"字 |
| 皖ICP备2026037696 | 少了"号"字 |
| 2026037696号 | 少了省份和 ICP 备 |
| 皖ICP备第2026037696号 | 多了"第"字 |
| 皖ICP备 2026037696 号 | 中间多了空格 |
严谨点说,多一个字少一个字,格式就对不上。审核员是拿备案号去系统里比对的,比不上就是不合规。
三、链接:必须能跳到工信部备案系统
这是最容易被忽略的一条。备案号必须带超链接,指向:
https://beian.miit.gov.cn/
而且这个链接要能正常打开。
我见过几种挂法都不行:
- 只写文字,没有链接
- 链接指向自己的站
- 链接指向
#(点了没反应) - 链接地址写错,跳到 404
正确的 HTML:
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">
皖ICP备2026037696号
</a>
target="_blank" 让它在新的标签页里打开,用户看完备案信息还能回到你的站,体验更好。
四、可见性:别为了好看把它藏起来
这条最实操。
很多人(包括我一开始)觉得备案号碍眼,就做小、做灰、做淡。问题是管局抽查是人工看,淡到看不清就是问题。
我的经验值:
- 字号不小于 12px,建议 13-14px
- 颜色对比度足够,别用 #999 贴在 #fff 上
- 不要做成图片,图片里的文字搜不到、也不合规
- 不要用
opacity压暗,不要用visibility: hidden
我现在用的是深色背景配浅灰文字,实际渲染出来对比度够,看起来也不突兀:
footer .beian {
font-size: 13px;
color: #9aa0a6;
text-decoration: none;
transition: color .2s;
}
footer .beian:hover {
color: #d0d4d8;
}
深色主题下 #9aa0a6 这个灰度,正常屏幕上看得清,又不会抢走内容注意力。
五、多域名、子域名怎么挂
一个备案号可以对应多个域名(新增域名要做"新增网站"备案)。
规则是:每个独立访问的站,都要在自己的页面底部挂备案号。
我是两个域名:
- 主站 moxiaoa.com:正常挂
- moxiaoa.cn:做了全站 301 跳转到主站,所以访问者看到的是主站页面,主站的备案号就覆盖了
如果 .cn 是独立运营、不做跳转,那它自己的页面也得挂一次。
子域名(比如 blog.moxiaoa.com)如果做成独立站点对外提供内容,也要挂。做个 API 接口、内部工具页面,不对外,可以不挂。
我踩的两个坑
坑一:用模板变量渲染,结果线上没出来
我的文章页是静态生成 + 模板渲染的。一开始备案号写在模板里,但某次改版把页脚模板换成新的,备案号那行忘了迁移,整整三天首页底部是空的。自己没注意,还是朋友截图问我"你备案号呢"。
后来我把备案号写进了首页和文章页两个模板的固定位置,改版必查。
坑二:链接指向了 http
工信部备案系统只走 https,我一开始写成 http://beian.miit.gov.cn,点开自动跳转,但有些浏览器会先弹不安全提示。改成 https 就好了。
一份可以直接抄的页脚
<footer>
<div class="footer-inner">
<p class="copyright">© 2026 陌笑技术分享</p>
<p class="beian-line">
<a class="beian" href="https://beian.miit.gov.cn/"
target="_blank" rel="noopener">皖ICP备2026037696号</a>
</p>
</div>
</footer>
配套样式:
.footer-inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 32px 16px;
}
.beian-line {
margin: 0;
line-height: 1.6;
}
.beian {
font-size: 13px;
color: #9aa0a6;
text-decoration: none;
}
.beian:hover {
color: #d0d4d8;
}
最后核对一遍
上线前照着这个清单过一遍:
- [ ] 首页最底部能看到
- [ ] 格式是"省份简称 + ICP备 + 年份序号 + 号"
- [ ] 是文字,不是图片
- [ ] 带超链接,指向 https://beian.miit.gov.cn/
- [ ] 链接能正常打开,跳到备案查询页
- [ ] 字号不小于 12px,对比度够
- [ ] 每个独立站点都挂了
- [ ] 改版后复查过
八条全过,备案号这事才算真的做完。
有正在挂、或者被通知整改的朋友,对着这份清单查一遍,基本能定位问题在哪。
---
如果你也在折腾备案,碰到卡住的地方,可以加我微信 lige0552 聊聊。白天要上班,消息回得慢,看到都会回。