[{"data":1,"prerenderedAt":3122},["ShallowReactive",2],{"article-/topics/practical-tips/website-design-deliverables-acceptance-checklist-guide":3,"related-practical-tips":434,"content-query-jj3NIOSUNn":2809},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"topic":5,"author":11,"tags":12,"image":17,"imageQuery":18,"pexelsPhotoId":19,"pexelsUrl":20,"featured":6,"readingTime":21,"body":22,"_type":428,"_id":429,"_source":430,"_file":431,"_stem":432,"_extension":433},"/topics/practical-tips/website-design-deliverables-acceptance-checklist-guide","practical-tips",false,"","网站设计交付清单怎么验：页面文件、组件说明、素材源文件和上线信息缺一都麻烦","很多网站项目到尾款阶段才发现，页面虽然上线了，真正该交的文件和说明并没有齐。本文把网站设计交付清单拆成页面、组件、素材、账号和上线资料五类，讲清尾款前到底该验什么。","2026-05-25","HTMLPAGE 团队",[13,14,15,16],"网站设计","网页制作","交付清单","验收标准","/images/articles/website-design-deliverables-acceptance-checklist-guide-featured.jpg","deliverables acceptance checklist laptop files desk",7654452,"https://www.pexels.com/photo/a-boss-holding-a-brown-folder-7654452/",14,{"type":23,"children":24,"toc":416},"root",[25,33,38,43,80,87,210,215,221,226,251,256,262,267,272,290,295,301,306,311,317,322,327,333,338,343,348,353,376,381,387,392,411],{"type":26,"tag":27,"props":28,"children":29},"element","p",{},[30],{"type":31,"value":32},"text","很多网站项目到最后阶段时，最危险的错觉是“页面已经上线，应该就算交付完成了”。这句话听起来很顺，却藏着很多后续麻烦。因为页面能打开，并不等于项目真正被完整交出来。很多团队都是在准备付尾款时才发现：设计源文件没有整理，组件说明缺失，图片只给了成品图，账号交接不完整，SEO 配置和分享信息还散落在群消息里。",{"type":26,"tag":27,"props":34,"children":35},{},[36],{"type":31,"value":37},"交付阶段最容易踩的坑，不是完全没有东西，而是“看起来差不多都有了”。一旦尾款付完，再回头追这些资料，主动权会明显变差。真正该做的不是默认上线等于完成，而是在尾款前就把交付物拉成一张能核对的清单：哪些已经齐，哪些还缺，哪些缺了会让后续维护立刻变贵。",{"type":26,"tag":27,"props":39,"children":40},{},[41],{"type":31,"value":42},"所以这篇文章不讲抽象的“注意验收”，而是把网站设计交付清单拆成五类：页面文件、组件说明、素材源文件、账号权限和上线资料。项目真正要交的，不只是页面结果，而是后续继续维护这个结果所必须的全部基础。",{"type":26,"tag":27,"props":44,"children":45},{},[46,48,55,57,63,64,70,72,78],{"type":31,"value":47},"建议配合 ",{"type":26,"tag":49,"props":50,"children":52},"a",{"href":51},"/topics/practical-tips/website-design-acceptance-visual-responsive-seo-guide",[53],{"type":31,"value":54},"网站设计验收怎么做",{"type":31,"value":56},"、",{"type":26,"tag":49,"props":58,"children":60},{"href":59},"/topics/practical-tips/website-design-handover-assets-checklist-guide",[61],{"type":31,"value":62},"网站设计交接清单怎么做",{"type":31,"value":56},{"type":26,"tag":49,"props":65,"children":67},{"href":66},"/topics/practical-tips/website-design-contract-scope-ownership-payment-guide",[68],{"type":31,"value":69},"网站设计合同怎么签",{"type":31,"value":71}," 和 ",{"type":26,"tag":49,"props":73,"children":75},{"href":74},"/topics/practical-tips/website-account-domain-ownership-access-governance-guide",[76],{"type":31,"value":77},"网站账号和域名归谁管",{"type":31,"value":79}," 一起看。",{"type":26,"tag":81,"props":82,"children":84},"h2",{"id":83},"先给结论尾款前最该验的不是页面能不能打开而是五类交付是否齐套",[85],{"type":31,"value":86},"先给结论：尾款前最该验的，不是页面能不能打开，而是五类交付是否齐套",{"type":26,"tag":88,"props":89,"children":90},"table",{},[91,115],{"type":26,"tag":92,"props":93,"children":94},"thead",{},[95],{"type":26,"tag":96,"props":97,"children":98},"tr",{},[99,105,110],{"type":26,"tag":100,"props":101,"children":102},"th",{},[103],{"type":31,"value":104},"交付层",{"type":26,"tag":100,"props":106,"children":107},{},[108],{"type":31,"value":109},"应该核对什么",{"type":26,"tag":100,"props":111,"children":112},{},[113],{"type":31,"value":114},"缺了会带来什么",{"type":26,"tag":116,"props":117,"children":118},"tbody",{},[119,138,156,174,192],{"type":26,"tag":96,"props":120,"children":121},{},[122,128,133],{"type":26,"tag":123,"props":124,"children":125},"td",{},[126],{"type":31,"value":127},"页面结果",{"type":26,"tag":123,"props":129,"children":130},{},[131],{"type":31,"value":132},"最终页面、关键页型、移动端表现",{"type":26,"tag":123,"props":134,"children":135},{},[136],{"type":31,"value":137},"只看到部分页面，整体结果不完整",{"type":26,"tag":96,"props":139,"children":140},{},[141,146,151],{"type":26,"tag":123,"props":142,"children":143},{},[144],{"type":31,"value":145},"组件说明",{"type":26,"tag":123,"props":147,"children":148},{},[149],{"type":31,"value":150},"高复用模块、状态、替换规则",{"type":26,"tag":123,"props":152,"children":153},{},[154],{"type":31,"value":155},"后续一改就散，团队只能反复试错",{"type":26,"tag":96,"props":157,"children":158},{},[159,164,169],{"type":26,"tag":123,"props":160,"children":161},{},[162],{"type":31,"value":163},"素材源文件",{"type":26,"tag":123,"props":165,"children":166},{},[167],{"type":31,"value":168},"设计源文件、图片原图、图标和字体说明",{"type":26,"tag":123,"props":170,"children":171},{},[172],{"type":31,"value":173},"维护时只能拿成品图硬改",{"type":26,"tag":96,"props":175,"children":176},{},[177,182,187],{"type":26,"tag":123,"props":178,"children":179},{},[180],{"type":31,"value":181},"账号与权限",{"type":26,"tag":123,"props":183,"children":184},{},[185],{"type":31,"value":186},"域名、部署、表单、统计、邮箱和角色",{"type":26,"tag":123,"props":188,"children":189},{},[190],{"type":31,"value":191},"项目结束后仍拿不回控制权",{"type":26,"tag":96,"props":193,"children":194},{},[195,200,205],{"type":26,"tag":123,"props":196,"children":197},{},[198],{"type":31,"value":199},"上线资料",{"type":26,"tag":123,"props":201,"children":202},{},[203],{"type":31,"value":204},"title、description、分享图、重定向、埋点说明",{"type":26,"tag":123,"props":206,"children":207},{},[208],{"type":31,"value":209},"页面虽然在线，但后续运营没有底层资料",{"type":26,"tag":27,"props":211,"children":212},{},[213],{"type":31,"value":214},"很多网站交付真正的问题，不是某一项完全没有，而是这五层没有被按完整系统去核对。",{"type":26,"tag":81,"props":216,"children":218},{"id":217},"页面结果先验全不全再验像不像",[219],{"type":31,"value":220},"页面结果先验“全不全”，再验“像不像”",{"type":26,"tag":27,"props":222,"children":223},{},[224],{"type":31,"value":225},"尾款前最常见的误判，是团队先去看首页像不像原设计，忽略整个交付范围是否完整。更稳的顺序应该是：",{"type":26,"tag":227,"props":228,"children":229},"ul",{},[230,236,241,246],{"type":26,"tag":231,"props":232,"children":233},"li",{},[234],{"type":31,"value":235},"合同或需求里承诺的页型是否都交了",{"type":26,"tag":231,"props":237,"children":238},{},[239],{"type":31,"value":240},"桌面端和移动端是否都在验收范围内",{"type":26,"tag":231,"props":242,"children":243},{},[244],{"type":31,"value":245},"表单、跳转、下载、导航这些关键路径是否全部可用",{"type":26,"tag":231,"props":247,"children":248},{},[249],{"type":31,"value":250},"页面里是否仍有占位内容、测试素材或未收口的模块",{"type":26,"tag":27,"props":252,"children":253},{},[254],{"type":31,"value":255},"只要“全不全”没有先核对，“像不像”其实没那么重要。因为缺页型、缺状态、缺真实内容，比视觉小偏差更容易在后面持续制造麻烦。",{"type":26,"tag":81,"props":257,"children":259},{"id":258},"组件说明是最容易被漏掉也最会拖慢后续维护的那层",[260],{"type":31,"value":261},"组件说明是最容易被漏掉、也最会拖慢后续维护的那层",{"type":26,"tag":27,"props":263,"children":264},{},[265],{"type":31,"value":266},"很多团队验交付时，只盯页面成品，不问组件说明。这个选择短期看起来没问题，长期却最伤。因为官网、落地页或内容站后续最常改的，往往不是整页重做，而是继续复用某些模块：案例卡片、FAQ、证据区、CTA、资源卡片、联系区。没有组件说明，后续每次改动都只能靠猜或重新找服务商问。",{"type":26,"tag":27,"props":268,"children":269},{},[270],{"type":31,"value":271},"更该问的是：",{"type":26,"tag":227,"props":273,"children":274},{},[275,280,285],{"type":26,"tag":231,"props":276,"children":277},{},[278],{"type":31,"value":279},"哪些模块是高频复用组件",{"type":26,"tag":231,"props":281,"children":282},{},[283],{"type":31,"value":284},"文案、图片、按钮和长度的替换边界是什么",{"type":26,"tag":231,"props":286,"children":287},{},[288],{"type":31,"value":289},"哪些状态或异常情况已被设计进组件逻辑",{"type":26,"tag":27,"props":291,"children":292},{},[293],{"type":31,"value":294},"如果交付里只有“结果页面”，没有“如何继续安全改”，项目其实只被交了一半。",{"type":26,"tag":81,"props":296,"children":298},{"id":297},"素材源文件决定你以后是维护网站还是维护截图",[299],{"type":31,"value":300},"素材源文件决定你以后是维护网站，还是维护截图",{"type":26,"tag":27,"props":302,"children":303},{},[304],{"type":31,"value":305},"很多项目尾款前会交一批图片和设计文件，但没有人明确问：这些到底是成品还是源文件？字体是否可继续使用？图片是否有原图和裁切规则？图标来自哪里？",{"type":26,"tag":27,"props":307,"children":308},{},[309],{"type":31,"value":310},"这些问题如果不在尾款前问清，后面通常会演变成一种熟悉局面：网站表面上能继续用，真正要改时却只能基于截图、压缩图和零散导出文件继续补。这样不一定完全做不了，但每一次维护都会明显更慢、更贵。",{"type":26,"tag":81,"props":312,"children":314},{"id":313},"账号和上线资料不在清单里尾款之后最容易拿不回来",[315],{"type":31,"value":316},"账号和上线资料不在清单里，尾款之后最容易拿不回来",{"type":26,"tag":27,"props":318,"children":319},{},[320],{"type":31,"value":321},"网站交付阶段另一个最常见的问题，是账号和发布资料被视作“附带事项”。结果是页面交了，后台和配置没交。域名谁持有，部署平台谁有管理权限，表单通知发去哪，统计账号谁能看，SEO 标题和分享图配置在哪里，这些如果尾款前不收口，尾款后再追通常更被动。",{"type":26,"tag":27,"props":323,"children":324},{},[325],{"type":31,"value":326},"尾款不是只对应页面结果，更应该对应控制权移交。页面能打开是一层，项目能被你自己继续控制是另一层。",{"type":26,"tag":81,"props":328,"children":330},{"id":329},"失败案例尾款付完后才发现可维护资产并没有交齐",[331],{"type":31,"value":332},"失败案例：尾款付完后才发现“可维护资产”并没有交齐",{"type":26,"tag":27,"props":334,"children":335},{},[336],{"type":31,"value":337},"某团队做完一版品牌站，验收当天最主要的关注点是：首页看起来不错，几个关键页面也都上线了，于是尾款顺利支付。接下来两周，团队想继续微调几个模块时才发现问题：案例卡片的替换规则没人写，图标源文件没有整理，表单通知和分享图配置在服务商手里，设计源文件也只交了部分。",{"type":26,"tag":27,"props":339,"children":340},{},[341],{"type":31,"value":342},"页面不是不能用，但任何继续维护动作都要重新去问旧团队。项目在形式上已经交付，实质上却没有完成真正的控制权移交。回头看，问题不是服务商完全不交，而是团队在尾款前没把交付清单逐项核对。",{"type":26,"tag":81,"props":344,"children":346},{"id":345},"哪些信号说明现在还不该进入尾款",[347],{"type":31,"value":345},{"type":26,"tag":27,"props":349,"children":350},{},[351],{"type":31,"value":352},"如果出现下面这些情况，通常说明项目还不该算完全交付：",{"type":26,"tag":227,"props":354,"children":355},{},[356,361,366,371],{"type":26,"tag":231,"props":357,"children":358},{},[359],{"type":31,"value":360},"合同承诺的页型或状态还有缺项",{"type":26,"tag":231,"props":362,"children":363},{},[364],{"type":31,"value":365},"组件说明和替换边界没有整理",{"type":26,"tag":231,"props":367,"children":368},{},[369],{"type":31,"value":370},"源文件、原图、字体或图标来源不完整",{"type":26,"tag":231,"props":372,"children":373},{},[374],{"type":31,"value":375},"域名、部署、表单、统计和 SEO 配置还没收口",{"type":26,"tag":27,"props":377,"children":378},{},[379],{"type":31,"value":380},"这些问题每一项看着都不致命，但越往后补，成本越高。",{"type":26,"tag":81,"props":382,"children":384},{"id":383},"先做什么把尾款前的验收从看页面改成核交付包",[385],{"type":31,"value":386},"先做什么：把尾款前的验收从“看页面”改成“核交付包”",{"type":26,"tag":27,"props":388,"children":389},{},[390],{"type":31,"value":391},"如果你现在就在做网站尾款前验收，更稳的起手动作通常是这三步：",{"type":26,"tag":393,"props":394,"children":395},"ol",{},[396,401,406],{"type":26,"tag":231,"props":397,"children":398},{},[399],{"type":31,"value":400},"先按页面、组件、素材、账号、上线资料五类列核对表。",{"type":26,"tag":231,"props":402,"children":403},{},[404],{"type":31,"value":405},"每一项都确认“不仅存在，而且能被后续团队继续用”。",{"type":26,"tag":231,"props":407,"children":408},{},[409],{"type":31,"value":410},"没交齐之前，不要只因为页面上线了就默认交付完成。",{"type":26,"tag":27,"props":412,"children":413},{},[414],{"type":31,"value":415},"网站设计交付真正要验的，不只是页面结果，而是这个结果能否被你长期接管和继续维护。只要页面、组件、素材、账号和上线资料在尾款前一起收口，后面的维护主动权会高很多。",{"title":7,"searchDepth":417,"depth":417,"links":418},3,[419,421,422,423,424,425,426,427],{"id":83,"depth":420,"text":86},2,{"id":217,"depth":420,"text":220},{"id":258,"depth":420,"text":261},{"id":297,"depth":420,"text":300},{"id":313,"depth":420,"text":316},{"id":329,"depth":420,"text":332},{"id":345,"depth":420,"text":345},{"id":383,"depth":420,"text":386},"markdown","content:topics:practical-tips:website-design-deliverables-acceptance-checklist-guide.md","content","topics/practical-tips/website-design-deliverables-acceptance-checklist-guide.md","topics/practical-tips/website-design-deliverables-acceptance-checklist-guide","md",[435,1166,1883],{"_path":436,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":437,"description":438,"date":439,"topic":5,"author":11,"tags":440,"image":445,"imageAlt":446,"pexelsPhotoId":447,"pexelsUrl":448,"readingTime":449,"body":450,"_type":428,"_id":1163,"_source":430,"_file":1164,"_stem":1165,"_extension":433},"/topics/practical-tips/online-free-website-builder-step-by-step","网站在线免费怎么做？从选模板到绑定域名的最短流程（附上线后 24h 复核清单）","以“网站在线免费”为搜索意图，给出从选模板→改内容→发布→绑定域名→HTTPS→缓存→回滚的最短上线流程，并提供 24 小时复核清单与常见翻车排错路径。","2026-03-03",[441,442,14,443,444],"网站在线免费","免费建站","域名","上线","/images/topics/practical-tips/online-free-website-builder-step-by-step.jpg","紫色花朵的特写（作为网站上线的封面意象）",794494,"https://www.pexels.com/photo/closeup-photography-of-purple-silk-flowers-with-dewdrops-794494/",12,{"type":23,"children":451,"toc":1141},[452,457,480,485,498,502,508,513,518,541,546,549,555,562,567,585,590,596,601,635,647,653,658,676,682,691,696,714,719,725,730,735,748,754,759,772,777,780,786,792,815,820,841,846,859,863,884,887,893,899,909,919,937,943,951,969,979,985,993,1006,1015,1018,1024,1096,1099,1104],{"type":26,"tag":27,"props":453,"children":454},{},[455],{"type":31,"value":456},"你搜“网站在线免费”，通常不是想研究建站史，而是想要一个能马上用的路径：",{"type":26,"tag":227,"props":458,"children":459},{},[460,465,470,475],{"type":26,"tag":231,"props":461,"children":462},{},[463],{"type":31,"value":464},"现在就能做",{"type":26,"tag":231,"props":466,"children":467},{},[468],{"type":31,"value":469},"最好不要写代码",{"type":26,"tag":231,"props":471,"children":472},{},[473],{"type":31,"value":474},"做完能有一个链接能访问",{"type":26,"tag":231,"props":476,"children":477},{},[478],{"type":31,"value":479},"未来还能换域名、能升级",{"type":26,"tag":27,"props":481,"children":482},{},[483],{"type":31,"value":484},"这篇文章把“在线免费建站”的最短路径讲清楚，并明确免费方案的边界与风险。",{"type":26,"tag":27,"props":486,"children":487},{},[488,490,496],{"type":31,"value":489},"如果你要更系统的“从 0 到上线”：看这篇 ",{"type":26,"tag":49,"props":491,"children":493},{"href":492},"/topics/practical-tips/webpage-making-from-zero-to-online",[494],{"type":31,"value":495},"网页制作从 0 到上线",{"type":31,"value":497},"。",{"type":26,"tag":499,"props":500,"children":501},"hr",{},[],{"type":26,"tag":81,"props":503,"children":505},{"id":504},"结论先说免费建站-80-的坑都在上线之后",[506],{"type":31,"value":507},"结论先说：免费建站 80% 的坑都在“上线之后”",{"type":26,"tag":27,"props":509,"children":510},{},[511],{"type":31,"value":512},"上线之前你会觉得一切顺利：选模板、改文案、换图片。",{"type":26,"tag":27,"props":514,"children":515},{},[516],{"type":31,"value":517},"上线之后才是真实世界：",{"type":26,"tag":227,"props":519,"children":520},{},[521,526,531,536],{"type":26,"tag":231,"props":522,"children":523},{},[524],{"type":31,"value":525},"绑定域名、HTTPS、缓存",{"type":26,"tag":231,"props":527,"children":528},{},[529],{"type":31,"value":530},"页面速度、SEO 收录",{"type":26,"tag":231,"props":532,"children":533},{},[534],{"type":31,"value":535},"表单线索是否可靠",{"type":26,"tag":231,"props":537,"children":538},{},[539],{"type":31,"value":540},"版本与回滚",{"type":26,"tag":27,"props":542,"children":543},{},[544],{"type":31,"value":545},"所以本文按“上线链路”组织，而不是按“页面编辑”。",{"type":26,"tag":499,"props":547,"children":548},{},[],{"type":26,"tag":81,"props":550,"children":552},{"id":551},"最短流程从-0-到上线可照抄",[553],{"type":31,"value":554},"最短流程：从 0 到上线（可照抄）",{"type":26,"tag":556,"props":557,"children":559},"h3",{"id":558},"step-1选模板别凭感觉",[560],{"type":31,"value":561},"Step 1：选模板（别凭感觉）",{"type":26,"tag":27,"props":563,"children":564},{},[565],{"type":31,"value":566},"选模板时只看三点：",{"type":26,"tag":227,"props":568,"children":569},{},[570,575,580],{"type":26,"tag":231,"props":571,"children":572},{},[573],{"type":31,"value":574},"信息结构是否匹配你的目的（不是“好看”）",{"type":26,"tag":231,"props":576,"children":577},{},[578],{"type":31,"value":579},"移动端首屏是否清晰（标题、CTA 不挤）",{"type":26,"tag":231,"props":581,"children":582},{},[583],{"type":31,"value":584},"是否支持导出/绑定域名/发布（可迁移性）",{"type":26,"tag":27,"props":586,"children":587},{},[588],{"type":31,"value":589},"如果你用 Builder 类工具，建议优先确保：能导出源码、能绑定自有域名、能回滚。",{"type":26,"tag":556,"props":591,"children":593},{"id":592},"step-2改内容先改-3-个关键区块",[594],{"type":31,"value":595},"Step 2：改内容（先改 3 个关键区块）",{"type":26,"tag":27,"props":597,"children":598},{},[599],{"type":31,"value":600},"按转化优先级改：",{"type":26,"tag":393,"props":602,"children":603},{},[604,615,625],{"type":26,"tag":231,"props":605,"children":606},{},[607,613],{"type":26,"tag":608,"props":609,"children":610},"strong",{},[611],{"type":31,"value":612},"Hero",{"type":31,"value":614},"：一句话标题 + 一句话副标题 + 1 个 CTA",{"type":26,"tag":231,"props":616,"children":617},{},[618,623],{"type":26,"tag":608,"props":619,"children":620},{},[621],{"type":31,"value":622},"Proof",{"type":31,"value":624},"：案例/数据/资质/评价（至少一种）",{"type":26,"tag":231,"props":626,"children":627},{},[628,633],{"type":26,"tag":608,"props":629,"children":630},{},[631],{"type":31,"value":632},"Form / CTA",{"type":31,"value":634},"：行动按钮或表单（不要多个目标）",{"type":26,"tag":27,"props":636,"children":637},{},[638,640,646],{"type":31,"value":639},"想快速上手落地页打法：看 ",{"type":26,"tag":49,"props":641,"children":643},{"href":642},"/topics/practical-tips/htmlpage-quick-landing-page",[644],{"type":31,"value":645},"3 分钟用 HTMLPAGE 做落地页",{"type":31,"value":497},{"type":26,"tag":556,"props":648,"children":650},{"id":649},"step-3发布成可访问链接",[651],{"type":31,"value":652},"Step 3：发布成可访问链接",{"type":26,"tag":27,"props":654,"children":655},{},[656],{"type":31,"value":657},"最低要求：",{"type":26,"tag":227,"props":659,"children":660},{},[661,666,671],{"type":26,"tag":231,"props":662,"children":663},{},[664],{"type":31,"value":665},"有一个 HTTPS 链接可访问",{"type":26,"tag":231,"props":667,"children":668},{},[669],{"type":31,"value":670},"资源加载正常（图片、字体、脚本）",{"type":26,"tag":231,"props":672,"children":673},{},[674],{"type":31,"value":675},"移动端可用",{"type":26,"tag":556,"props":677,"children":679},{"id":678},"step-4绑定域名资产控制权",[680],{"type":31,"value":681},"Step 4：绑定域名（资产控制权）",{"type":26,"tag":27,"props":683,"children":684},{},[685,690],{"type":26,"tag":608,"props":686,"children":687},{},[688],{"type":31,"value":689},"强烈建议：域名自己买",{"type":31,"value":497},{"type":26,"tag":27,"props":692,"children":693},{},[694],{"type":31,"value":695},"绑定域名通常需要：",{"type":26,"tag":227,"props":697,"children":698},{},[699,704,709],{"type":26,"tag":231,"props":700,"children":701},{},[702],{"type":31,"value":703},"在域名解析里添加 CNAME/A 记录",{"type":26,"tag":231,"props":705,"children":706},{},[707],{"type":31,"value":708},"等待 DNS 生效（10 分钟~数小时）",{"type":26,"tag":231,"props":710,"children":711},{},[712],{"type":31,"value":713},"开启 HTTPS（平台自动证书）",{"type":26,"tag":27,"props":715,"children":716},{},[717],{"type":31,"value":718},"如果平台要求你用它的子域名，意味着未来迁移成本会更高。",{"type":26,"tag":556,"props":720,"children":722},{"id":721},"step-5缓存策略避免上线看不到更新",[723],{"type":31,"value":724},"Step 5：缓存策略（避免“上线看不到更新”）",{"type":26,"tag":27,"props":726,"children":727},{},[728],{"type":31,"value":729},"常见现象：你更新了页面，别人打开还是旧的。",{"type":26,"tag":27,"props":731,"children":732},{},[733],{"type":31,"value":734},"最小策略：",{"type":26,"tag":227,"props":736,"children":737},{},[738,743],{"type":26,"tag":231,"props":739,"children":740},{},[741],{"type":31,"value":742},"HTML 页面缓存短（或让平台自动处理）",{"type":26,"tag":231,"props":744,"children":745},{},[746],{"type":31,"value":747},"图片/JS/CSS 资源缓存长（文件名带 hash 更稳）",{"type":26,"tag":556,"props":749,"children":751},{"id":750},"step-6回滚不是可选项",[752],{"type":31,"value":753},"Step 6：回滚（不是可选项）",{"type":26,"tag":27,"props":755,"children":756},{},[757],{"type":31,"value":758},"上线后任何一次修改都要具备回滚：",{"type":26,"tag":227,"props":760,"children":761},{},[762,767],{"type":26,"tag":231,"props":763,"children":764},{},[765],{"type":31,"value":766},"平台版本回滚",{"type":26,"tag":231,"props":768,"children":769},{},[770],{"type":31,"value":771},"或 git 回滚",{"type":26,"tag":27,"props":773,"children":774},{},[775],{"type":31,"value":776},"你要做到：5 分钟内回到上一个可用版本。",{"type":26,"tag":499,"props":778,"children":779},{},[],{"type":26,"tag":81,"props":781,"children":783},{"id":782},"seo-与性能最小集别让免费方案拖后腿",[784],{"type":31,"value":785},"SEO 与性能最小集（别让免费方案拖后腿）",{"type":26,"tag":556,"props":787,"children":789},{"id":788},"seo-最小集",[790],{"type":31,"value":791},"SEO 最小集",{"type":26,"tag":227,"props":793,"children":794},{},[795,800,805,810],{"type":26,"tag":231,"props":796,"children":797},{},[798],{"type":31,"value":799},"Title/Description 与搜索意图匹配",{"type":26,"tag":231,"props":801,"children":802},{},[803],{"type":31,"value":804},"H1 只有一个且包含主关键词",{"type":26,"tag":231,"props":806,"children":807},{},[808],{"type":31,"value":809},"图片有 alt",{"type":26,"tag":231,"props":811,"children":812},{},[813],{"type":31,"value":814},"内链结构清楚（同主题文章互链）",{"type":26,"tag":27,"props":816,"children":817},{},[818],{"type":31,"value":819},"参考：",{"type":26,"tag":227,"props":821,"children":822},{},[823,832],{"type":26,"tag":231,"props":824,"children":825},{},[826],{"type":26,"tag":49,"props":827,"children":829},{"href":828},"/topics/seo/title-description-optimization-guide",[830],{"type":31,"value":831},"Title 与 Description 优化",{"type":26,"tag":231,"props":833,"children":834},{},[835],{"type":26,"tag":49,"props":836,"children":838},{"href":837},"/topics/seo/google-search-console-guide",[839],{"type":31,"value":840},"Google Search Console 指南",{"type":26,"tag":556,"props":842,"children":844},{"id":843},"性能最小集",[845],{"type":31,"value":843},{"type":26,"tag":227,"props":847,"children":848},{},[849,854],{"type":26,"tag":231,"props":850,"children":851},{},[852],{"type":31,"value":853},"首屏图片压缩（通常能改善最多）",{"type":26,"tag":231,"props":855,"children":856},{},[857],{"type":31,"value":858},"第三方脚本克制（统计/客服不要堆）",{"type":26,"tag":27,"props":860,"children":861},{},[862],{"type":31,"value":819},{"type":26,"tag":227,"props":864,"children":865},{},[866,875],{"type":26,"tag":231,"props":867,"children":868},{},[869],{"type":26,"tag":49,"props":870,"children":872},{"href":871},"/topics/performance/image-optimization-guide",[873],{"type":31,"value":874},"图片优化指南",{"type":26,"tag":231,"props":876,"children":877},{},[878],{"type":26,"tag":49,"props":879,"children":881},{"href":880},"/topics/performance/web-vitals-guide",[882],{"type":31,"value":883},"Web Vitals 指标指南",{"type":26,"tag":499,"props":885,"children":886},{},[],{"type":26,"tag":81,"props":888,"children":890},{"id":889},"失败案例免费站点上线后-24-小时翻车",[891],{"type":31,"value":892},"失败案例：免费站点“上线后 24 小时翻车”",{"type":26,"tag":556,"props":894,"children":896},{"id":895},"现象-1域名绑不上",[897],{"type":31,"value":898},"现象 1：域名绑不上",{"type":26,"tag":27,"props":900,"children":901},{},[902,907],{"type":26,"tag":608,"props":903,"children":904},{},[905],{"type":31,"value":906},"根因",{"type":31,"value":908},"：DNS 记录不对 / 生效未完成 / 平台验证机制没通过。",{"type":26,"tag":27,"props":910,"children":911},{},[912,917],{"type":26,"tag":608,"props":913,"children":914},{},[915],{"type":31,"value":916},"排错顺序",{"type":31,"value":918},"：",{"type":26,"tag":393,"props":920,"children":921},{},[922,927,932],{"type":26,"tag":231,"props":923,"children":924},{},[925],{"type":31,"value":926},"确认平台要求 CNAME 还是 A 记录",{"type":26,"tag":231,"props":928,"children":929},{},[930],{"type":31,"value":931},"检查解析是否生效（用在线 DNS 查询）",{"type":26,"tag":231,"props":933,"children":934},{},[935],{"type":31,"value":936},"等待一段时间再验证",{"type":26,"tag":556,"props":938,"children":940},{"id":939},"现象-2页面很慢",[941],{"type":31,"value":942},"现象 2：页面很慢",{"type":26,"tag":27,"props":944,"children":945},{},[946,950],{"type":26,"tag":608,"props":947,"children":948},{},[949],{"type":31,"value":906},{"type":31,"value":918},{"type":26,"tag":227,"props":952,"children":953},{},[954,959,964],{"type":26,"tag":231,"props":955,"children":956},{},[957],{"type":31,"value":958},"图片太大",{"type":26,"tag":231,"props":960,"children":961},{},[962],{"type":31,"value":963},"脚本太多",{"type":26,"tag":231,"props":965,"children":966},{},[967],{"type":31,"value":968},"字体阻塞",{"type":26,"tag":27,"props":970,"children":971},{},[972,977],{"type":26,"tag":608,"props":973,"children":974},{},[975],{"type":31,"value":976},"最小修复",{"type":31,"value":978},"：先把图片压缩 + 延迟加载第三方脚本。",{"type":26,"tag":556,"props":980,"children":982},{"id":981},"现象-3表单提交后没收到线索",[983],{"type":31,"value":984},"现象 3：表单提交后没收到线索",{"type":26,"tag":27,"props":986,"children":987},{},[988,992],{"type":26,"tag":608,"props":989,"children":990},{},[991],{"type":31,"value":906},{"type":31,"value":918},{"type":26,"tag":227,"props":994,"children":995},{},[996,1001],{"type":26,"tag":231,"props":997,"children":998},{},[999],{"type":31,"value":1000},"没有成功/失败兜底",{"type":26,"tag":231,"props":1002,"children":1003},{},[1004],{"type":31,"value":1005},"通知链路断了",{"type":26,"tag":27,"props":1007,"children":1008},{},[1009,1013],{"type":26,"tag":608,"props":1010,"children":1011},{},[1012],{"type":31,"value":976},{"type":31,"value":1014},"：上线后用真实设备提交一次并确认通知。",{"type":26,"tag":499,"props":1016,"children":1017},{},[],{"type":26,"tag":81,"props":1019,"children":1021},{"id":1020},"上线后-24h-复核清单必交付物",[1022],{"type":31,"value":1023},"上线后 24h 复核清单（必交付物）",{"type":26,"tag":227,"props":1025,"children":1028},{"className":1026},[1027],"contains-task-list",[1029,1042,1051,1060,1069,1078,1087],{"type":26,"tag":231,"props":1030,"children":1033},{"className":1031},[1032],"task-list-item",[1034,1040],{"type":26,"tag":1035,"props":1036,"children":1039},"input",{"disabled":1037,"type":1038},true,"checkbox",[],{"type":31,"value":1041}," 域名与 HTTPS 正常（无证书报错）",{"type":26,"tag":231,"props":1043,"children":1045},{"className":1044},[1032],[1046,1049],{"type":26,"tag":1035,"props":1047,"children":1048},{"disabled":1037,"type":1038},[],{"type":31,"value":1050}," 页面可访问且首屏加载不慢（至少主图与 CTA 迅速出现）",{"type":26,"tag":231,"props":1052,"children":1054},{"className":1053},[1032],[1055,1058],{"type":26,"tag":1035,"props":1056,"children":1057},{"disabled":1037,"type":1038},[],{"type":31,"value":1059}," 移动端首屏可读、按钮可点",{"type":26,"tag":231,"props":1061,"children":1063},{"className":1062},[1032],[1064,1067],{"type":26,"tag":1035,"props":1065,"children":1066},{"disabled":1037,"type":1038},[],{"type":31,"value":1068}," 表单/CTA 真实走通并收到通知",{"type":26,"tag":231,"props":1070,"children":1072},{"className":1071},[1032],[1073,1076],{"type":26,"tag":1035,"props":1074,"children":1075},{"disabled":1037,"type":1038},[],{"type":31,"value":1077}," Title/Description/H1/图片 alt 已设置",{"type":26,"tag":231,"props":1079,"children":1081},{"className":1080},[1032],[1082,1085],{"type":26,"tag":1035,"props":1083,"children":1084},{"disabled":1037,"type":1038},[],{"type":31,"value":1086}," 已在 GSC 提交并观察抓取",{"type":26,"tag":231,"props":1088,"children":1090},{"className":1089},[1032],[1091,1094],{"type":26,"tag":1035,"props":1092,"children":1093},{"disabled":1037,"type":1038},[],{"type":31,"value":1095}," 已准备回滚（知道怎么回到上一版）",{"type":26,"tag":499,"props":1097,"children":1098},{},[],{"type":26,"tag":81,"props":1100,"children":1102},{"id":1101},"延伸阅读",[1103],{"type":31,"value":1101},{"type":26,"tag":227,"props":1105,"children":1106},{},[1107,1114,1123,1132],{"type":26,"tag":231,"props":1108,"children":1109},{},[1110],{"type":26,"tag":49,"props":1111,"children":1112},{"href":492},[1113],{"type":31,"value":495},{"type":26,"tag":231,"props":1115,"children":1116},{},[1117],{"type":26,"tag":49,"props":1118,"children":1120},{"href":1119},"/topics/practical-tips/free-website-build-cost-risk-boundary",[1121],{"type":31,"value":1122},"免费建站不是免费：成本与可迁移性",{"type":26,"tag":231,"props":1124,"children":1125},{},[1126],{"type":26,"tag":49,"props":1127,"children":1129},{"href":1128},"/builder",[1130],{"type":31,"value":1131},"HTMLPage Builder",{"type":26,"tag":231,"props":1133,"children":1134},{},[1135],{"type":26,"tag":49,"props":1136,"children":1138},{"href":1137},"/topics/practical-tips/topic-cluster-architecture-guide",[1139],{"type":31,"value":1140},"Topic Cluster 架构指南",{"title":7,"searchDepth":417,"depth":417,"links":1142},[1143,1144,1152,1156,1161,1162],{"id":504,"depth":420,"text":507},{"id":551,"depth":420,"text":554,"children":1145},[1146,1147,1148,1149,1150,1151],{"id":558,"depth":417,"text":561},{"id":592,"depth":417,"text":595},{"id":649,"depth":417,"text":652},{"id":678,"depth":417,"text":681},{"id":721,"depth":417,"text":724},{"id":750,"depth":417,"text":753},{"id":782,"depth":420,"text":785,"children":1153},[1154,1155],{"id":788,"depth":417,"text":791},{"id":843,"depth":417,"text":843},{"id":889,"depth":420,"text":892,"children":1157},[1158,1159,1160],{"id":895,"depth":417,"text":898},{"id":939,"depth":417,"text":942},{"id":981,"depth":417,"text":984},{"id":1020,"depth":420,"text":1023},{"id":1101,"depth":420,"text":1101},"content:topics:practical-tips:online-free-website-builder-step-by-step.md","topics/practical-tips/online-free-website-builder-step-by-step.md","topics/practical-tips/online-free-website-builder-step-by-step",{"_path":1119,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":1167,"description":1168,"date":1169,"topic":5,"author":11,"tags":1170,"image":1174,"imageAlt":1175,"pexelsPhotoId":1176,"pexelsUrl":1177,"readingTime":21,"body":1178,"_type":428,"_id":1880,"_source":430,"_file":1881,"_stem":1882,"_extension":433},"免费建站不是免费：成本、风险与“可迁移性”底线清单","“免费成网站”最容易踩坑的不是技术，而是资产归属与迁移成本。本文用成本模型、风险清单与失败复盘，讲清免费建站的边界，并给出能长期不被平台锁死的做法。","2026-03-01",[442,14,1171,1172,1173],"成本模型","迁移","风险控制","/images/topics/practical-tips/free-website-build-cost-risk-boundary.jpg","会计在桌面上清点现金与文件",210990,"https://www.pexels.com/photo/accountant-counting-money-210990/",{"type":23,"children":1179,"toc":1867},[1180,1185,1198,1209,1214,1245,1248,1254,1259,1272,1277,1312,1317,1326,1329,1335,1503,1506,1512,1517,1548,1553,1575,1580,1602,1605,1611,1621,1631,1649,1654,1672,1680,1688,1697,1715,1718,1724,1729,1762,1767,1784,1787,1793,1798,1816,1821,1829,1832,1836],{"type":26,"tag":27,"props":1181,"children":1182},{},[1183],{"type":31,"value":1184},"很多人搜“免费成网站”，真实诉求往往是：",{"type":26,"tag":227,"props":1186,"children":1187},{},[1188,1193],{"type":26,"tag":231,"props":1189,"children":1190},{},[1191],{"type":31,"value":1192},"我只想先把网站做出来，不想投入太多",{"type":26,"tag":231,"props":1194,"children":1195},{},[1196],{"type":31,"value":1197},"之后如果有效，我再升级",{"type":26,"tag":27,"props":1199,"children":1200},{},[1201,1203,1208],{"type":31,"value":1202},"问题在于：",{"type":26,"tag":608,"props":1204,"children":1205},{},[1206],{"type":31,"value":1207},"免费方案常常不是“省钱”，而是“把钱推迟到未来更贵的时候付”",{"type":31,"value":497},{"type":26,"tag":27,"props":1210,"children":1211},{},[1212],{"type":31,"value":1213},"这篇文章用工程视角讲清三个核心点：",{"type":26,"tag":393,"props":1215,"children":1216},{},[1217,1229,1240],{"type":26,"tag":231,"props":1218,"children":1219},{},[1220,1222,1227],{"type":31,"value":1221},"免费建站的",{"type":26,"tag":608,"props":1223,"children":1224},{},[1225],{"type":31,"value":1226},"真实成本",{"type":31,"value":1228},"在哪里（不是服务器费）",{"type":26,"tag":231,"props":1230,"children":1231},{},[1232,1233,1238],{"type":31,"value":1221},{"type":26,"tag":608,"props":1234,"children":1235},{},[1236],{"type":31,"value":1237},"底线与边界",{"type":31,"value":1239},"是什么（哪些不能省）",{"type":26,"tag":231,"props":1241,"children":1242},{},[1243],{"type":31,"value":1244},"如何设计一条“先免费、后可迁移”的路线（避免平台锁死）",{"type":26,"tag":499,"props":1246,"children":1247},{},[],{"type":26,"tag":81,"props":1249,"children":1251},{"id":1250},"结论先说免费方案的第一原则是可迁移性",[1252],{"type":31,"value":1253},"结论先说：免费方案的第一原则是“可迁移性”",{"type":26,"tag":27,"props":1255,"children":1256},{},[1257],{"type":31,"value":1258},"免费建站你可以接受：",{"type":26,"tag":227,"props":1260,"children":1261},{},[1262,1267],{"type":26,"tag":231,"props":1263,"children":1264},{},[1265],{"type":31,"value":1266},"功能少一点",{"type":26,"tag":231,"props":1268,"children":1269},{},[1270],{"type":31,"value":1271},"设计没那么个性化",{"type":26,"tag":27,"props":1273,"children":1274},{},[1275],{"type":31,"value":1276},"但你不能接受：",{"type":26,"tag":227,"props":1278,"children":1279},{},[1280,1288,1296,1304],{"type":26,"tag":231,"props":1281,"children":1282},{},[1283],{"type":26,"tag":608,"props":1284,"children":1285},{},[1286],{"type":31,"value":1287},"域名不在你手里",{"type":26,"tag":231,"props":1289,"children":1290},{},[1291],{"type":26,"tag":608,"props":1292,"children":1293},{},[1294],{"type":31,"value":1295},"源码/内容导不出来",{"type":26,"tag":231,"props":1297,"children":1298},{},[1299],{"type":26,"tag":608,"props":1300,"children":1301},{},[1302],{"type":31,"value":1303},"没有版本/回滚",{"type":26,"tag":231,"props":1305,"children":1306},{},[1307],{"type":26,"tag":608,"props":1308,"children":1309},{},[1310],{"type":31,"value":1311},"平台一改规则你就被迫重做",{"type":26,"tag":27,"props":1313,"children":1314},{},[1315],{"type":31,"value":1316},"如果你只记一句：",{"type":26,"tag":1318,"props":1319,"children":1320},"blockquote",{},[1321],{"type":26,"tag":27,"props":1322,"children":1323},{},[1324],{"type":31,"value":1325},"你要免费的是“工具费”，不是“资产控制权”。",{"type":26,"tag":499,"props":1327,"children":1328},{},[],{"type":26,"tag":81,"props":1330,"children":1332},{"id":1331},"成本模型免费建站到底会花什么钱必交付物表格",[1333],{"type":31,"value":1334},"成本模型：免费建站到底会花什么钱？（必交付物：表格）",{"type":26,"tag":88,"props":1336,"children":1337},{},[1338,1364],{"type":26,"tag":92,"props":1339,"children":1340},{},[1341],{"type":26,"tag":96,"props":1342,"children":1343},{},[1344,1349,1354,1359],{"type":26,"tag":100,"props":1345,"children":1346},{},[1347],{"type":31,"value":1348},"成本项",{"type":26,"tag":100,"props":1350,"children":1351},{},[1352],{"type":31,"value":1353},"免费方案常见情况",{"type":26,"tag":100,"props":1355,"children":1356},{},[1357],{"type":31,"value":1358},"你可能付出的隐性成本",{"type":26,"tag":100,"props":1360,"children":1361},{},[1362],{"type":31,"value":1363},"规避策略",{"type":26,"tag":116,"props":1365,"children":1366},{},[1367,1389,1411,1434,1457,1480],{"type":26,"tag":96,"props":1368,"children":1369},{},[1370,1374,1379,1384],{"type":26,"tag":123,"props":1371,"children":1372},{},[1373],{"type":31,"value":443},{"type":26,"tag":123,"props":1375,"children":1376},{},[1377],{"type":31,"value":1378},"可能必须用子域名",{"type":26,"tag":123,"props":1380,"children":1381},{},[1382],{"type":31,"value":1383},"品牌弱、迁移困难",{"type":26,"tag":123,"props":1385,"children":1386},{},[1387],{"type":31,"value":1388},"自己买域名并保有控制权",{"type":26,"tag":96,"props":1390,"children":1391},{},[1392,1396,1401,1406],{"type":26,"tag":123,"props":1393,"children":1394},{},[1395],{"type":31,"value":1172},{"type":26,"tag":123,"props":1397,"children":1398},{},[1399],{"type":31,"value":1400},"导出受限/导出质量差",{"type":26,"tag":123,"props":1402,"children":1403},{},[1404],{"type":31,"value":1405},"未来重做、SEO 损失",{"type":26,"tag":123,"props":1407,"children":1408},{},[1409],{"type":31,"value":1410},"选择可导出、结构可控方案",{"type":26,"tag":96,"props":1412,"children":1413},{},[1414,1419,1424,1429],{"type":26,"tag":123,"props":1415,"children":1416},{},[1417],{"type":31,"value":1418},"性能",{"type":26,"tag":123,"props":1420,"children":1421},{},[1422],{"type":31,"value":1423},"共享资源，速度不稳",{"type":26,"tag":123,"props":1425,"children":1426},{},[1427],{"type":31,"value":1428},"转化下降、SEO 受影响",{"type":26,"tag":123,"props":1430,"children":1431},{},[1432],{"type":31,"value":1433},"图片/脚本治理 + 可切换托管",{"type":26,"tag":96,"props":1435,"children":1436},{},[1437,1442,1447,1452],{"type":26,"tag":123,"props":1438,"children":1439},{},[1440],{"type":31,"value":1441},"SEO",{"type":26,"tag":123,"props":1443,"children":1444},{},[1445],{"type":31,"value":1446},"meta、结构化数据受限",{"type":26,"tag":123,"props":1448,"children":1449},{},[1450],{"type":31,"value":1451},"排名与收录受限",{"type":26,"tag":123,"props":1453,"children":1454},{},[1455],{"type":31,"value":1456},"至少保证 Title/Description/H1/H2 可控",{"type":26,"tag":96,"props":1458,"children":1459},{},[1460,1465,1470,1475],{"type":26,"tag":123,"props":1461,"children":1462},{},[1463],{"type":31,"value":1464},"合规",{"type":26,"tag":123,"props":1466,"children":1467},{},[1468],{"type":31,"value":1469},"隐私/备案/Cookie 管控弱",{"type":26,"tag":123,"props":1471,"children":1472},{},[1473],{"type":31,"value":1474},"风险与整改",{"type":26,"tag":123,"props":1476,"children":1477},{},[1478],{"type":31,"value":1479},"保留隐私政策与联系信息",{"type":26,"tag":96,"props":1481,"children":1482},{},[1483,1488,1493,1498],{"type":26,"tag":123,"props":1484,"children":1485},{},[1486],{"type":31,"value":1487},"协作",{"type":26,"tag":123,"props":1489,"children":1490},{},[1491],{"type":31,"value":1492},"多人编辑权限弱",{"type":26,"tag":123,"props":1494,"children":1495},{},[1496],{"type":31,"value":1497},"改动混乱、事故",{"type":26,"tag":123,"props":1499,"children":1500},{},[1501],{"type":31,"value":1502},"最低限度要有版本/回滚",{"type":26,"tag":499,"props":1504,"children":1505},{},[],{"type":26,"tag":81,"props":1507,"children":1509},{"id":1508},"免费建站的底线清单checklist",[1510],{"type":31,"value":1511},"免费建站的“底线清单”（Checklist）",{"type":26,"tag":556,"props":1513,"children":1515},{"id":1514},"资产底线",[1516],{"type":31,"value":1514},{"type":26,"tag":227,"props":1518,"children":1520},{"className":1519},[1027],[1521,1530,1539],{"type":26,"tag":231,"props":1522,"children":1524},{"className":1523},[1032],[1525,1528],{"type":26,"tag":1035,"props":1526,"children":1527},{"disabled":1037,"type":1038},[],{"type":31,"value":1529}," 域名在你手里（能随时换平台）",{"type":26,"tag":231,"props":1531,"children":1533},{"className":1532},[1032],[1534,1537],{"type":26,"tag":1035,"props":1535,"children":1536},{"disabled":1037,"type":1038},[],{"type":31,"value":1538}," 内容能导出（文章、图片、表单数据至少能拿到）",{"type":26,"tag":231,"props":1540,"children":1542},{"className":1541},[1032],[1543,1546],{"type":26,"tag":1035,"props":1544,"children":1545},{"disabled":1037,"type":1038},[],{"type":31,"value":1547}," 页面源码可导出或至少结构可迁移（不要被锁死）",{"type":26,"tag":556,"props":1549,"children":1551},{"id":1550},"工程底线",[1552],{"type":31,"value":1550},{"type":26,"tag":227,"props":1554,"children":1556},{"className":1555},[1027],[1557,1566],{"type":26,"tag":231,"props":1558,"children":1560},{"className":1559},[1032],[1561,1564],{"type":26,"tag":1035,"props":1562,"children":1563},{"disabled":1037,"type":1038},[],{"type":31,"value":1565}," 有版本记录（能回到上一个可用版本）",{"type":26,"tag":231,"props":1567,"children":1569},{"className":1568},[1032],[1570,1573],{"type":26,"tag":1035,"props":1571,"children":1572},{"disabled":1037,"type":1038},[],{"type":31,"value":1574}," 有最小监控（至少知道表单是否成功、页面是否 404）",{"type":26,"tag":556,"props":1576,"children":1578},{"id":1577},"增长底线",[1579],{"type":31,"value":1577},{"type":26,"tag":227,"props":1581,"children":1583},{"className":1582},[1027],[1584,1593],{"type":26,"tag":231,"props":1585,"children":1587},{"className":1586},[1032],[1588,1591],{"type":26,"tag":1035,"props":1589,"children":1590},{"disabled":1037,"type":1038},[],{"type":31,"value":1592}," Title/Description/H1 可控（不被平台强插）",{"type":26,"tag":231,"props":1594,"children":1596},{"className":1595},[1032],[1597,1600],{"type":26,"tag":1035,"props":1598,"children":1599},{"disabled":1037,"type":1038},[],{"type":31,"value":1601}," 图片可设置 alt、链接结构清晰",{"type":26,"tag":499,"props":1603,"children":1604},{},[],{"type":26,"tag":81,"props":1606,"children":1608},{"id":1607},"失败案例复盘从免费试试到重做一遍",[1609],{"type":31,"value":1610},"失败案例复盘：从“免费试试”到“重做一遍”",{"type":26,"tag":27,"props":1612,"children":1613},{},[1614,1619],{"type":26,"tag":608,"props":1615,"children":1616},{},[1617],{"type":31,"value":1618},"场景",{"type":31,"value":1620},"：你用免费平台搭了一个网站，跑了两个月开始有询盘。",{"type":26,"tag":27,"props":1622,"children":1623},{},[1624,1629],{"type":26,"tag":608,"props":1625,"children":1626},{},[1627],{"type":31,"value":1628},"事故",{"type":31,"value":1630},"：某天你决定升级：",{"type":26,"tag":227,"props":1632,"children":1633},{},[1634,1639,1644],{"type":26,"tag":231,"props":1635,"children":1636},{},[1637],{"type":31,"value":1638},"想换成自己的域名",{"type":26,"tag":231,"props":1640,"children":1641},{},[1642],{"type":31,"value":1643},"想把页面做得更快",{"type":26,"tag":231,"props":1645,"children":1646},{},[1647],{"type":31,"value":1648},"想做 SEO 内容体系",{"type":26,"tag":27,"props":1650,"children":1651},{},[1652],{"type":31,"value":1653},"然后你发现：",{"type":26,"tag":227,"props":1655,"children":1656},{},[1657,1662,1667],{"type":26,"tag":231,"props":1658,"children":1659},{},[1660],{"type":31,"value":1661},"导出不了源码（或导出代码质量差到不可维护）",{"type":26,"tag":231,"props":1663,"children":1664},{},[1665],{"type":31,"value":1666},"URL 结构变化，旧链接全部失效",{"type":26,"tag":231,"props":1668,"children":1669},{},[1670],{"type":31,"value":1671},"图片与资源散落在平台里，迁移成本爆炸",{"type":26,"tag":27,"props":1673,"children":1674},{},[1675,1679],{"type":26,"tag":608,"props":1676,"children":1677},{},[1678],{"type":31,"value":906},{"type":31,"value":918},{"type":26,"tag":227,"props":1681,"children":1682},{},[1683],{"type":26,"tag":231,"props":1684,"children":1685},{},[1686],{"type":31,"value":1687},"一开始没有把“可迁移性”当成第一目标",{"type":26,"tag":27,"props":1689,"children":1690},{},[1691,1696],{"type":26,"tag":608,"props":1692,"children":1693},{},[1694],{"type":31,"value":1695},"复盘后的正确做法",{"type":31,"value":918},{"type":26,"tag":227,"props":1698,"children":1699},{},[1700,1705,1710],{"type":26,"tag":231,"props":1701,"children":1702},{},[1703],{"type":31,"value":1704},"从第一天开始就用自己的域名",{"type":26,"tag":231,"props":1706,"children":1707},{},[1708],{"type":31,"value":1709},"所有内容（文案、图片、下载附件）集中管理，可打包",{"type":26,"tag":231,"props":1711,"children":1712},{},[1713],{"type":31,"value":1714},"选择能导出源码/能自托管的方案（或至少保留结构化内容）",{"type":26,"tag":499,"props":1716,"children":1717},{},[],{"type":26,"tag":81,"props":1719,"children":1721},{"id":1720},"先免费后升级的路线图最短可迁移路径",[1722],{"type":31,"value":1723},"“先免费后升级”的路线图（最短可迁移路径）",{"type":26,"tag":27,"props":1725,"children":1726},{},[1727],{"type":31,"value":1728},"你可以按这条路线走：",{"type":26,"tag":393,"props":1730,"children":1731},{},[1732,1742,1752],{"type":26,"tag":231,"props":1733,"children":1734},{},[1735,1740],{"type":26,"tag":608,"props":1736,"children":1737},{},[1738],{"type":31,"value":1739},"第一阶段（验证）",{"type":31,"value":1741},"：用模板/Builder 快速上线，目标是验证转化",{"type":26,"tag":231,"props":1743,"children":1744},{},[1745,1750],{"type":26,"tag":608,"props":1746,"children":1747},{},[1748],{"type":31,"value":1749},"第二阶段（稳定）",{"type":31,"value":1751},"：把域名、内容、表单链路做“可控与可回滚”",{"type":26,"tag":231,"props":1753,"children":1754},{},[1755,1760],{"type":26,"tag":608,"props":1756,"children":1757},{},[1758],{"type":31,"value":1759},"第三阶段（增长）",{"type":31,"value":1761},"：做内容体系、内链、SEO、性能优化",{"type":26,"tag":27,"props":1763,"children":1764},{},[1765],{"type":31,"value":1766},"在工具选择上，如果你希望“上线快 + 后续可维护”，可以先看：",{"type":26,"tag":227,"props":1768,"children":1769},{},[1770,1777],{"type":26,"tag":231,"props":1771,"children":1772},{},[1773],{"type":26,"tag":49,"props":1774,"children":1775},{"href":1128},[1776],{"type":31,"value":1131},{"type":26,"tag":231,"props":1778,"children":1779},{},[1780],{"type":26,"tag":49,"props":1781,"children":1782},{"href":642},[1783],{"type":31,"value":645},{"type":26,"tag":499,"props":1785,"children":1786},{},[],{"type":26,"tag":81,"props":1788,"children":1790},{"id":1789},"你真正需要的不是免费而是低风险试错",[1791],{"type":31,"value":1792},"你真正需要的不是“免费”，而是“低风险试错”",{"type":26,"tag":27,"props":1794,"children":1795},{},[1796],{"type":31,"value":1797},"当你说“免费”，你其实想要的是：",{"type":26,"tag":227,"props":1799,"children":1800},{},[1801,1806,1811],{"type":26,"tag":231,"props":1802,"children":1803},{},[1804],{"type":31,"value":1805},"快速上线",{"type":26,"tag":231,"props":1807,"children":1808},{},[1809],{"type":31,"value":1810},"成本可控",{"type":26,"tag":231,"props":1812,"children":1813},{},[1814],{"type":31,"value":1815},"如果失败，损失可接受",{"type":26,"tag":27,"props":1817,"children":1818},{},[1819],{"type":31,"value":1820},"正确的表达应该是：",{"type":26,"tag":1318,"props":1822,"children":1823},{},[1824],{"type":26,"tag":27,"props":1825,"children":1826},{},[1827],{"type":31,"value":1828},"我要的是“可迁移的 MVP”，而不是“永远免费的平台”。",{"type":26,"tag":499,"props":1830,"children":1831},{},[],{"type":26,"tag":81,"props":1833,"children":1834},{"id":1101},[1835],{"type":31,"value":1101},{"type":26,"tag":227,"props":1837,"children":1838},{},[1839,1846,1853,1860],{"type":26,"tag":231,"props":1840,"children":1841},{},[1842],{"type":26,"tag":49,"props":1843,"children":1844},{"href":492},[1845],{"type":31,"value":495},{"type":26,"tag":231,"props":1847,"children":1848},{},[1849],{"type":26,"tag":49,"props":1850,"children":1851},{"href":1128},[1852],{"type":31,"value":1131},{"type":26,"tag":231,"props":1854,"children":1855},{},[1856],{"type":26,"tag":49,"props":1857,"children":1858},{"href":1137},[1859],{"type":31,"value":1140},{"type":26,"tag":231,"props":1861,"children":1862},{},[1863],{"type":26,"tag":49,"props":1864,"children":1865},{"href":837},[1866],{"type":31,"value":840},{"title":7,"searchDepth":417,"depth":417,"links":1868},[1869,1870,1871,1876,1877,1878,1879],{"id":1250,"depth":420,"text":1253},{"id":1331,"depth":420,"text":1334},{"id":1508,"depth":420,"text":1511,"children":1872},[1873,1874,1875],{"id":1514,"depth":417,"text":1514},{"id":1550,"depth":417,"text":1550},{"id":1577,"depth":417,"text":1577},{"id":1607,"depth":420,"text":1610},{"id":1720,"depth":420,"text":1723},{"id":1789,"depth":420,"text":1792},{"id":1101,"depth":420,"text":1101},"content:topics:practical-tips:free-website-build-cost-risk-boundary.md","topics/practical-tips/free-website-build-cost-risk-boundary.md","topics/practical-tips/free-website-build-cost-risk-boundary",{"_path":492,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":1884,"description":1885,"date":1169,"topic":5,"author":11,"tags":1886,"image":1889,"imageAlt":1890,"pexelsPhotoId":1891,"pexelsUrl":1892,"readingTime":1893,"body":1894,"_type":428,"_id":2806,"_source":430,"_file":2807,"_stem":2808,"_extension":433},"网页制作从 0 到上线：模板/编辑器/框架怎么选？（域名、HTTPS、缓存、回滚）","一篇把“网页制作”从选工具到上线发布讲完整的实战指南：路径选择矩阵、最短上线流程、免费方案边界、SEO/性能最小集、以及最常见翻车复盘与检查清单。",[14,1887,443,1888,1441],"建站","HTTPS","/images/topics/practical-tips/webpage-making-from-zero-to-online.jpg","电脑屏幕上展示代码与开发环境",574069,"https://www.pexels.com/photo/laptop-computer-showing-c-application-574069/",16,{"type":23,"children":1895,"toc":2782},[1896,1901,1924,1935,1938,1944,1949,1992,1997,2000,2006,2130,2135,2143,2166,2169,2175,2181,2199,2204,2210,2215,2253,2263,2269,2274,2292,2302,2308,2313,2331,2336,2354,2357,2363,2367,2399,2404,2421,2425,2443,2447,2464,2467,2473,2479,2489,2498,2516,2524,2542,2548,2556,2574,2584,2590,2598,2616,2625,2628,2634,2640,2698,2704,2744,2747,2751],{"type":26,"tag":27,"props":1897,"children":1898},{},[1899],{"type":31,"value":1900},"如果你搜索“网页制作”，你通常不是想学一堆名词，而是想尽快得到一个结果：",{"type":26,"tag":227,"props":1902,"children":1903},{},[1904,1909,1914,1919],{"type":26,"tag":231,"props":1905,"children":1906},{},[1907],{"type":31,"value":1908},"有一个能打开的网页链接",{"type":26,"tag":231,"props":1910,"children":1911},{},[1912],{"type":31,"value":1913},"看起来不丑（至少不土）",{"type":26,"tag":231,"props":1915,"children":1916},{},[1917],{"type":31,"value":1918},"能在手机上正常显示",{"type":26,"tag":231,"props":1920,"children":1921},{},[1922],{"type":31,"value":1923},"上线后能改、能维护、最好还能被搜索到",{"type":26,"tag":27,"props":1925,"children":1926},{},[1927,1929,1934],{"type":31,"value":1928},"这篇文章按“交付”来讲：",{"type":26,"tag":608,"props":1930,"children":1931},{},[1932],{"type":31,"value":1933},"你需要做哪些决策、每一步怎么走、哪里最容易翻车",{"type":31,"value":497},{"type":26,"tag":499,"props":1936,"children":1937},{},[],{"type":26,"tag":81,"props":1939,"children":1941},{"id":1940},"结论先说先选路径再选工具",[1942],{"type":31,"value":1943},"结论先说：先选路径，再选工具",{"type":26,"tag":27,"props":1945,"children":1946},{},[1947],{"type":31,"value":1948},"网页制作常见有四条路径：",{"type":26,"tag":393,"props":1950,"children":1951},{},[1952,1962,1972,1982],{"type":26,"tag":231,"props":1953,"children":1954},{},[1955,1960],{"type":26,"tag":608,"props":1956,"children":1957},{},[1958],{"type":31,"value":1959},"套模板",{"type":31,"value":1961},"：最快，适合一次性活动页/企业展示页",{"type":26,"tag":231,"props":1963,"children":1964},{},[1965,1970],{"type":26,"tag":608,"props":1966,"children":1967},{},[1968],{"type":31,"value":1969},"在线编辑器（代码游乐场）",{"type":31,"value":1971},"：适合测试片段，不适合完整站",{"type":26,"tag":231,"props":1973,"children":1974},{},[1975,1980],{"type":26,"tag":608,"props":1976,"children":1977},{},[1978],{"type":31,"value":1979},"可视化编辑器 / 网站 Builder",{"type":31,"value":1981},"：适合非开发者或需要快速产出的团队",{"type":26,"tag":231,"props":1983,"children":1984},{},[1985,1990],{"type":26,"tag":608,"props":1986,"children":1987},{},[1988],{"type":31,"value":1989},"框架开发（Vue/Nuxt/React）",{"type":31,"value":1991},"：适合复杂交互/长期维护/有工程团队",{"type":26,"tag":27,"props":1993,"children":1994},{},[1995],{"type":31,"value":1996},"你不需要从第 4 条开始。",{"type":26,"tag":499,"props":1998,"children":1999},{},[],{"type":26,"tag":81,"props":2001,"children":2003},{"id":2002},"路径选择矩阵必交付物对比表",[2004],{"type":31,"value":2005},"路径选择矩阵（必交付物：对比表）",{"type":26,"tag":88,"props":2007,"children":2008},{},[2009,2035],{"type":26,"tag":92,"props":2010,"children":2011},{},[2012],{"type":26,"tag":96,"props":2013,"children":2014},{},[2015,2020,2025,2030],{"type":26,"tag":100,"props":2016,"children":2017},{},[2018],{"type":31,"value":2019},"你的目标",{"type":26,"tag":100,"props":2021,"children":2022},{},[2023],{"type":31,"value":2024},"更推荐",{"type":26,"tag":100,"props":2026,"children":2027},{},[2028],{"type":31,"value":2029},"你会得到什么",{"type":26,"tag":100,"props":2031,"children":2032},{},[2033],{"type":31,"value":2034},"你要付出的代价",{"type":26,"tag":116,"props":2036,"children":2037},{},[2038,2061,2084,2107],{"type":26,"tag":96,"props":2039,"children":2040},{},[2041,2046,2051,2056],{"type":26,"tag":123,"props":2042,"children":2043},{},[2044],{"type":31,"value":2045},"3 小时内上线一个活动页",{"type":26,"tag":123,"props":2047,"children":2048},{},[2049],{"type":31,"value":2050},"模板 / Builder",{"type":26,"tag":123,"props":2052,"children":2053},{},[2054],{"type":31,"value":2055},"速度最快、最低门槛",{"type":26,"tag":123,"props":2057,"children":2058},{},[2059],{"type":31,"value":2060},"个性化有限、后续二开受限",{"type":26,"tag":96,"props":2062,"children":2063},{},[2064,2069,2074,2079],{"type":26,"tag":123,"props":2065,"children":2066},{},[2067],{"type":31,"value":2068},"多个落地页重复使用",{"type":26,"tag":123,"props":2070,"children":2071},{},[2072],{"type":31,"value":2073},"可视化编辑器 / Builder",{"type":26,"tag":123,"props":2075,"children":2076},{},[2077],{"type":31,"value":2078},"可沉淀组件与版式",{"type":26,"tag":123,"props":2080,"children":2081},{},[2082],{"type":31,"value":2083},"需要建立组件规范与验收",{"type":26,"tag":96,"props":2085,"children":2086},{},[2087,2092,2097,2102],{"type":26,"tag":123,"props":2088,"children":2089},{},[2090],{"type":31,"value":2091},"需要更强 SEO 与内容体系",{"type":26,"tag":123,"props":2093,"children":2094},{},[2095],{"type":31,"value":2096},"内容站（Nuxt/SSG）",{"type":26,"tag":123,"props":2098,"children":2099},{},[2100],{"type":31,"value":2101},"可持续扩展与内链",{"type":26,"tag":123,"props":2103,"children":2104},{},[2105],{"type":31,"value":2106},"初期工程成本更高",{"type":26,"tag":96,"props":2108,"children":2109},{},[2110,2115,2120,2125],{"type":26,"tag":123,"props":2111,"children":2112},{},[2113],{"type":31,"value":2114},"有复杂表单/权限/业务逻辑",{"type":26,"tag":123,"props":2116,"children":2117},{},[2118],{"type":31,"value":2119},"框架开发",{"type":26,"tag":123,"props":2121,"children":2122},{},[2123],{"type":31,"value":2124},"能力最强",{"type":26,"tag":123,"props":2126,"children":2127},{},[2128],{"type":31,"value":2129},"维护成本与团队要求更高",{"type":26,"tag":27,"props":2131,"children":2132},{},[2133],{"type":31,"value":2134},"如果你不确定，优先选择：",{"type":26,"tag":227,"props":2136,"children":2137},{},[2138],{"type":26,"tag":231,"props":2139,"children":2140},{},[2141],{"type":31,"value":2142},"“要能导出源码、能绑定域名、能回滚”的方案",{"type":26,"tag":27,"props":2144,"children":2145},{},[2146,2148,2153,2155,2159,2161,2165],{"type":31,"value":2147},"HTMLPAGE 的定位偏向：",{"type":26,"tag":608,"props":2149,"children":2150},{},[2151],{"type":31,"value":2152},"快速制作并发布可维护页面",{"type":31,"value":2154},"，适合做落地页、活动页、展示页，具体可以先看：",{"type":26,"tag":49,"props":2156,"children":2157},{"href":1128},[2158],{"type":31,"value":1131},{"type":31,"value":2160}," 与实操：",{"type":26,"tag":49,"props":2162,"children":2163},{"href":642},[2164],{"type":31,"value":645},{"type":31,"value":497},{"type":26,"tag":499,"props":2167,"children":2168},{},[],{"type":26,"tag":81,"props":2170,"children":2172},{"id":2171},"从-0-到上线的最短流程可照抄",[2173],{"type":31,"value":2174},"从 0 到上线的最短流程（可照抄）",{"type":26,"tag":556,"props":2176,"children":2178},{"id":2177},"step-1准备-3-件事别跳过",[2179],{"type":31,"value":2180},"Step 1：准备 3 件事（别跳过）",{"type":26,"tag":227,"props":2182,"children":2183},{},[2184,2189,2194],{"type":26,"tag":231,"props":2185,"children":2186},{},[2187],{"type":31,"value":2188},"页面目标：你希望用户做什么？（提交表单/加微信/购买/预约）",{"type":26,"tag":231,"props":2190,"children":2191},{},[2192],{"type":31,"value":2193},"目标人群：一句话描述（越具体越好）",{"type":26,"tag":231,"props":2195,"children":2196},{},[2197],{"type":31,"value":2198},"核心证据：你凭什么让他信？（案例、数据、资质、评价）",{"type":26,"tag":27,"props":2200,"children":2201},{},[2202],{"type":31,"value":2203},"这三件事决定页面结构，结构决定转化。",{"type":26,"tag":556,"props":2205,"children":2207},{"id":2206},"step-2选模板或起一个最小页面骨架",[2208],{"type":31,"value":2209},"Step 2：选模板或起一个最小页面骨架",{"type":26,"tag":27,"props":2211,"children":2212},{},[2213],{"type":31,"value":2214},"最小骨架（落地页常用）：",{"type":26,"tag":393,"props":2216,"children":2217},{},[2218,2223,2228,2233,2238,2243,2248],{"type":26,"tag":231,"props":2219,"children":2220},{},[2221],{"type":31,"value":2222},"Hero（标题 + 副标题 + CTA）",{"type":26,"tag":231,"props":2224,"children":2225},{},[2226],{"type":31,"value":2227},"Problem / Value（痛点/价值）",{"type":26,"tag":231,"props":2229,"children":2230},{},[2231],{"type":31,"value":2232},"Features（3~6 个要点）",{"type":26,"tag":231,"props":2234,"children":2235},{},[2236],{"type":31,"value":2237},"Proof（案例/评价/数据/Logo）",{"type":26,"tag":231,"props":2239,"children":2240},{},[2241],{"type":31,"value":2242},"FAQ（解决疑虑）",{"type":26,"tag":231,"props":2244,"children":2245},{},[2246],{"type":31,"value":2247},"Form（最终行动）",{"type":26,"tag":231,"props":2249,"children":2250},{},[2251],{"type":31,"value":2252},"Footer（联系方式/备案/隐私）",{"type":26,"tag":27,"props":2254,"children":2255},{},[2256,2258,2262],{"type":31,"value":2257},"如果你要把内容做成体系（SEO + 内链），建议把主题组织成 cluster，可参考：",{"type":26,"tag":49,"props":2259,"children":2260},{"href":1137},[2261],{"type":31,"value":1140},{"type":31,"value":497},{"type":26,"tag":556,"props":2264,"children":2266},{"id":2265},"step-3域名与-https上线的基础设施",[2267],{"type":31,"value":2268},"Step 3：域名与 HTTPS（上线的基础设施）",{"type":26,"tag":27,"props":2270,"children":2271},{},[2272],{"type":31,"value":2273},"最短路径：",{"type":26,"tag":227,"props":2275,"children":2276},{},[2277,2282,2287],{"type":26,"tag":231,"props":2278,"children":2279},{},[2280],{"type":31,"value":2281},"买域名（你能控制的资产）",{"type":26,"tag":231,"props":2283,"children":2284},{},[2285],{"type":31,"value":2286},"绑定到托管平台（支持 HTTPS）",{"type":26,"tag":231,"props":2288,"children":2289},{},[2290],{"type":31,"value":2291},"开启自动证书（Let’s Encrypt 或平台托管）",{"type":26,"tag":27,"props":2293,"children":2294},{},[2295,2300],{"type":26,"tag":608,"props":2296,"children":2297},{},[2298],{"type":31,"value":2299},"底线",{"type":31,"value":2301},"：不要把域名绑在你无法迁出的平台上。",{"type":26,"tag":556,"props":2303,"children":2305},{"id":2304},"step-4缓存与回滚避免上线即事故",[2306],{"type":31,"value":2307},"Step 4：缓存与回滚（避免“上线即事故”）",{"type":26,"tag":27,"props":2309,"children":2310},{},[2311],{"type":31,"value":2312},"上线后常见事故：",{"type":26,"tag":227,"props":2314,"children":2315},{},[2316,2321,2326],{"type":26,"tag":231,"props":2317,"children":2318},{},[2319],{"type":31,"value":2320},"用户看到旧版本（缓存）",{"type":26,"tag":231,"props":2322,"children":2323},{},[2324],{"type":31,"value":2325},"更新后出现 404（路由/路径变更）",{"type":26,"tag":231,"props":2327,"children":2328},{},[2329],{"type":31,"value":2330},"CSS 错乱（构建产物没同步）",{"type":26,"tag":27,"props":2332,"children":2333},{},[2334],{"type":31,"value":2335},"最低配置：",{"type":26,"tag":227,"props":2337,"children":2338},{},[2339,2344,2349],{"type":26,"tag":231,"props":2340,"children":2341},{},[2342],{"type":31,"value":2343},"关键文件版本化（git 或平台版本）",{"type":26,"tag":231,"props":2345,"children":2346},{},[2347],{"type":31,"value":2348},"能回滚到上一个版本（1 次点击/1 条命令）",{"type":26,"tag":231,"props":2350,"children":2351},{},[2352],{"type":31,"value":2353},"明确缓存策略（HTML 低缓存，静态资源高缓存）",{"type":26,"tag":499,"props":2355,"children":2356},{},[],{"type":26,"tag":81,"props":2358,"children":2360},{"id":2359},"seo性能最小集不是做-seo而是别丢分",[2361],{"type":31,"value":2362},"SEO/性能最小集（不是“做 SEO”，而是“别丢分”）",{"type":26,"tag":556,"props":2364,"children":2365},{"id":788},[2366],{"type":31,"value":791},{"type":26,"tag":227,"props":2368,"children":2369},{},[2370,2375,2380,2394],{"type":26,"tag":231,"props":2371,"children":2372},{},[2373],{"type":31,"value":2374},"页面只有一个 H1，且含主关键词",{"type":26,"tag":231,"props":2376,"children":2377},{},[2378],{"type":31,"value":2379},"Title/Description 与搜索意图匹配（别写成公司 slogan）",{"type":26,"tag":231,"props":2381,"children":2382},{},[2383,2385,2392],{"type":31,"value":2384},"图片有 ",{"type":26,"tag":2386,"props":2387,"children":2389},"code",{"className":2388},[],[2390],{"type":31,"value":2391},"alt",{"type":31,"value":2393},"，链接结构清晰",{"type":26,"tag":231,"props":2395,"children":2396},{},[2397],{"type":31,"value":2398},"有站点地图/可抓取（内容站更重要）",{"type":26,"tag":27,"props":2400,"children":2401},{},[2402],{"type":31,"value":2403},"实操可以看：",{"type":26,"tag":227,"props":2405,"children":2406},{},[2407,2414],{"type":26,"tag":231,"props":2408,"children":2409},{},[2410],{"type":26,"tag":49,"props":2411,"children":2412},{"href":837},[2413],{"type":31,"value":840},{"type":26,"tag":231,"props":2415,"children":2416},{},[2417],{"type":26,"tag":49,"props":2418,"children":2419},{"href":828},[2420],{"type":31,"value":831},{"type":26,"tag":556,"props":2422,"children":2423},{"id":843},[2424],{"type":31,"value":843},{"type":26,"tag":227,"props":2426,"children":2427},{},[2428,2433,2438],{"type":26,"tag":231,"props":2429,"children":2430},{},[2431],{"type":31,"value":2432},"首屏图片压缩与懒加载",{"type":26,"tag":231,"props":2434,"children":2435},{},[2436],{"type":31,"value":2437},"避免首屏引入大量第三方脚本",{"type":26,"tag":231,"props":2439,"children":2440},{},[2441],{"type":31,"value":2442},"关注核心指标：LCP/INP/CLS",{"type":26,"tag":27,"props":2444,"children":2445},{},[2446],{"type":31,"value":819},{"type":26,"tag":227,"props":2448,"children":2449},{},[2450,2457],{"type":26,"tag":231,"props":2451,"children":2452},{},[2453],{"type":26,"tag":49,"props":2454,"children":2455},{"href":880},[2456],{"type":31,"value":883},{"type":26,"tag":231,"props":2458,"children":2459},{},[2460],{"type":26,"tag":49,"props":2461,"children":2462},{"href":871},[2463],{"type":31,"value":874},{"type":26,"tag":499,"props":2465,"children":2466},{},[],{"type":26,"tag":81,"props":2468,"children":2470},{"id":2469},"失败案例复盘上线后搜不到很慢丢线索",[2471],{"type":31,"value":2472},"失败案例复盘：上线后“搜不到/很慢/丢线索”",{"type":26,"tag":556,"props":2474,"children":2476},{"id":2475},"失败-1页面上线了但搜不到",[2477],{"type":31,"value":2478},"失败 1：页面上线了，但搜不到",{"type":26,"tag":27,"props":2480,"children":2481},{},[2482,2487],{"type":26,"tag":608,"props":2483,"children":2484},{},[2485],{"type":31,"value":2486},"信号",{"type":31,"value":2488},"：站点可以访问，但搜索引擎没有收录或排名很差。",{"type":26,"tag":27,"props":2490,"children":2491},{},[2492,2497],{"type":26,"tag":608,"props":2493,"children":2494},{},[2495],{"type":31,"value":2496},"常见根因",{"type":31,"value":918},{"type":26,"tag":227,"props":2499,"children":2500},{},[2501,2506,2511],{"type":26,"tag":231,"props":2502,"children":2503},{},[2504],{"type":31,"value":2505},"Title/Description 与意图不匹配（CTR 低）",{"type":26,"tag":231,"props":2507,"children":2508},{},[2509],{"type":31,"value":2510},"页面结构混乱，缺少语义化",{"type":26,"tag":231,"props":2512,"children":2513},{},[2514],{"type":31,"value":2515},"robots/canonical/重复页面处理不当（内容站常见）",{"type":26,"tag":27,"props":2517,"children":2518},{},[2519,2523],{"type":26,"tag":608,"props":2520,"children":2521},{},[2522],{"type":31,"value":976},{"type":31,"value":918},{"type":26,"tag":227,"props":2525,"children":2526},{},[2527,2532,2537],{"type":26,"tag":231,"props":2528,"children":2529},{},[2530],{"type":31,"value":2531},"用 1 段话写清“这页解决什么问题”并放进标题与首段",{"type":26,"tag":231,"props":2533,"children":2534},{},[2535],{"type":31,"value":2536},"修正标题层级（H1-H2-H3）",{"type":26,"tag":231,"props":2538,"children":2539},{},[2540],{"type":31,"value":2541},"在 GSC 提交并观察覆盖率",{"type":26,"tag":556,"props":2543,"children":2545},{"id":2544},"失败-2页面很慢用户还没看到就走了",[2546],{"type":31,"value":2547},"失败 2：页面很慢，用户还没看到就走了",{"type":26,"tag":27,"props":2549,"children":2550},{},[2551,2555],{"type":26,"tag":608,"props":2552,"children":2553},{},[2554],{"type":31,"value":906},{"type":31,"value":918},{"type":26,"tag":227,"props":2557,"children":2558},{},[2559,2564,2569],{"type":26,"tag":231,"props":2560,"children":2561},{},[2562],{"type":31,"value":2563},"首屏大图未压缩",{"type":26,"tag":231,"props":2565,"children":2566},{},[2567],{"type":31,"value":2568},"第三方脚本太多（统计、客服、热力图）",{"type":26,"tag":231,"props":2570,"children":2571},{},[2572],{"type":31,"value":2573},"字体加载阻塞",{"type":26,"tag":27,"props":2575,"children":2576},{},[2577,2582],{"type":26,"tag":608,"props":2578,"children":2579},{},[2580],{"type":31,"value":2581},"修复",{"type":31,"value":2583},"：先把图片和脚本处理了，通常就能改善 80%。",{"type":26,"tag":556,"props":2585,"children":2587},{"id":2586},"失败-3表单提交了但线索丢了",[2588],{"type":31,"value":2589},"失败 3：表单提交了，但线索丢了",{"type":26,"tag":27,"props":2591,"children":2592},{},[2593,2597],{"type":26,"tag":608,"props":2594,"children":2595},{},[2596],{"type":31,"value":906},{"type":31,"value":918},{"type":26,"tag":227,"props":2599,"children":2600},{},[2601,2606,2611],{"type":26,"tag":231,"props":2602,"children":2603},{},[2604],{"type":31,"value":2605},"没有失败兜底（接口失败就丢）",{"type":26,"tag":231,"props":2607,"children":2608},{},[2609],{"type":31,"value":2610},"没有通知链路（邮件/飞书/企业微信）",{"type":26,"tag":231,"props":2612,"children":2613},{},[2614],{"type":31,"value":2615},"没有防刷导致垃圾线索淹没",{"type":26,"tag":27,"props":2617,"children":2618},{},[2619,2623],{"type":26,"tag":608,"props":2620,"children":2621},{},[2622],{"type":31,"value":2581},{"type":31,"value":2624},"：把表单当“系统”，不是一个组件。",{"type":26,"tag":499,"props":2626,"children":2627},{},[],{"type":26,"tag":81,"props":2629,"children":2631},{"id":2630},"上线-checklist必交付物",[2632],{"type":31,"value":2633},"上线 Checklist（必交付物）",{"type":26,"tag":556,"props":2635,"children":2637},{"id":2636},"上线前必须",[2638],{"type":31,"value":2639},"上线前（必须）",{"type":26,"tag":227,"props":2641,"children":2643},{"className":2642},[1027],[2644,2653,2662,2671,2680,2689],{"type":26,"tag":231,"props":2645,"children":2647},{"className":2646},[1032],[2648,2651],{"type":26,"tag":1035,"props":2649,"children":2650},{"disabled":1037,"type":1038},[],{"type":31,"value":2652}," 目标明确：用户最终动作是什么（只有一个）",{"type":26,"tag":231,"props":2654,"children":2656},{"className":2655},[1032],[2657,2660],{"type":26,"tag":1035,"props":2658,"children":2659},{"disabled":1037,"type":1038},[],{"type":31,"value":2661}," 页面结构完整：Hero/价值/证据/FAQ/表单",{"type":26,"tag":231,"props":2663,"children":2665},{"className":2664},[1032],[2666,2669],{"type":26,"tag":1035,"props":2667,"children":2668},{"disabled":1037,"type":1038},[],{"type":31,"value":2670}," 移动端可用：首屏不挤、按钮可点、表单不溢出",{"type":26,"tag":231,"props":2672,"children":2674},{"className":2673},[1032],[2675,2678],{"type":26,"tag":1035,"props":2676,"children":2677},{"disabled":1037,"type":1038},[],{"type":31,"value":2679}," SEO 最小集：H1/Title/Description/图片 alt",{"type":26,"tag":231,"props":2681,"children":2683},{"className":2682},[1032],[2684,2687],{"type":26,"tag":1035,"props":2685,"children":2686},{"disabled":1037,"type":1038},[],{"type":31,"value":2688}," 性能最小集：首屏图片压缩、脚本克制",{"type":26,"tag":231,"props":2690,"children":2692},{"className":2691},[1032],[2693,2696],{"type":26,"tag":1035,"props":2694,"children":2695},{"disabled":1037,"type":1038},[],{"type":31,"value":2697}," 回滚可用：能回到上一个版本",{"type":26,"tag":556,"props":2699,"children":2701},{"id":2700},"上线后-24-小时必须",[2702],{"type":31,"value":2703},"上线后 24 小时（必须）",{"type":26,"tag":227,"props":2705,"children":2707},{"className":2706},[1027],[2708,2717,2726,2735],{"type":26,"tag":231,"props":2709,"children":2711},{"className":2710},[1032],[2712,2715],{"type":26,"tag":1035,"props":2713,"children":2714},{"disabled":1037,"type":1038},[],{"type":31,"value":2716}," 自己走一遍“提交线索”并确认通知收到",{"type":26,"tag":231,"props":2718,"children":2720},{"className":2719},[1032],[2721,2724],{"type":26,"tag":1035,"props":2722,"children":2723},{"disabled":1037,"type":1038},[],{"type":31,"value":2725}," 观察核心指标（LCP/INP/CLS 或至少首屏体验）",{"type":26,"tag":231,"props":2727,"children":2729},{"className":2728},[1032],[2730,2733],{"type":26,"tag":1035,"props":2731,"children":2732},{"disabled":1037,"type":1038},[],{"type":31,"value":2734}," GSC 提交并观察覆盖率/抓取",{"type":26,"tag":231,"props":2736,"children":2738},{"className":2737},[1032],[2739,2742],{"type":26,"tag":1035,"props":2740,"children":2741},{"disabled":1037,"type":1038},[],{"type":31,"value":2743}," 复盘用户入口（从哪个关键词来、停留多久）",{"type":26,"tag":499,"props":2745,"children":2746},{},[],{"type":26,"tag":81,"props":2748,"children":2749},{"id":1101},[2750],{"type":31,"value":1101},{"type":26,"tag":227,"props":2752,"children":2753},{},[2754,2761,2768,2775],{"type":26,"tag":231,"props":2755,"children":2756},{},[2757],{"type":26,"tag":49,"props":2758,"children":2759},{"href":1128},[2760],{"type":31,"value":1131},{"type":26,"tag":231,"props":2762,"children":2763},{},[2764],{"type":26,"tag":49,"props":2765,"children":2766},{"href":642},[2767],{"type":31,"value":645},{"type":26,"tag":231,"props":2769,"children":2770},{},[2771],{"type":26,"tag":49,"props":2772,"children":2773},{"href":1137},[2774],{"type":31,"value":1140},{"type":26,"tag":231,"props":2776,"children":2777},{},[2778],{"type":26,"tag":49,"props":2779,"children":2780},{"href":837},[2781],{"type":31,"value":840},{"title":7,"searchDepth":417,"depth":417,"links":2783},[2784,2785,2786,2792,2796,2801,2805],{"id":1940,"depth":420,"text":1943},{"id":2002,"depth":420,"text":2005},{"id":2171,"depth":420,"text":2174,"children":2787},[2788,2789,2790,2791],{"id":2177,"depth":417,"text":2180},{"id":2206,"depth":417,"text":2209},{"id":2265,"depth":417,"text":2268},{"id":2304,"depth":417,"text":2307},{"id":2359,"depth":420,"text":2362,"children":2793},[2794,2795],{"id":788,"depth":417,"text":791},{"id":843,"depth":417,"text":843},{"id":2469,"depth":420,"text":2472,"children":2797},[2798,2799,2800],{"id":2475,"depth":417,"text":2478},{"id":2544,"depth":417,"text":2547},{"id":2586,"depth":417,"text":2589},{"id":2630,"depth":420,"text":2633,"children":2802},[2803,2804],{"id":2636,"depth":417,"text":2639},{"id":2700,"depth":417,"text":2703},{"id":1101,"depth":420,"text":1101},"content:topics:practical-tips:webpage-making-from-zero-to-online.md","topics/practical-tips/webpage-making-from-zero-to-online.md","topics/practical-tips/webpage-making-from-zero-to-online",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"topic":5,"author":11,"tags":2810,"image":17,"imageQuery":18,"pexelsPhotoId":19,"pexelsUrl":20,"featured":6,"readingTime":21,"body":2811,"_type":428,"_id":429,"_source":430,"_file":431,"_stem":432,"_extension":433},[13,14,15,16],{"type":23,"children":2812,"toc":3112},[2813,2817,2821,2825,2849,2853,2952,2956,2960,2964,2983,2987,2991,2995,2999,3014,3018,3022,3026,3030,3034,3038,3042,3046,3050,3054,3058,3062,3081,3085,3089,3093,3108],{"type":26,"tag":27,"props":2814,"children":2815},{},[2816],{"type":31,"value":32},{"type":26,"tag":27,"props":2818,"children":2819},{},[2820],{"type":31,"value":37},{"type":26,"tag":27,"props":2822,"children":2823},{},[2824],{"type":31,"value":42},{"type":26,"tag":27,"props":2826,"children":2827},{},[2828,2829,2833,2834,2838,2839,2843,2844,2848],{"type":31,"value":47},{"type":26,"tag":49,"props":2830,"children":2831},{"href":51},[2832],{"type":31,"value":54},{"type":31,"value":56},{"type":26,"tag":49,"props":2835,"children":2836},{"href":59},[2837],{"type":31,"value":62},{"type":31,"value":56},{"type":26,"tag":49,"props":2840,"children":2841},{"href":66},[2842],{"type":31,"value":69},{"type":31,"value":71},{"type":26,"tag":49,"props":2845,"children":2846},{"href":74},[2847],{"type":31,"value":77},{"type":31,"value":79},{"type":26,"tag":81,"props":2850,"children":2851},{"id":83},[2852],{"type":31,"value":86},{"type":26,"tag":88,"props":2854,"children":2855},{},[2856,2874],{"type":26,"tag":92,"props":2857,"children":2858},{},[2859],{"type":26,"tag":96,"props":2860,"children":2861},{},[2862,2866,2870],{"type":26,"tag":100,"props":2863,"children":2864},{},[2865],{"type":31,"value":104},{"type":26,"tag":100,"props":2867,"children":2868},{},[2869],{"type":31,"value":109},{"type":26,"tag":100,"props":2871,"children":2872},{},[2873],{"type":31,"value":114},{"type":26,"tag":116,"props":2875,"children":2876},{},[2877,2892,2907,2922,2937],{"type":26,"tag":96,"props":2878,"children":2879},{},[2880,2884,2888],{"type":26,"tag":123,"props":2881,"children":2882},{},[2883],{"type":31,"value":127},{"type":26,"tag":123,"props":2885,"children":2886},{},[2887],{"type":31,"value":132},{"type":26,"tag":123,"props":2889,"children":2890},{},[2891],{"type":31,"value":137},{"type":26,"tag":96,"props":2893,"children":2894},{},[2895,2899,2903],{"type":26,"tag":123,"props":2896,"children":2897},{},[2898],{"type":31,"value":145},{"type":26,"tag":123,"props":2900,"children":2901},{},[2902],{"type":31,"value":150},{"type":26,"tag":123,"props":2904,"children":2905},{},[2906],{"type":31,"value":155},{"type":26,"tag":96,"props":2908,"children":2909},{},[2910,2914,2918],{"type":26,"tag":123,"props":2911,"children":2912},{},[2913],{"type":31,"value":163},{"type":26,"tag":123,"props":2915,"children":2916},{},[2917],{"type":31,"value":168},{"type":26,"tag":123,"props":2919,"children":2920},{},[2921],{"type":31,"value":173},{"type":26,"tag":96,"props":2923,"children":2924},{},[2925,2929,2933],{"type":26,"tag":123,"props":2926,"children":2927},{},[2928],{"type":31,"value":181},{"type":26,"tag":123,"props":2930,"children":2931},{},[2932],{"type":31,"value":186},{"type":26,"tag":123,"props":2934,"children":2935},{},[2936],{"type":31,"value":191},{"type":26,"tag":96,"props":2938,"children":2939},{},[2940,2944,2948],{"type":26,"tag":123,"props":2941,"children":2942},{},[2943],{"type":31,"value":199},{"type":26,"tag":123,"props":2945,"children":2946},{},[2947],{"type":31,"value":204},{"type":26,"tag":123,"props":2949,"children":2950},{},[2951],{"type":31,"value":209},{"type":26,"tag":27,"props":2953,"children":2954},{},[2955],{"type":31,"value":214},{"type":26,"tag":81,"props":2957,"children":2958},{"id":217},[2959],{"type":31,"value":220},{"type":26,"tag":27,"props":2961,"children":2962},{},[2963],{"type":31,"value":225},{"type":26,"tag":227,"props":2965,"children":2966},{},[2967,2971,2975,2979],{"type":26,"tag":231,"props":2968,"children":2969},{},[2970],{"type":31,"value":235},{"type":26,"tag":231,"props":2972,"children":2973},{},[2974],{"type":31,"value":240},{"type":26,"tag":231,"props":2976,"children":2977},{},[2978],{"type":31,"value":245},{"type":26,"tag":231,"props":2980,"children":2981},{},[2982],{"type":31,"value":250},{"type":26,"tag":27,"props":2984,"children":2985},{},[2986],{"type":31,"value":255},{"type":26,"tag":81,"props":2988,"children":2989},{"id":258},[2990],{"type":31,"value":261},{"type":26,"tag":27,"props":2992,"children":2993},{},[2994],{"type":31,"value":266},{"type":26,"tag":27,"props":2996,"children":2997},{},[2998],{"type":31,"value":271},{"type":26,"tag":227,"props":3000,"children":3001},{},[3002,3006,3010],{"type":26,"tag":231,"props":3003,"children":3004},{},[3005],{"type":31,"value":279},{"type":26,"tag":231,"props":3007,"children":3008},{},[3009],{"type":31,"value":284},{"type":26,"tag":231,"props":3011,"children":3012},{},[3013],{"type":31,"value":289},{"type":26,"tag":27,"props":3015,"children":3016},{},[3017],{"type":31,"value":294},{"type":26,"tag":81,"props":3019,"children":3020},{"id":297},[3021],{"type":31,"value":300},{"type":26,"tag":27,"props":3023,"children":3024},{},[3025],{"type":31,"value":305},{"type":26,"tag":27,"props":3027,"children":3028},{},[3029],{"type":31,"value":310},{"type":26,"tag":81,"props":3031,"children":3032},{"id":313},[3033],{"type":31,"value":316},{"type":26,"tag":27,"props":3035,"children":3036},{},[3037],{"type":31,"value":321},{"type":26,"tag":27,"props":3039,"children":3040},{},[3041],{"type":31,"value":326},{"type":26,"tag":81,"props":3043,"children":3044},{"id":329},[3045],{"type":31,"value":332},{"type":26,"tag":27,"props":3047,"children":3048},{},[3049],{"type":31,"value":337},{"type":26,"tag":27,"props":3051,"children":3052},{},[3053],{"type":31,"value":342},{"type":26,"tag":81,"props":3055,"children":3056},{"id":345},[3057],{"type":31,"value":345},{"type":26,"tag":27,"props":3059,"children":3060},{},[3061],{"type":31,"value":352},{"type":26,"tag":227,"props":3063,"children":3064},{},[3065,3069,3073,3077],{"type":26,"tag":231,"props":3066,"children":3067},{},[3068],{"type":31,"value":360},{"type":26,"tag":231,"props":3070,"children":3071},{},[3072],{"type":31,"value":365},{"type":26,"tag":231,"props":3074,"children":3075},{},[3076],{"type":31,"value":370},{"type":26,"tag":231,"props":3078,"children":3079},{},[3080],{"type":31,"value":375},{"type":26,"tag":27,"props":3082,"children":3083},{},[3084],{"type":31,"value":380},{"type":26,"tag":81,"props":3086,"children":3087},{"id":383},[3088],{"type":31,"value":386},{"type":26,"tag":27,"props":3090,"children":3091},{},[3092],{"type":31,"value":391},{"type":26,"tag":393,"props":3094,"children":3095},{},[3096,3100,3104],{"type":26,"tag":231,"props":3097,"children":3098},{},[3099],{"type":31,"value":400},{"type":26,"tag":231,"props":3101,"children":3102},{},[3103],{"type":31,"value":405},{"type":26,"tag":231,"props":3105,"children":3106},{},[3107],{"type":31,"value":410},{"type":26,"tag":27,"props":3109,"children":3110},{},[3111],{"type":31,"value":415},{"title":7,"searchDepth":417,"depth":417,"links":3113},[3114,3115,3116,3117,3118,3119,3120,3121],{"id":83,"depth":420,"text":86},{"id":217,"depth":420,"text":220},{"id":258,"depth":420,"text":261},{"id":297,"depth":420,"text":300},{"id":313,"depth":420,"text":316},{"id":329,"depth":420,"text":332},{"id":345,"depth":420,"text":345},{"id":383,"depth":420,"text":386},1779842393403]