备案号挂错位置,等于没备案:底部挂法的 5 个细节

备案号下来那天,我干了件挺典型的事:把"皖ICP备2026037696号"几个字往页脚一贴,颜色调成浅灰,字号调到 12px,心想这下合规了。

后来才知道,这样挂,抽查时大概率被打回。

这篇讲清楚备案号到底怎么挂——不是贴上去就算,格式、位置、链接、可见性都有要求,任何一项不对都算没挂。

一、位置:必须在首页底部,通常是最底部

规定要求备案号在网站首页底部显著位置展示。

关键词是"底部"和"显著"。

我的站是单页加文章页的结构,备案号放在首页 <footer> 的最后一行,居中显示,所有页面共用同一个页脚。

有人把备案号放在"关于本站"里,或者做成一个隐藏的 div,觉得反正挂上了。抽查人工看的时候找不到,就是没挂。

二、格式:一个字都不能少

标准格式:

皖ICP备2026037696号

拆开看:

常见的错误写法:

错误写法问题
皖ICP2026037696少了"备"字
皖ICP备2026037696少了"号"字
2026037696号少了省份和 ICP 备
皖ICP备第2026037696号多了"第"字
皖ICP备 2026037696 号中间多了空格

严谨点说,多一个字少一个字,格式就对不上。审核员是拿备案号去系统里比对的,比不上就是不合规。

三、链接:必须能跳到工信部备案系统

这是最容易被忽略的一条。备案号必须带超链接,指向:

https://beian.miit.gov.cn/

而且这个链接要能正常打开。

我见过几种挂法都不行:

正确的 HTML:

<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">
  皖ICP备2026037696号
</a>

target="_blank" 让它在新的标签页里打开,用户看完备案信息还能回到你的站,体验更好。

四、可见性:别为了好看把它藏起来

这条最实操。

很多人(包括我一开始)觉得备案号碍眼,就做小、做灰、做淡。问题是管局抽查是人工看,淡到看不清就是问题。

我的经验值:

我现在用的是深色背景配浅灰文字,实际渲染出来对比度够,看起来也不突兀:

footer .beian {
  font-size: 13px;
  color: #9aa0a6;
  text-decoration: none;
  transition: color .2s;
}
footer .beian:hover {
  color: #d0d4d8;
}

深色主题下 #9aa0a6 这个灰度,正常屏幕上看得清,又不会抢走内容注意力。

五、多域名、子域名怎么挂

一个备案号可以对应多个域名(新增域名要做"新增网站"备案)。

规则是:每个独立访问的站,都要在自己的页面底部挂备案号。

我是两个域名:

如果 .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;
}

最后核对一遍

上线前照着这个清单过一遍:

八条全过,备案号这事才算真的做完。

有正在挂、或者被通知整改的朋友,对着这份清单查一遍,基本能定位问题在哪。

---

如果你也在折腾备案,碰到卡住的地方,可以加我微信 lige0552 聊聊。白天要上班,消息回得慢,看到都会回。