站建設(shè)完成后如何備案？3步搞定，服務(wù)器怎么選不踩坑)
網(wǎng)站建設(shè)完成后如何備案？3步搞定，服務(wù)器怎么選不踩坑
剛把網(wǎng)站代碼跑通，興沖沖準(zhǔn)備上線，結(jié)果卡在“備案”這一關(guān)？看著工信部那密密麻麻的條款，是不是腦子一團(tuán)漿糊，完全不知道第一步該點(diǎn)哪里？別慌，這就是典型的“備案流程一頭霧水”。很多設(shè)計(jì)師轉(zhuǎn)前端的朋友，寫代碼沒(méi)問(wèn)題，但面對(duì)服務(wù)器選購(gòu)和合規(guī)流程就抓瞎。今天咱們不整虛的，直接拆解從服務(wù)器怎么選到備案提交的全流程，讓你拿著手機(jī)就能搞定。
一、 為什么備案是繞不過(guò)去的坎？
在河南做建站，或者在國(guó)內(nèi)任何地方用國(guó)內(nèi)服務(wù)器，備案就是“出生證明”。沒(méi)有這個(gè)證，你的域名根本訪問(wèn)不了國(guó)內(nèi)服務(wù)器，瀏覽器會(huì)直接顯示“該網(wǎng)站無(wú)法訪問(wèn)”或者被攔截。
很多新手會(huì)問(wèn)：我買個(gè)國(guó)外的服務(wù)器，是不是就不用備案了？理論上是的，但訪問(wèn)速度慢得像蝸牛，而且國(guó)內(nèi)主流搜索引擎（比如百度）對(duì)未備案網(wǎng)站的收錄權(quán)重極低。你想做SEO，想讓客戶搜得到你，就必須備案。
這里有個(gè)關(guān)鍵點(diǎn)：備案主體必須是“人”或“公司”。個(gè)人備案：適合個(gè)人博客、作品集。需要身份證，但域名不能含“公司”、“企業(yè)”等字樣，且內(nèi)容不能涉及商業(yè)用途。
企業(yè)備案：適合公司官網(wǎng)、商城。需要營(yíng)業(yè)執(zhí)照、法人身份證。設(shè)計(jì)師轉(zhuǎn)前端的痛點(diǎn)：很多設(shè)計(jì)師習(xí)慣用國(guó)外的CDN或者對(duì)象存儲(chǔ)，但國(guó)內(nèi)合規(guī)要求所有指向國(guó)內(nèi)IP的內(nèi)容源必須備案。所以，別想著“先上線再備案”，那是死路。
二、 環(huán)境準(zhǔn)備：服務(wù)器與域名怎么選？
備案之前，你必須手里有兩張牌：已注冊(cè)的域名 和 已購(gòu)買的國(guó)內(nèi)服務(wù)器。這兩樣?xùn)|西選錯(cuò)了，后面全是坑。
1. 服務(wù)器怎么選？
這是新手最容易糾結(jié)的地方。阿里云、騰訊云、華為云，到底選哪家？看資質(zhì)：大廠更穩(wěn)，備案接口更成熟。對(duì)于個(gè)人或小團(tuán)隊(duì)，阿里云和騰訊云的備案引導(dǎo)流程最人性化，適合新手。
看配置：備案期間，服務(wù)器不需要高性能。一臺(tái)最基礎(chǔ)的 1核1G 或 2核2G 的輕量應(yīng)用服務(wù)器就足夠了，一年也就幾百塊錢。別為了備案去買高配，那是浪費(fèi)。
看地域：河南的用戶，建議選 華北2（北京） 或 華東1（杭州） 節(jié)點(diǎn)。離得近，延遲低，且備案審核速度通常比偏遠(yuǎn)地區(qū)快。2. 域名怎么選？后綴：.com 最通用，.cn 對(duì)國(guó)內(nèi)友好且便宜。設(shè)計(jì)師做作品集，.design 或 .dev 很有格調(diào)，但要注意，部分后綴對(duì)備案有額外限制，建議先查清楚。
實(shí)名認(rèn)證：買完域名，必須在域名注冊(cè)商后臺(tái)完成實(shí)名認(rèn)證。沒(méi)實(shí)名認(rèn)證的域名，備案系統(tǒng)根本不讓提交。這一步很多人忘，導(dǎo)致卡半天。3. 資料準(zhǔn)備清單個(gè)人：身份證正反面照片（清晰、無(wú)遮擋）、手機(jī)號(hào)（能接電話）、郵箱。
企業(yè)：營(yíng)業(yè)執(zhí)照副本照片、法人身份證、經(jīng)辦人身份證（如果不是法人本人辦）、公章（部分省份需要，河南通常線上辦理不需要，但建議備好）、手機(jī)號(hào)。三、 核心步驟：手把手教你走流程
以阿里云為例，其他平臺(tái)邏輯類似。整個(gè)過(guò)程分為：初審 - 管局審核 - 通過(guò)。
第一步：在云廠商控制臺(tái)發(fā)起備案登錄你的阿里云/騰訊云控制臺(tái)。
找到“ICP備案”入口。
點(diǎn)擊“開(kāi)始備案”。系統(tǒng)會(huì)引導(dǎo)你填寫主體信息。?? 避坑指南：網(wǎng)站名稱：個(gè)人備案不能帶“工作室”、“公司”、“商城”。比如“張三的個(gè)人博客”是安全的，“張三設(shè)計(jì)工作室”會(huì)被駁回。
網(wǎng)站內(nèi)容：選對(duì)類別。做作品集選“個(gè)人博客/圖片”，做賣貨選“電子商務(wù)”。選錯(cuò)了會(huì)被管局電話核實(shí)。第二步：提交審核與手機(jī)驗(yàn)證
填寫完信息，系統(tǒng)會(huì)生成一個(gè)“備案編號(hào)”。你需要用手機(jī)下載對(duì)應(yīng)的APP（如阿里云APP）進(jìn)行人臉識(shí)別和短信驗(yàn)證。這一步是為了確認(rèn)是你本人在操作，防止冒用身份。
注意：人臉掃描要在光線充足的地方，別戴墨鏡，別遮額頭。第三步：云廠商初審（1-2個(gè)工作日）
云廠商的審核員會(huì)檢查你的資料是否齊全、照片是否清晰、域名是否實(shí)名。如果駁回：會(huì)給你打電話或發(fā)短信，告訴你哪里錯(cuò)了（比如“身份證照片反光”）。按提示修改后重新提交即可。
如果通過(guò)：會(huì)進(jìn)入下一步“管局審核”。第四步：管局審核（1-20個(gè)工作日）
這是最漫長(zhǎng)的等待期。河南省通信管理局的審核速度通常在 3-7個(gè)工作日 左右。期間，可能會(huì)有 1-2 個(gè)電話 打到你預(yù)留的手機(jī)上。
電話怎么接？問(wèn)：“網(wǎng)站主要做什么？” - 答：“個(gè)人攝影作品展示”（要和你填的一致）。
問(wèn)：“服務(wù)器在哪里買的？” - 答：“阿里云”。
問(wèn)：“有商業(yè)行為嗎？” - 答：“沒(méi)有，純個(gè)人展示”。
態(tài)度要好，聲音要洪亮，回答要堅(jiān)定。如果電話沒(méi)接，備案會(huì)被駁回，一切重來(lái)。四、 代碼/配置示例：備案期間的網(wǎng)站展示
備案期間，你的域名是不能指向你的服務(wù)器IP的，否則會(huì)被攔截。但是，云廠商會(huì)提供一個(gè)臨時(shí)的備案域名（如 *.aliyuncs.com）。
我們需要配置服務(wù)器，讓這個(gè)臨時(shí)域名能訪問(wèn)到我們的網(wǎng)站，以便審核員檢查。
1. Nginx 配置示例
假設(shè)你的網(wǎng)站根目錄是 /var/www/html，臨時(shí)備案域名是 your-bakup-temp.aliyuncs.com。
server {# 監(jiān)聽(tīng)80端口listen 80;# 關(guān)鍵：使用云廠商提供的臨時(shí)備案域名server_name your-bakup-temp.aliyuncs.com;# 網(wǎng)站根目錄root /var/www/html;index index.html index.htm;# 允許跨域（如果前端是Vue/React開(kāi)發(fā)服務(wù)器）add_header 'Access-Control-Allow-Origin' '*';# 訪問(wèn)日志access_log /var/log/nginx/access.log;error_log /var/log/nginx/error.log;location / {# 前端路由 history 模式支持try_files $uri $uri/ /index.html;}# 靜態(tài)資源緩存location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {expires 30d;add_header Cache-Control public, no-transform;}
}配置說(shuō)明：server_name 必須填寫云廠商后臺(tái)給出的那個(gè)臨時(shí)域名，千萬(wàn)不要填你的正式域名（如 www.zhangsan.com），否則會(huì)被攔截。
try_files 這行對(duì)于 Vue/React 單頁(yè)應(yīng)用至關(guān)重要，防止刷新頁(yè)面出現(xiàn) 404。2. 檢查配置并重載 Nginx
修改完配置后，執(zhí)行以下命令：
# 檢查配置文件語(yǔ)法是否正確
sudo nginx -t# 如果顯示 syntax is ok 和 test is successful
# 重載 Nginx 配置
sudo systemctl reload nginx3. 如何驗(yàn)證？
在瀏覽器地址欄輸入 http://your-bakup-temp.aliyuncs.com。如果能看到你的網(wǎng)站首頁(yè)，說(shuō)明配置成功。
如果看到 403 Forbidden，檢查 /var/www/html 目錄權(quán)限，執(zhí)行 chmod -R 755 /var/www/html。
如果看到 404 Not Found，檢查 root 路徑是否正確。設(shè)計(jì)師小貼士：
在備案期間，你的網(wǎng)站首頁(yè)應(yīng)該盡量簡(jiǎn)潔、干凈。放一張精美的個(gè)人介紹圖，或者作品列表，不要放復(fù)雜的動(dòng)態(tài)效果。審核員主要看的是“網(wǎng)站內(nèi)容是否與申報(bào)一致”，太花哨反而容易出問(wèn)題。
五、 常見(jiàn)報(bào)錯(cuò)與“雷區(qū)”排查
即使按步驟做，也常遇到這些坑，提前知道能省不少事。報(bào)錯(cuò)/現(xiàn)象
可能原因
解決方案域名未實(shí)名認(rèn)證
剛買域名，還沒(méi)完成實(shí)名
去域名注冊(cè)商后臺(tái)提交實(shí)名資料，等待1-2天審核通過(guò)后再備案服務(wù)器已備案過(guò)
你買的服務(wù)器之前被前主人用過(guò)，且未解綁
聯(lián)系云廠商客服，申請(qǐng)“服務(wù)器更換”或“備案主體遷移”，流程較復(fù)雜照片不清晰
身份證反光、模糊、有手指遮擋
重新拍攝，使用掃描儀或高清手機(jī)拍照，確保四角完整網(wǎng)站名稱違規(guī)
個(gè)人備案用了“XX工作室”、“XX科技”
修改網(wǎng)站名稱，去掉商業(yè)詞匯，改為“XX的個(gè)人空間”管局電話未接
手機(jī)沒(méi)電、靜音、誤掛
備案狀態(tài)會(huì)變?yōu)椤榜g回”或“待處理”，需重新提交或等待系統(tǒng)再次撥打特別案例：河南地區(qū)的小細(xì)節(jié)
河南管局對(duì)網(wǎng)站內(nèi)容審核較嚴(yán)。如果你的網(wǎng)站是“企業(yè)官網(wǎng)”，但在內(nèi)容里放了大量“招聘”、“融資”信息，可能會(huì)被認(rèn)為涉及金融或人力資源，導(dǎo)致駁回。建議初期只展示核心業(yè)務(wù)介紹，招聘頁(yè)單獨(dú)放，且備案時(shí)不要勾選“人力資源”類別，除非你專門做招聘網(wǎng)站。
六、 備案通過(guò)后，別忘了這些后續(xù)動(dòng)作
備案通過(guò)后，你會(huì)收到一條短信，包含備案號(hào)（如：豫ICP備2023XXXXXX號(hào)-1）。
1. 修改 Nginx 配置，綁定正式域名
將之前的 server_name your-bakup-temp.aliyuncs.com 改為你自己的域名 www.zhangsan.com。
server {listen 443 ssl; # 建議直接上HTTPSserver_name www.zhangsan.com zhangsan.com;ssl_certificate /etc/nginx/ssl/zhangsan.com.pem;ssl_certificate_key /etc/nginx/ssl/zhangsan.com.key;root /var/www/html;# ... 其他配置同上
}2. 添加 ICP 備案號(hào)鏈接
根據(jù)《互聯(lián)網(wǎng)信息服務(wù)管理辦法》，網(wǎng)站首頁(yè)底部必須懸掛 ICP 備案號(hào)，并鏈接到工信部網(wǎng)站。
HTML 代碼示例：
footerdiv class=icpa href=http://beian.miit.gov.cn/ target=_blank rel=nofollow豫ICP備2023XXXXXX號(hào)-1/a/div
/footer注意：鏈接目標(biāo)必須是 beian.miit.gov.cn，這是工信部官方備案查詢網(wǎng)站。
CSS：字體顏色不要太小，建議灰色或深色，清晰可見(jiàn)。3. 提交搜索引擎收錄
網(wǎng)站上線后，去 百度搜索資源平臺(tái)（ziyuan.baidu.com）提交你的 sitemap.xml。注冊(cè)賬號(hào)，驗(yàn)證網(wǎng)站所有權(quán)（可以通過(guò)文件驗(yàn)證或代碼驗(yàn)證）。
在“普通收錄”中提交你的首頁(yè) URL。
這一步能加快百度對(duì)你網(wǎng)站的抓取速度，是SEO的基礎(chǔ)動(dòng)作。4. 申請(qǐng) SSL 證書
雖然備案不強(qiáng)制要求 HTTPS，但瀏覽器會(huì)提示“不安全”。去云廠商控制臺(tái)申請(qǐng)免費(fèi) DV SSL 證書。
下載后配置到 Nginx（如上文代碼所示）。
現(xiàn)在 HTTPS 是標(biāo)配，尤其是設(shè)計(jì)師的作品集，細(xì)節(jié)決定專業(yè)度。小結(jié)
網(wǎng)站建設(shè)完成后如何備案，其實(shí)沒(méi)那么神秘。核心就是：買對(duì)服務(wù)器 - 實(shí)名域名 - 填對(duì)信息 - 接好電話 - 掛好號(hào)。
對(duì)于設(shè)計(jì)師轉(zhuǎn)前端的朋友來(lái)說(shuō)，備案不僅是合規(guī)要求，更是一個(gè)梳理網(wǎng)站架構(gòu)、規(guī)范文件目錄、配置 Nginx 的好機(jī)會(huì)。別把它當(dāng)成麻煩，當(dāng)成項(xiàng)目上線前的“質(zhì)檢”環(huán)節(jié)。
記住，百度搜索資源平臺(tái)等權(quán)威渠道是獲取最新SEO和備案政策的地方，不要輕信網(wǎng)上那些“三天快速備案”的中介廣告，自己操作才最穩(wěn)妥，也最省錢。
還有什么建站疑問(wèn)？比如 Nginx 配置報(bào)錯(cuò)、SSL 證書部署失敗，或者備案被駁回不知道咋改？評(píng)論區(qū)留言，挨個(gè)回！ 網(wǎng)站建設(shè)完成后如何備案？3步搞定，服務(wù)器怎么選不踩坑
網(wǎng)站建設(shè)完成后如何備案？3步搞定，服務(wù)器怎么選不踩坑
剛把網(wǎng)站代碼跑通，興沖沖準(zhǔn)備上線，結(jié)果卡在“備案”這一關(guān)？看著工信部那密密麻麻的條款，是不是腦子一團(tuán)漿糊，完全不知道第一步該點(diǎn)哪里？別慌，這就是典型的“備案流程一頭霧水”。很多設(shè)計(jì)師轉(zhuǎn)前端的朋友，寫代碼沒(méi)問(wèn)題，但面對(duì)服務(wù)器選購(gòu)和合規(guī)流程就抓瞎。今天咱們不整虛的，直接拆解從服務(wù)器怎么選到備案提交的全流程，讓你拿著手機(jī)就能搞定。
一、 為什么備案是繞不過(guò)去的坎？
在河南做建站，或者在國(guó)內(nèi)任何地方用國(guó)內(nèi)服務(wù)器，備案就是“出生證明”。沒(méi)有這個(gè)證，你的域名根本訪問(wèn)不了國(guó)內(nèi)服務(wù)器，瀏覽器會(huì)直接顯示“該網(wǎng)站無(wú)法訪問(wèn)”或者被攔截。
很多新手會(huì)問(wèn)：我買個(gè)國(guó)外的服務(wù)器，是不是就不用備案了？理論上是的，但訪問(wèn)速度慢得像蝸牛，而且國(guó)內(nèi)主流搜索引擎（比如百度）對(duì)未備案網(wǎng)站的收錄權(quán)重極低。你想做SEO，想讓客戶搜得到你，就必須備案。
這里有個(gè)關(guān)鍵點(diǎn)：備案主體必須是“人”或“公司”。個(gè)人備案：適合個(gè)人博客、作品集。需要身份證，但域名不能含“公司”、“企業(yè)”等字樣，且內(nèi)容不能涉及商業(yè)用途。
企業(yè)備案：適合公司官網(wǎng)、商城。需要營(yíng)業(yè)執(zhí)照、法人身份證。設(shè)計(jì)師轉(zhuǎn)前端的痛點(diǎn)：很多設(shè)計(jì)師習(xí)慣用國(guó)外的CDN或者對(duì)象存儲(chǔ)，但國(guó)內(nèi)合規(guī)要求所有指向國(guó)內(nèi)IP的內(nèi)容源必須備案。所以，別想著“先上線再備案”，那是死路。
二、 環(huán)境準(zhǔn)備：服務(wù)器與域名怎么選？
備案之前，你必須手里有兩張牌：已注冊(cè)的域名 和 已購(gòu)買的國(guó)內(nèi)服務(wù)器。這兩樣?xùn)|西選錯(cuò)了，后面全是坑。
1. 服務(wù)器怎么選？
這是新手最容易糾結(jié)的地方。阿里云、騰訊云、華為云，到底選哪家？看資質(zhì)：大廠更穩(wěn)，備案接口更成熟。對(duì)于個(gè)人或小團(tuán)隊(duì)，阿里云和騰訊云的備案引導(dǎo)流程最人性化，適合新手。
看配置：備案期間，服務(wù)器不需要高性能。一臺(tái)最基礎(chǔ)的 1核1G 或 2核2G 的輕量應(yīng)用服務(wù)器就足夠了，一年也就幾百塊錢。別為了備案去買高配，那是浪費(fèi)。
看地域：河南的用戶，建議選 華北2（北京） 或 華東1（杭州） 節(jié)點(diǎn)。離得近，延遲低，且備案審核速度通常比偏遠(yuǎn)地區(qū)快。2. 域名怎么選？后綴：.com 最通用，.cn 對(duì)國(guó)內(nèi)友好且便宜。設(shè)計(jì)師做作品集，.design 或 .dev 很有格調(diào)，但要注意，部分后綴對(duì)備案有額外限制，建議先查清楚。
實(shí)名認(rèn)證：買完域名，必須在域名注冊(cè)商后臺(tái)完成實(shí)名認(rèn)證。沒(méi)實(shí)名認(rèn)證的域名，備案系統(tǒng)根本不讓提交。這一步很多人忘，導(dǎo)致卡半天。3. 資料準(zhǔn)備清單個(gè)人：身份證正反面照片（清晰、無(wú)遮擋）、手機(jī)號(hào)（能接電話）、郵箱。
企業(yè)：營(yíng)業(yè)執(zhí)照副本照片、法人身份證、經(jīng)辦人身份證（如果不是法人本人辦）、公章（部分省份需要，河南通常線上辦理不需要，但建議備好）、手機(jī)號(hào)。三、 核心步驟：手把手教你走流程
以阿里云為例，其他平臺(tái)邏輯類似。整個(gè)過(guò)程分為：初審 - 管局審核 - 通過(guò)。
第一步：在云廠商控制臺(tái)發(fā)起備案登錄你的阿里云/騰訊云控制臺(tái)。
找到“ICP備案”入口。
點(diǎn)擊“開(kāi)始備案”。系統(tǒng)會(huì)引導(dǎo)你填寫主體信息。?? 避坑指南：網(wǎng)站名稱：個(gè)人備案不能帶“工作室”、“公司”、“商城”。比如“張三的個(gè)人博客”是安全的，“張三設(shè)計(jì)工作室”會(huì)被駁回。
網(wǎng)站內(nèi)容：選對(duì)類別。做作品集選“個(gè)人博客/圖片”，做賣貨選“電子商務(wù)”。選錯(cuò)了會(huì)被管局電話核實(shí)。第二步：提交審核與手機(jī)驗(yàn)證
填寫完信息，系統(tǒng)會(huì)生成一個(gè)“備案編號(hào)”。你需要用手機(jī)下載對(duì)應(yīng)的APP（如阿里云APP）進(jìn)行人臉識(shí)別和短信驗(yàn)證。這一步是為了確認(rèn)是你本人在操作，防止冒用身份。
注意：人臉掃描要在光線充足的地方，別戴墨鏡，別遮額頭。第三步：云廠商初審（1-2個(gè)工作日）
云廠商的審核員會(huì)檢查你的資料是否齊全、照片是否清晰、域名是否實(shí)名。如果駁回：會(huì)給你打電話或發(fā)短信，告訴你哪里錯(cuò)了（比如“身份證照片反光”）。按提示修改后重新提交即可。
如果通過(guò)：會(huì)進(jìn)入下一步“管局審核”。第四步：管局審核（1-20個(gè)工作日）
這是最漫長(zhǎng)的等待期。河南省通信管理局的審核速度通常在 3-7個(gè)工作日 左右。期間，可能會(huì)有 1-2 個(gè)電話 打到你預(yù)留的手機(jī)上。
電話怎么接？問(wèn)：“網(wǎng)站主要做什么？” - 答：“個(gè)人攝影作品展示”（要和你填的一致）。
問(wèn)：“服務(wù)器在哪里買的？” - 答：“阿里云”。
問(wèn)：“有商業(yè)行為嗎？” - 答：“沒(méi)有，純個(gè)人展示”。
態(tài)度要好，聲音要洪亮，回答要堅(jiān)定。如果電話沒(méi)接，備案會(huì)被駁回，一切重來(lái)。四、 代碼/配置示例：備案期間的網(wǎng)站展示
備案期間，你的域名是不能指向你的服務(wù)器IP的，否則會(huì)被攔截。但是，云廠商會(huì)提供一個(gè)臨時(shí)的備案域名（如 *.aliyuncs.com）。
我們需要配置服務(wù)器，讓這個(gè)臨時(shí)域名能訪問(wèn)到我們的網(wǎng)站，以便審核員檢查。
1. Nginx 配置示例
假設(shè)你的網(wǎng)站根目錄是 /var/www/html，臨時(shí)備案域名是 your-bakup-temp.aliyuncs.com。
server {# 監(jiān)聽(tīng)80端口listen 80;# 關(guān)鍵：使用云廠商提供的臨時(shí)備案域名server_name your-bakup-temp.aliyuncs.com;# 網(wǎng)站根目錄root /var/www/html;index index.html index.htm;# 允許跨域（如果前端是Vue/React開(kāi)發(fā)服務(wù)器）add_header 'Access-Control-Allow-Origin' '*';# 訪問(wèn)日志access_log /var/log/nginx/access.log;error_log /var/log/nginx/error.log;location / {# 前端路由 history 模式支持try_files $uri $uri/ /index.html;}# 靜態(tài)資源緩存location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {expires 30d;add_header Cache-Control public, no-transform;}
}配置說(shuō)明：server_name 必須填寫云廠商后臺(tái)給出的那個(gè)臨時(shí)域名，千萬(wàn)不要填你的正式域名（如 www.zhangsan.com），否則會(huì)被攔截。
try_files 這行對(duì)于 Vue/React 單頁(yè)應(yīng)用至關(guān)重要，防止刷新頁(yè)面出現(xiàn) 404。2. 檢查配置并重載 Nginx
修改完配置后，執(zhí)行以下命令：
# 檢查配置文件語(yǔ)法是否正確
sudo nginx -t# 如果顯示 syntax is ok 和 test is successful
# 重載 Nginx 配置
sudo systemctl reload nginx3. 如何驗(yàn)證？
在瀏覽器地址欄輸入 http://your-bakup-temp.aliyuncs.com。如果能看到你的網(wǎng)站首頁(yè)，說(shuō)明配置成功。
如果看到 403 Forbidden，檢查 /var/www/html 目錄權(quán)限，執(zhí)行 chmod -R 755 /var/www/html。
如果看到 404 Not Found，檢查 root 路徑是否正確。設(shè)計(jì)師小貼士：
在備案期間，你的網(wǎng)站首頁(yè)應(yīng)該盡量簡(jiǎn)潔、干凈。放一張精美的個(gè)人介紹圖，或者作品列表，不要放復(fù)雜的動(dòng)態(tài)效果。審核員主要看的是“網(wǎng)站內(nèi)容是否與申報(bào)一致”，太花哨反而容易出問(wèn)題。
五、 常見(jiàn)報(bào)錯(cuò)與“雷區(qū)”排查
即使按步驟做，也常遇到這些坑，提前知道能省不少事。報(bào)錯(cuò)/現(xiàn)象
可能原因
解決方案域名未實(shí)名認(rèn)證
剛買域名，還沒(méi)完成實(shí)名
去域名注冊(cè)商后臺(tái)提交實(shí)名資料，等待1-2天審核通過(guò)后再備案服務(wù)器已備案過(guò)
你買的服務(wù)器之前被前主人用過(guò)，且未解綁
聯(lián)系云廠商客服，申請(qǐng)“服務(wù)器更換”或“備案主體遷移”，流程較復(fù)雜照片不清晰
身份證反光、模糊、有手指遮擋
重新拍攝，使用掃描儀或高清手機(jī)拍照，確保四角完整網(wǎng)站名稱違規(guī)
個(gè)人備案用了“XX工作室”、“XX科技”
修改網(wǎng)站名稱，去掉商業(yè)詞匯，改為“XX的個(gè)人空間”管局電話未接
手機(jī)沒(méi)電、靜音、誤掛
備案狀態(tài)會(huì)變?yōu)椤榜g回”或“待處理”，需重新提交或等待系統(tǒng)再次撥打特別案例：河南地區(qū)的小細(xì)節(jié)
河南管局對(duì)網(wǎng)站內(nèi)容審核較嚴(yán)。如果你的網(wǎng)站是“企業(yè)官網(wǎng)”，但在內(nèi)容里放了大量“招聘”、“融資”信息，可能會(huì)被認(rèn)為涉及金融或人力資源，導(dǎo)致駁回。建議初期只展示核心業(yè)務(wù)介紹，招聘頁(yè)單獨(dú)放，且備案時(shí)不要勾選“人力資源”類別，除非你專門做招聘網(wǎng)站。
六、 備案通過(guò)后，別忘了這些后續(xù)動(dòng)作
備案通過(guò)后，你會(huì)收到一條短信，包含備案號(hào)（如：豫ICP備2023XXXXXX號(hào)-1）。
1. 修改 Nginx 配置，綁定正式域名
將之前的 server_name your-bakup-temp.aliyuncs.com 改為你自己的域名 www.zhangsan.com。
server {listen 443 ssl; # 建議直接上HTTPSserver_name www.zhangsan.com zhangsan.com;ssl_certificate /etc/nginx/ssl/zhangsan.com.pem;ssl_certificate_key /etc/nginx/ssl/zhangsan.com.key;root /var/www/html;# ... 其他配置同上
}2. 添加 ICP 備案號(hào)鏈接
根據(jù)《互聯(lián)網(wǎng)信息服務(wù)管理辦法》，網(wǎng)站首頁(yè)底部必須懸掛 ICP 備案號(hào)，并鏈接到工信部網(wǎng)站。
HTML 代碼示例：
footerdiv class=icpa href=http://beian.miit.gov.cn/ target=_blank rel=nofollow豫ICP備2023XXXXXX號(hào)-1/a/div
/footer注意：鏈接目標(biāo)必須是 beian.miit.gov.cn，這是工信部官方備案查詢網(wǎng)站。
CSS：字體顏色不要太小，建議灰色或深色，清晰可見(jiàn)。3. 提交搜索引擎收錄
網(wǎng)站上線后，去 百度搜索資源平臺(tái)（ziyuan.baidu.com）提交你的 sitemap.xml。注冊(cè)賬號(hào)，驗(yàn)證網(wǎng)站所有權(quán)（可以通過(guò)文件驗(yàn)證或代碼驗(yàn)證）。
在“普通收錄”中提交你的首頁(yè) URL。
這一步能加快百度對(duì)你網(wǎng)站的抓取速度，是SEO的基礎(chǔ)動(dòng)作。4. 申請(qǐng) SSL 證書
雖然備案不強(qiáng)制要求 HTTPS，但瀏覽器會(huì)提示“不安全”。去云廠商控制臺(tái)申請(qǐng)免費(fèi) DV SSL 證書。
下載后配置到 Nginx（如上文代碼所示）。
現(xiàn)在 HTTPS 是標(biāo)配，尤其是設(shè)計(jì)師的作品集，細(xì)節(jié)決定專業(yè)度。小結(jié)
網(wǎng)站建設(shè)完成后如何備案，其實(shí)沒(méi)那么神秘。核心就是：買對(duì)服務(wù)器 - 實(shí)名域名 - 填對(duì)信息 - 接好電話 - 掛好號(hào)。
對(duì)于設(shè)計(jì)師轉(zhuǎn)前端的朋友來(lái)說(shuō)，備案不僅是合規(guī)要求，更是一個(gè)梳理網(wǎng)站架構(gòu)、規(guī)范文件目錄、配置 Nginx 的好機(jī)會(huì)。別把它當(dāng)成麻煩，當(dāng)成項(xiàng)目上線前的“質(zhì)檢”環(huán)節(jié)。
記住，百度搜索資源平臺(tái)等權(quán)威渠道是獲取最新SEO和備案政策的地方，不要輕信網(wǎng)上那些“三天快速備案”的中介廣告，自己操作才最穩(wěn)妥，也最省錢。
還有什么建站疑問(wèn)？比如 Nginx 配置報(bào)錯(cuò)、SSL 證書部署失敗，或者備案被駁回不知道咋改？評(píng)論區(qū)留言，挨個(gè)回！