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