[{"data":1,"prerenderedAt":3123},["ShallowReactive",2],{"article-/topics/practical-tips/website-design-copyright-source-code-ownership-guide":3,"related-practical-tips":434,"content-query-a8wq0Qzsis":2810},{"_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-copyright-source-code-ownership-guide","practical-tips",false,"","网站设计版权和源码归属怎么谈：哪些东西默认不属于你，哪些必须写进合同","很多团队以为付了网站设计费，设计稿、源码、字体、图片和后续使用权就都会自然归自己。本文把网站设计版权和源码归属拆成设计、代码、素材、许可证和使用范围五层，讲清哪些东西必须提前写清。","2026-05-25","HTMLPAGE 团队",[13,14,15,16],"网站设计","网页制作","版权归属","源码交付","/images/articles/website-design-copyright-source-code-ownership-guide-featured.jpg","website copyright source code ownership contract",14553720,"https://www.pexels.com/photo/data-on-a-computer-screen-14553720/",15,{"type":23,"children":24,"toc":416},"root",[25,33,38,43,80,87,210,215,221,226,231,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","很多团队在付网站设计费时，会自然觉得一个结论成立：既然钱付了，项目里所有东西理应都属于自己。现实里，这个判断远没有那么自动。设计稿的著作权、可编辑源文件的交付、前端源码的使用权、字体和图片的商业许可、第三方插件的授权范围，往往都不是“默认会一起给你”的内容。它们是否包含、能否继续使用、后面能不能换团队接手，通常都取决于前面有没有把边界写清。",{"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-contract-scope-ownership-payment-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-deliverables-acceptance-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-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},"是否只限当前站点、当前品牌、当前周期",{"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":27,"props":227,"children":228},{},[229],{"type":31,"value":230},"所以在合作前就该先问清：",{"type":26,"tag":232,"props":233,"children":234},"ul",{},[235,241,246],{"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":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},"网站项目里的代码交付比很多团队想象得复杂。因为有些项目本来就是平台搭建或模板改造，并不天然包含完整可独立运行的源码；有些项目即使有代码，也可能只交部署结果，不交开发工程结构；还有些项目会混用第三方组件和许可文件，导致“给你代码”不等于“你能完全自由处理这套代码”。",{"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":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},"很多合作即便确认了设计稿、源码或素材可以交付，仍然会漏掉一个关键问题：使用范围。是只允许在当前网站使用，还是后续活动页、子品牌、海外站也能用？是永久使用，还是只限某个合作周期？",{"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":232,"props":354,"children":355},{},[356,361,366,371],{"type":26,"tag":236,"props":357,"children":358},{},[359],{"type":31,"value":360},"只说“项目交付”而不说具体交什么源文件或源码",{"type":26,"tag":236,"props":362,"children":363},{},[364],{"type":31,"value":365},"没有单独列字体、图片、图标和插件授权范围",{"type":26,"tag":236,"props":367,"children":368},{},[369],{"type":31,"value":370},"没有说明设计和代码后续能否被新团队继续改",{"type":26,"tag":236,"props":372,"children":373},{},[374],{"type":31,"value":375},"没有写当前项目之外的使用范围",{"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":236,"props":397,"children":398},{},[399],{"type":31,"value":400},"先把设计文件、源码、素材、插件和账号分成不同对象，不要笼统写“全部资料”。",{"type":26,"tag":236,"props":402,"children":403},{},[404],{"type":31,"value":405},"每一类都确认交付形式、使用范围和后续可维护性。",{"type":26,"tag":236,"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-copyright-source-code-ownership-guide.md","content","topics/practical-tips/website-design-copyright-source-code-ownership-guide.md","topics/practical-tips/website-design-copyright-source-code-ownership-guide","md",[435,1166,1884],{"_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":232,"props":458,"children":459},{},[460,465,470,475],{"type":26,"tag":236,"props":461,"children":462},{},[463],{"type":31,"value":464},"现在就能做",{"type":26,"tag":236,"props":466,"children":467},{},[468],{"type":31,"value":469},"最好不要写代码",{"type":26,"tag":236,"props":471,"children":472},{},[473],{"type":31,"value":474},"做完能有一个链接能访问",{"type":26,"tag":236,"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":232,"props":519,"children":520},{},[521,526,531,536],{"type":26,"tag":236,"props":522,"children":523},{},[524],{"type":31,"value":525},"绑定域名、HTTPS、缓存",{"type":26,"tag":236,"props":527,"children":528},{},[529],{"type":31,"value":530},"页面速度、SEO 收录",{"type":26,"tag":236,"props":532,"children":533},{},[534],{"type":31,"value":535},"表单线索是否可靠",{"type":26,"tag":236,"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":232,"props":568,"children":569},{},[570,575,580],{"type":26,"tag":236,"props":571,"children":572},{},[573],{"type":31,"value":574},"信息结构是否匹配你的目的（不是“好看”）",{"type":26,"tag":236,"props":576,"children":577},{},[578],{"type":31,"value":579},"移动端首屏是否清晰（标题、CTA 不挤）",{"type":26,"tag":236,"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":236,"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":236,"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":236,"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":232,"props":659,"children":660},{},[661,666,671],{"type":26,"tag":236,"props":662,"children":663},{},[664],{"type":31,"value":665},"有一个 HTTPS 链接可访问",{"type":26,"tag":236,"props":667,"children":668},{},[669],{"type":31,"value":670},"资源加载正常（图片、字体、脚本）",{"type":26,"tag":236,"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":232,"props":697,"children":698},{},[699,704,709],{"type":26,"tag":236,"props":700,"children":701},{},[702],{"type":31,"value":703},"在域名解析里添加 CNAME/A 记录",{"type":26,"tag":236,"props":705,"children":706},{},[707],{"type":31,"value":708},"等待 DNS 生效（10 分钟~数小时）",{"type":26,"tag":236,"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":232,"props":736,"children":737},{},[738,743],{"type":26,"tag":236,"props":739,"children":740},{},[741],{"type":31,"value":742},"HTML 页面缓存短（或让平台自动处理）",{"type":26,"tag":236,"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":232,"props":760,"children":761},{},[762,767],{"type":26,"tag":236,"props":763,"children":764},{},[765],{"type":31,"value":766},"平台版本回滚",{"type":26,"tag":236,"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":232,"props":793,"children":794},{},[795,800,805,810],{"type":26,"tag":236,"props":796,"children":797},{},[798],{"type":31,"value":799},"Title/Description 与搜索意图匹配",{"type":26,"tag":236,"props":801,"children":802},{},[803],{"type":31,"value":804},"H1 只有一个且包含主关键词",{"type":26,"tag":236,"props":806,"children":807},{},[808],{"type":31,"value":809},"图片有 alt",{"type":26,"tag":236,"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":232,"props":821,"children":822},{},[823,832],{"type":26,"tag":236,"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":236,"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":232,"props":847,"children":848},{},[849,854],{"type":26,"tag":236,"props":850,"children":851},{},[852],{"type":31,"value":853},"首屏图片压缩（通常能改善最多）",{"type":26,"tag":236,"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":232,"props":864,"children":865},{},[866,875],{"type":26,"tag":236,"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":236,"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":236,"props":923,"children":924},{},[925],{"type":31,"value":926},"确认平台要求 CNAME 还是 A 记录",{"type":26,"tag":236,"props":928,"children":929},{},[930],{"type":31,"value":931},"检查解析是否生效（用在线 DNS 查询）",{"type":26,"tag":236,"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":232,"props":952,"children":953},{},[954,959,964],{"type":26,"tag":236,"props":955,"children":956},{},[957],{"type":31,"value":958},"图片太大",{"type":26,"tag":236,"props":960,"children":961},{},[962],{"type":31,"value":963},"脚本太多",{"type":26,"tag":236,"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":232,"props":994,"children":995},{},[996,1001],{"type":26,"tag":236,"props":997,"children":998},{},[999],{"type":31,"value":1000},"没有成功/失败兜底",{"type":26,"tag":236,"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":232,"props":1025,"children":1028},{"className":1026},[1027],"contains-task-list",[1029,1042,1051,1060,1069,1078,1087],{"type":26,"tag":236,"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":236,"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":236,"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":236,"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":236,"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":236,"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":236,"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":232,"props":1105,"children":1106},{},[1107,1114,1123,1132],{"type":26,"tag":236,"props":1108,"children":1109},{},[1110],{"type":26,"tag":49,"props":1111,"children":1112},{"href":492},[1113],{"type":31,"value":495},{"type":26,"tag":236,"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":236,"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":236,"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":1178,"body":1179,"_type":428,"_id":1881,"_source":430,"_file":1882,"_stem":1883,"_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/",14,{"type":23,"children":1180,"toc":1868},[1181,1186,1199,1210,1215,1246,1249,1255,1260,1273,1278,1313,1318,1327,1330,1336,1504,1507,1513,1518,1549,1554,1576,1581,1603,1606,1612,1622,1632,1650,1655,1673,1681,1689,1698,1716,1719,1725,1730,1763,1768,1785,1788,1794,1799,1817,1822,1830,1833,1837],{"type":26,"tag":27,"props":1182,"children":1183},{},[1184],{"type":31,"value":1185},"很多人搜“免费成网站”，真实诉求往往是：",{"type":26,"tag":232,"props":1187,"children":1188},{},[1189,1194],{"type":26,"tag":236,"props":1190,"children":1191},{},[1192],{"type":31,"value":1193},"我只想先把网站做出来，不想投入太多",{"type":26,"tag":236,"props":1195,"children":1196},{},[1197],{"type":31,"value":1198},"之后如果有效，我再升级",{"type":26,"tag":27,"props":1200,"children":1201},{},[1202,1204,1209],{"type":31,"value":1203},"问题在于：",{"type":26,"tag":608,"props":1205,"children":1206},{},[1207],{"type":31,"value":1208},"免费方案常常不是“省钱”，而是“把钱推迟到未来更贵的时候付”",{"type":31,"value":497},{"type":26,"tag":27,"props":1211,"children":1212},{},[1213],{"type":31,"value":1214},"这篇文章用工程视角讲清三个核心点：",{"type":26,"tag":393,"props":1216,"children":1217},{},[1218,1230,1241],{"type":26,"tag":236,"props":1219,"children":1220},{},[1221,1223,1228],{"type":31,"value":1222},"免费建站的",{"type":26,"tag":608,"props":1224,"children":1225},{},[1226],{"type":31,"value":1227},"真实成本",{"type":31,"value":1229},"在哪里（不是服务器费）",{"type":26,"tag":236,"props":1231,"children":1232},{},[1233,1234,1239],{"type":31,"value":1222},{"type":26,"tag":608,"props":1235,"children":1236},{},[1237],{"type":31,"value":1238},"底线与边界",{"type":31,"value":1240},"是什么（哪些不能省）",{"type":26,"tag":236,"props":1242,"children":1243},{},[1244],{"type":31,"value":1245},"如何设计一条“先免费、后可迁移”的路线（避免平台锁死）",{"type":26,"tag":499,"props":1247,"children":1248},{},[],{"type":26,"tag":81,"props":1250,"children":1252},{"id":1251},"结论先说免费方案的第一原则是可迁移性",[1253],{"type":31,"value":1254},"结论先说：免费方案的第一原则是“可迁移性”",{"type":26,"tag":27,"props":1256,"children":1257},{},[1258],{"type":31,"value":1259},"免费建站你可以接受：",{"type":26,"tag":232,"props":1261,"children":1262},{},[1263,1268],{"type":26,"tag":236,"props":1264,"children":1265},{},[1266],{"type":31,"value":1267},"功能少一点",{"type":26,"tag":236,"props":1269,"children":1270},{},[1271],{"type":31,"value":1272},"设计没那么个性化",{"type":26,"tag":27,"props":1274,"children":1275},{},[1276],{"type":31,"value":1277},"但你不能接受：",{"type":26,"tag":232,"props":1279,"children":1280},{},[1281,1289,1297,1305],{"type":26,"tag":236,"props":1282,"children":1283},{},[1284],{"type":26,"tag":608,"props":1285,"children":1286},{},[1287],{"type":31,"value":1288},"域名不在你手里",{"type":26,"tag":236,"props":1290,"children":1291},{},[1292],{"type":26,"tag":608,"props":1293,"children":1294},{},[1295],{"type":31,"value":1296},"源码/内容导不出来",{"type":26,"tag":236,"props":1298,"children":1299},{},[1300],{"type":26,"tag":608,"props":1301,"children":1302},{},[1303],{"type":31,"value":1304},"没有版本/回滚",{"type":26,"tag":236,"props":1306,"children":1307},{},[1308],{"type":26,"tag":608,"props":1309,"children":1310},{},[1311],{"type":31,"value":1312},"平台一改规则你就被迫重做",{"type":26,"tag":27,"props":1314,"children":1315},{},[1316],{"type":31,"value":1317},"如果你只记一句：",{"type":26,"tag":1319,"props":1320,"children":1321},"blockquote",{},[1322],{"type":26,"tag":27,"props":1323,"children":1324},{},[1325],{"type":31,"value":1326},"你要免费的是“工具费”，不是“资产控制权”。",{"type":26,"tag":499,"props":1328,"children":1329},{},[],{"type":26,"tag":81,"props":1331,"children":1333},{"id":1332},"成本模型免费建站到底会花什么钱必交付物表格",[1334],{"type":31,"value":1335},"成本模型：免费建站到底会花什么钱？（必交付物：表格）",{"type":26,"tag":88,"props":1337,"children":1338},{},[1339,1365],{"type":26,"tag":92,"props":1340,"children":1341},{},[1342],{"type":26,"tag":96,"props":1343,"children":1344},{},[1345,1350,1355,1360],{"type":26,"tag":100,"props":1346,"children":1347},{},[1348],{"type":31,"value":1349},"成本项",{"type":26,"tag":100,"props":1351,"children":1352},{},[1353],{"type":31,"value":1354},"免费方案常见情况",{"type":26,"tag":100,"props":1356,"children":1357},{},[1358],{"type":31,"value":1359},"你可能付出的隐性成本",{"type":26,"tag":100,"props":1361,"children":1362},{},[1363],{"type":31,"value":1364},"规避策略",{"type":26,"tag":116,"props":1366,"children":1367},{},[1368,1390,1412,1435,1458,1481],{"type":26,"tag":96,"props":1369,"children":1370},{},[1371,1375,1380,1385],{"type":26,"tag":123,"props":1372,"children":1373},{},[1374],{"type":31,"value":443},{"type":26,"tag":123,"props":1376,"children":1377},{},[1378],{"type":31,"value":1379},"可能必须用子域名",{"type":26,"tag":123,"props":1381,"children":1382},{},[1383],{"type":31,"value":1384},"品牌弱、迁移困难",{"type":26,"tag":123,"props":1386,"children":1387},{},[1388],{"type":31,"value":1389},"自己买域名并保有控制权",{"type":26,"tag":96,"props":1391,"children":1392},{},[1393,1397,1402,1407],{"type":26,"tag":123,"props":1394,"children":1395},{},[1396],{"type":31,"value":1172},{"type":26,"tag":123,"props":1398,"children":1399},{},[1400],{"type":31,"value":1401},"导出受限/导出质量差",{"type":26,"tag":123,"props":1403,"children":1404},{},[1405],{"type":31,"value":1406},"未来重做、SEO 损失",{"type":26,"tag":123,"props":1408,"children":1409},{},[1410],{"type":31,"value":1411},"选择可导出、结构可控方案",{"type":26,"tag":96,"props":1413,"children":1414},{},[1415,1420,1425,1430],{"type":26,"tag":123,"props":1416,"children":1417},{},[1418],{"type":31,"value":1419},"性能",{"type":26,"tag":123,"props":1421,"children":1422},{},[1423],{"type":31,"value":1424},"共享资源，速度不稳",{"type":26,"tag":123,"props":1426,"children":1427},{},[1428],{"type":31,"value":1429},"转化下降、SEO 受影响",{"type":26,"tag":123,"props":1431,"children":1432},{},[1433],{"type":31,"value":1434},"图片/脚本治理 + 可切换托管",{"type":26,"tag":96,"props":1436,"children":1437},{},[1438,1443,1448,1453],{"type":26,"tag":123,"props":1439,"children":1440},{},[1441],{"type":31,"value":1442},"SEO",{"type":26,"tag":123,"props":1444,"children":1445},{},[1446],{"type":31,"value":1447},"meta、结构化数据受限",{"type":26,"tag":123,"props":1449,"children":1450},{},[1451],{"type":31,"value":1452},"排名与收录受限",{"type":26,"tag":123,"props":1454,"children":1455},{},[1456],{"type":31,"value":1457},"至少保证 Title/Description/H1/H2 可控",{"type":26,"tag":96,"props":1459,"children":1460},{},[1461,1466,1471,1476],{"type":26,"tag":123,"props":1462,"children":1463},{},[1464],{"type":31,"value":1465},"合规",{"type":26,"tag":123,"props":1467,"children":1468},{},[1469],{"type":31,"value":1470},"隐私/备案/Cookie 管控弱",{"type":26,"tag":123,"props":1472,"children":1473},{},[1474],{"type":31,"value":1475},"风险与整改",{"type":26,"tag":123,"props":1477,"children":1478},{},[1479],{"type":31,"value":1480},"保留隐私政策与联系信息",{"type":26,"tag":96,"props":1482,"children":1483},{},[1484,1489,1494,1499],{"type":26,"tag":123,"props":1485,"children":1486},{},[1487],{"type":31,"value":1488},"协作",{"type":26,"tag":123,"props":1490,"children":1491},{},[1492],{"type":31,"value":1493},"多人编辑权限弱",{"type":26,"tag":123,"props":1495,"children":1496},{},[1497],{"type":31,"value":1498},"改动混乱、事故",{"type":26,"tag":123,"props":1500,"children":1501},{},[1502],{"type":31,"value":1503},"最低限度要有版本/回滚",{"type":26,"tag":499,"props":1505,"children":1506},{},[],{"type":26,"tag":81,"props":1508,"children":1510},{"id":1509},"免费建站的底线清单checklist",[1511],{"type":31,"value":1512},"免费建站的“底线清单”（Checklist）",{"type":26,"tag":556,"props":1514,"children":1516},{"id":1515},"资产底线",[1517],{"type":31,"value":1515},{"type":26,"tag":232,"props":1519,"children":1521},{"className":1520},[1027],[1522,1531,1540],{"type":26,"tag":236,"props":1523,"children":1525},{"className":1524},[1032],[1526,1529],{"type":26,"tag":1035,"props":1527,"children":1528},{"disabled":1037,"type":1038},[],{"type":31,"value":1530}," 域名在你手里（能随时换平台）",{"type":26,"tag":236,"props":1532,"children":1534},{"className":1533},[1032],[1535,1538],{"type":26,"tag":1035,"props":1536,"children":1537},{"disabled":1037,"type":1038},[],{"type":31,"value":1539}," 内容能导出（文章、图片、表单数据至少能拿到）",{"type":26,"tag":236,"props":1541,"children":1543},{"className":1542},[1032],[1544,1547],{"type":26,"tag":1035,"props":1545,"children":1546},{"disabled":1037,"type":1038},[],{"type":31,"value":1548}," 页面源码可导出或至少结构可迁移（不要被锁死）",{"type":26,"tag":556,"props":1550,"children":1552},{"id":1551},"工程底线",[1553],{"type":31,"value":1551},{"type":26,"tag":232,"props":1555,"children":1557},{"className":1556},[1027],[1558,1567],{"type":26,"tag":236,"props":1559,"children":1561},{"className":1560},[1032],[1562,1565],{"type":26,"tag":1035,"props":1563,"children":1564},{"disabled":1037,"type":1038},[],{"type":31,"value":1566}," 有版本记录（能回到上一个可用版本）",{"type":26,"tag":236,"props":1568,"children":1570},{"className":1569},[1032],[1571,1574],{"type":26,"tag":1035,"props":1572,"children":1573},{"disabled":1037,"type":1038},[],{"type":31,"value":1575}," 有最小监控（至少知道表单是否成功、页面是否 404）",{"type":26,"tag":556,"props":1577,"children":1579},{"id":1578},"增长底线",[1580],{"type":31,"value":1578},{"type":26,"tag":232,"props":1582,"children":1584},{"className":1583},[1027],[1585,1594],{"type":26,"tag":236,"props":1586,"children":1588},{"className":1587},[1032],[1589,1592],{"type":26,"tag":1035,"props":1590,"children":1591},{"disabled":1037,"type":1038},[],{"type":31,"value":1593}," Title/Description/H1 可控（不被平台强插）",{"type":26,"tag":236,"props":1595,"children":1597},{"className":1596},[1032],[1598,1601],{"type":26,"tag":1035,"props":1599,"children":1600},{"disabled":1037,"type":1038},[],{"type":31,"value":1602}," 图片可设置 alt、链接结构清晰",{"type":26,"tag":499,"props":1604,"children":1605},{},[],{"type":26,"tag":81,"props":1607,"children":1609},{"id":1608},"失败案例复盘从免费试试到重做一遍",[1610],{"type":31,"value":1611},"失败案例复盘：从“免费试试”到“重做一遍”",{"type":26,"tag":27,"props":1613,"children":1614},{},[1615,1620],{"type":26,"tag":608,"props":1616,"children":1617},{},[1618],{"type":31,"value":1619},"场景",{"type":31,"value":1621},"：你用免费平台搭了一个网站，跑了两个月开始有询盘。",{"type":26,"tag":27,"props":1623,"children":1624},{},[1625,1630],{"type":26,"tag":608,"props":1626,"children":1627},{},[1628],{"type":31,"value":1629},"事故",{"type":31,"value":1631},"：某天你决定升级：",{"type":26,"tag":232,"props":1633,"children":1634},{},[1635,1640,1645],{"type":26,"tag":236,"props":1636,"children":1637},{},[1638],{"type":31,"value":1639},"想换成自己的域名",{"type":26,"tag":236,"props":1641,"children":1642},{},[1643],{"type":31,"value":1644},"想把页面做得更快",{"type":26,"tag":236,"props":1646,"children":1647},{},[1648],{"type":31,"value":1649},"想做 SEO 内容体系",{"type":26,"tag":27,"props":1651,"children":1652},{},[1653],{"type":31,"value":1654},"然后你发现：",{"type":26,"tag":232,"props":1656,"children":1657},{},[1658,1663,1668],{"type":26,"tag":236,"props":1659,"children":1660},{},[1661],{"type":31,"value":1662},"导出不了源码（或导出代码质量差到不可维护）",{"type":26,"tag":236,"props":1664,"children":1665},{},[1666],{"type":31,"value":1667},"URL 结构变化，旧链接全部失效",{"type":26,"tag":236,"props":1669,"children":1670},{},[1671],{"type":31,"value":1672},"图片与资源散落在平台里，迁移成本爆炸",{"type":26,"tag":27,"props":1674,"children":1675},{},[1676,1680],{"type":26,"tag":608,"props":1677,"children":1678},{},[1679],{"type":31,"value":906},{"type":31,"value":918},{"type":26,"tag":232,"props":1682,"children":1683},{},[1684],{"type":26,"tag":236,"props":1685,"children":1686},{},[1687],{"type":31,"value":1688},"一开始没有把“可迁移性”当成第一目标",{"type":26,"tag":27,"props":1690,"children":1691},{},[1692,1697],{"type":26,"tag":608,"props":1693,"children":1694},{},[1695],{"type":31,"value":1696},"复盘后的正确做法",{"type":31,"value":918},{"type":26,"tag":232,"props":1699,"children":1700},{},[1701,1706,1711],{"type":26,"tag":236,"props":1702,"children":1703},{},[1704],{"type":31,"value":1705},"从第一天开始就用自己的域名",{"type":26,"tag":236,"props":1707,"children":1708},{},[1709],{"type":31,"value":1710},"所有内容（文案、图片、下载附件）集中管理，可打包",{"type":26,"tag":236,"props":1712,"children":1713},{},[1714],{"type":31,"value":1715},"选择能导出源码/能自托管的方案（或至少保留结构化内容）",{"type":26,"tag":499,"props":1717,"children":1718},{},[],{"type":26,"tag":81,"props":1720,"children":1722},{"id":1721},"先免费后升级的路线图最短可迁移路径",[1723],{"type":31,"value":1724},"“先免费后升级”的路线图（最短可迁移路径）",{"type":26,"tag":27,"props":1726,"children":1727},{},[1728],{"type":31,"value":1729},"你可以按这条路线走：",{"type":26,"tag":393,"props":1731,"children":1732},{},[1733,1743,1753],{"type":26,"tag":236,"props":1734,"children":1735},{},[1736,1741],{"type":26,"tag":608,"props":1737,"children":1738},{},[1739],{"type":31,"value":1740},"第一阶段（验证）",{"type":31,"value":1742},"：用模板/Builder 快速上线，目标是验证转化",{"type":26,"tag":236,"props":1744,"children":1745},{},[1746,1751],{"type":26,"tag":608,"props":1747,"children":1748},{},[1749],{"type":31,"value":1750},"第二阶段（稳定）",{"type":31,"value":1752},"：把域名、内容、表单链路做“可控与可回滚”",{"type":26,"tag":236,"props":1754,"children":1755},{},[1756,1761],{"type":26,"tag":608,"props":1757,"children":1758},{},[1759],{"type":31,"value":1760},"第三阶段（增长）",{"type":31,"value":1762},"：做内容体系、内链、SEO、性能优化",{"type":26,"tag":27,"props":1764,"children":1765},{},[1766],{"type":31,"value":1767},"在工具选择上，如果你希望“上线快 + 后续可维护”，可以先看：",{"type":26,"tag":232,"props":1769,"children":1770},{},[1771,1778],{"type":26,"tag":236,"props":1772,"children":1773},{},[1774],{"type":26,"tag":49,"props":1775,"children":1776},{"href":1128},[1777],{"type":31,"value":1131},{"type":26,"tag":236,"props":1779,"children":1780},{},[1781],{"type":26,"tag":49,"props":1782,"children":1783},{"href":642},[1784],{"type":31,"value":645},{"type":26,"tag":499,"props":1786,"children":1787},{},[],{"type":26,"tag":81,"props":1789,"children":1791},{"id":1790},"你真正需要的不是免费而是低风险试错",[1792],{"type":31,"value":1793},"你真正需要的不是“免费”，而是“低风险试错”",{"type":26,"tag":27,"props":1795,"children":1796},{},[1797],{"type":31,"value":1798},"当你说“免费”，你其实想要的是：",{"type":26,"tag":232,"props":1800,"children":1801},{},[1802,1807,1812],{"type":26,"tag":236,"props":1803,"children":1804},{},[1805],{"type":31,"value":1806},"快速上线",{"type":26,"tag":236,"props":1808,"children":1809},{},[1810],{"type":31,"value":1811},"成本可控",{"type":26,"tag":236,"props":1813,"children":1814},{},[1815],{"type":31,"value":1816},"如果失败，损失可接受",{"type":26,"tag":27,"props":1818,"children":1819},{},[1820],{"type":31,"value":1821},"正确的表达应该是：",{"type":26,"tag":1319,"props":1823,"children":1824},{},[1825],{"type":26,"tag":27,"props":1826,"children":1827},{},[1828],{"type":31,"value":1829},"我要的是“可迁移的 MVP”，而不是“永远免费的平台”。",{"type":26,"tag":499,"props":1831,"children":1832},{},[],{"type":26,"tag":81,"props":1834,"children":1835},{"id":1101},[1836],{"type":31,"value":1101},{"type":26,"tag":232,"props":1838,"children":1839},{},[1840,1847,1854,1861],{"type":26,"tag":236,"props":1841,"children":1842},{},[1843],{"type":26,"tag":49,"props":1844,"children":1845},{"href":492},[1846],{"type":31,"value":495},{"type":26,"tag":236,"props":1848,"children":1849},{},[1850],{"type":26,"tag":49,"props":1851,"children":1852},{"href":1128},[1853],{"type":31,"value":1131},{"type":26,"tag":236,"props":1855,"children":1856},{},[1857],{"type":26,"tag":49,"props":1858,"children":1859},{"href":1137},[1860],{"type":31,"value":1140},{"type":26,"tag":236,"props":1862,"children":1863},{},[1864],{"type":26,"tag":49,"props":1865,"children":1866},{"href":837},[1867],{"type":31,"value":840},{"title":7,"searchDepth":417,"depth":417,"links":1869},[1870,1871,1872,1877,1878,1879,1880],{"id":1251,"depth":420,"text":1254},{"id":1332,"depth":420,"text":1335},{"id":1509,"depth":420,"text":1512,"children":1873},[1874,1875,1876],{"id":1515,"depth":417,"text":1515},{"id":1551,"depth":417,"text":1551},{"id":1578,"depth":417,"text":1578},{"id":1608,"depth":420,"text":1611},{"id":1721,"depth":420,"text":1724},{"id":1790,"depth":420,"text":1793},{"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":1885,"description":1886,"date":1169,"topic":5,"author":11,"tags":1887,"image":1890,"imageAlt":1891,"pexelsPhotoId":1892,"pexelsUrl":1893,"readingTime":1894,"body":1895,"_type":428,"_id":2807,"_source":430,"_file":2808,"_stem":2809,"_extension":433},"网页制作从 0 到上线：模板/编辑器/框架怎么选？（域名、HTTPS、缓存、回滚）","一篇把“网页制作”从选工具到上线发布讲完整的实战指南：路径选择矩阵、最短上线流程、免费方案边界、SEO/性能最小集、以及最常见翻车复盘与检查清单。",[14,1888,443,1889,1442],"建站","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":1896,"toc":2783},[1897,1902,1925,1936,1939,1945,1950,1993,1998,2001,2007,2131,2136,2144,2167,2170,2176,2182,2200,2205,2211,2216,2254,2264,2270,2275,2293,2303,2309,2314,2332,2337,2355,2358,2364,2368,2400,2405,2422,2426,2444,2448,2465,2468,2474,2480,2490,2499,2517,2525,2543,2549,2557,2575,2585,2591,2599,2617,2626,2629,2635,2641,2699,2705,2745,2748,2752],{"type":26,"tag":27,"props":1898,"children":1899},{},[1900],{"type":31,"value":1901},"如果你搜索“网页制作”，你通常不是想学一堆名词，而是想尽快得到一个结果：",{"type":26,"tag":232,"props":1903,"children":1904},{},[1905,1910,1915,1920],{"type":26,"tag":236,"props":1906,"children":1907},{},[1908],{"type":31,"value":1909},"有一个能打开的网页链接",{"type":26,"tag":236,"props":1911,"children":1912},{},[1913],{"type":31,"value":1914},"看起来不丑（至少不土）",{"type":26,"tag":236,"props":1916,"children":1917},{},[1918],{"type":31,"value":1919},"能在手机上正常显示",{"type":26,"tag":236,"props":1921,"children":1922},{},[1923],{"type":31,"value":1924},"上线后能改、能维护、最好还能被搜索到",{"type":26,"tag":27,"props":1926,"children":1927},{},[1928,1930,1935],{"type":31,"value":1929},"这篇文章按“交付”来讲：",{"type":26,"tag":608,"props":1931,"children":1932},{},[1933],{"type":31,"value":1934},"你需要做哪些决策、每一步怎么走、哪里最容易翻车",{"type":31,"value":497},{"type":26,"tag":499,"props":1937,"children":1938},{},[],{"type":26,"tag":81,"props":1940,"children":1942},{"id":1941},"结论先说先选路径再选工具",[1943],{"type":31,"value":1944},"结论先说：先选路径，再选工具",{"type":26,"tag":27,"props":1946,"children":1947},{},[1948],{"type":31,"value":1949},"网页制作常见有四条路径：",{"type":26,"tag":393,"props":1951,"children":1952},{},[1953,1963,1973,1983],{"type":26,"tag":236,"props":1954,"children":1955},{},[1956,1961],{"type":26,"tag":608,"props":1957,"children":1958},{},[1959],{"type":31,"value":1960},"套模板",{"type":31,"value":1962},"：最快，适合一次性活动页/企业展示页",{"type":26,"tag":236,"props":1964,"children":1965},{},[1966,1971],{"type":26,"tag":608,"props":1967,"children":1968},{},[1969],{"type":31,"value":1970},"在线编辑器（代码游乐场）",{"type":31,"value":1972},"：适合测试片段，不适合完整站",{"type":26,"tag":236,"props":1974,"children":1975},{},[1976,1981],{"type":26,"tag":608,"props":1977,"children":1978},{},[1979],{"type":31,"value":1980},"可视化编辑器 / 网站 Builder",{"type":31,"value":1982},"：适合非开发者或需要快速产出的团队",{"type":26,"tag":236,"props":1984,"children":1985},{},[1986,1991],{"type":26,"tag":608,"props":1987,"children":1988},{},[1989],{"type":31,"value":1990},"框架开发（Vue/Nuxt/React）",{"type":31,"value":1992},"：适合复杂交互/长期维护/有工程团队",{"type":26,"tag":27,"props":1994,"children":1995},{},[1996],{"type":31,"value":1997},"你不需要从第 4 条开始。",{"type":26,"tag":499,"props":1999,"children":2000},{},[],{"type":26,"tag":81,"props":2002,"children":2004},{"id":2003},"路径选择矩阵必交付物对比表",[2005],{"type":31,"value":2006},"路径选择矩阵（必交付物：对比表）",{"type":26,"tag":88,"props":2008,"children":2009},{},[2010,2036],{"type":26,"tag":92,"props":2011,"children":2012},{},[2013],{"type":26,"tag":96,"props":2014,"children":2015},{},[2016,2021,2026,2031],{"type":26,"tag":100,"props":2017,"children":2018},{},[2019],{"type":31,"value":2020},"你的目标",{"type":26,"tag":100,"props":2022,"children":2023},{},[2024],{"type":31,"value":2025},"更推荐",{"type":26,"tag":100,"props":2027,"children":2028},{},[2029],{"type":31,"value":2030},"你会得到什么",{"type":26,"tag":100,"props":2032,"children":2033},{},[2034],{"type":31,"value":2035},"你要付出的代价",{"type":26,"tag":116,"props":2037,"children":2038},{},[2039,2062,2085,2108],{"type":26,"tag":96,"props":2040,"children":2041},{},[2042,2047,2052,2057],{"type":26,"tag":123,"props":2043,"children":2044},{},[2045],{"type":31,"value":2046},"3 小时内上线一个活动页",{"type":26,"tag":123,"props":2048,"children":2049},{},[2050],{"type":31,"value":2051},"模板 / Builder",{"type":26,"tag":123,"props":2053,"children":2054},{},[2055],{"type":31,"value":2056},"速度最快、最低门槛",{"type":26,"tag":123,"props":2058,"children":2059},{},[2060],{"type":31,"value":2061},"个性化有限、后续二开受限",{"type":26,"tag":96,"props":2063,"children":2064},{},[2065,2070,2075,2080],{"type":26,"tag":123,"props":2066,"children":2067},{},[2068],{"type":31,"value":2069},"多个落地页重复使用",{"type":26,"tag":123,"props":2071,"children":2072},{},[2073],{"type":31,"value":2074},"可视化编辑器 / Builder",{"type":26,"tag":123,"props":2076,"children":2077},{},[2078],{"type":31,"value":2079},"可沉淀组件与版式",{"type":26,"tag":123,"props":2081,"children":2082},{},[2083],{"type":31,"value":2084},"需要建立组件规范与验收",{"type":26,"tag":96,"props":2086,"children":2087},{},[2088,2093,2098,2103],{"type":26,"tag":123,"props":2089,"children":2090},{},[2091],{"type":31,"value":2092},"需要更强 SEO 与内容体系",{"type":26,"tag":123,"props":2094,"children":2095},{},[2096],{"type":31,"value":2097},"内容站（Nuxt/SSG）",{"type":26,"tag":123,"props":2099,"children":2100},{},[2101],{"type":31,"value":2102},"可持续扩展与内链",{"type":26,"tag":123,"props":2104,"children":2105},{},[2106],{"type":31,"value":2107},"初期工程成本更高",{"type":26,"tag":96,"props":2109,"children":2110},{},[2111,2116,2121,2126],{"type":26,"tag":123,"props":2112,"children":2113},{},[2114],{"type":31,"value":2115},"有复杂表单/权限/业务逻辑",{"type":26,"tag":123,"props":2117,"children":2118},{},[2119],{"type":31,"value":2120},"框架开发",{"type":26,"tag":123,"props":2122,"children":2123},{},[2124],{"type":31,"value":2125},"能力最强",{"type":26,"tag":123,"props":2127,"children":2128},{},[2129],{"type":31,"value":2130},"维护成本与团队要求更高",{"type":26,"tag":27,"props":2132,"children":2133},{},[2134],{"type":31,"value":2135},"如果你不确定，优先选择：",{"type":26,"tag":232,"props":2137,"children":2138},{},[2139],{"type":26,"tag":236,"props":2140,"children":2141},{},[2142],{"type":31,"value":2143},"“要能导出源码、能绑定域名、能回滚”的方案",{"type":26,"tag":27,"props":2145,"children":2146},{},[2147,2149,2154,2156,2160,2162,2166],{"type":31,"value":2148},"HTMLPAGE 的定位偏向：",{"type":26,"tag":608,"props":2150,"children":2151},{},[2152],{"type":31,"value":2153},"快速制作并发布可维护页面",{"type":31,"value":2155},"，适合做落地页、活动页、展示页，具体可以先看：",{"type":26,"tag":49,"props":2157,"children":2158},{"href":1128},[2159],{"type":31,"value":1131},{"type":31,"value":2161}," 与实操：",{"type":26,"tag":49,"props":2163,"children":2164},{"href":642},[2165],{"type":31,"value":645},{"type":31,"value":497},{"type":26,"tag":499,"props":2168,"children":2169},{},[],{"type":26,"tag":81,"props":2171,"children":2173},{"id":2172},"从-0-到上线的最短流程可照抄",[2174],{"type":31,"value":2175},"从 0 到上线的最短流程（可照抄）",{"type":26,"tag":556,"props":2177,"children":2179},{"id":2178},"step-1准备-3-件事别跳过",[2180],{"type":31,"value":2181},"Step 1：准备 3 件事（别跳过）",{"type":26,"tag":232,"props":2183,"children":2184},{},[2185,2190,2195],{"type":26,"tag":236,"props":2186,"children":2187},{},[2188],{"type":31,"value":2189},"页面目标：你希望用户做什么？（提交表单/加微信/购买/预约）",{"type":26,"tag":236,"props":2191,"children":2192},{},[2193],{"type":31,"value":2194},"目标人群：一句话描述（越具体越好）",{"type":26,"tag":236,"props":2196,"children":2197},{},[2198],{"type":31,"value":2199},"核心证据：你凭什么让他信？（案例、数据、资质、评价）",{"type":26,"tag":27,"props":2201,"children":2202},{},[2203],{"type":31,"value":2204},"这三件事决定页面结构，结构决定转化。",{"type":26,"tag":556,"props":2206,"children":2208},{"id":2207},"step-2选模板或起一个最小页面骨架",[2209],{"type":31,"value":2210},"Step 2：选模板或起一个最小页面骨架",{"type":26,"tag":27,"props":2212,"children":2213},{},[2214],{"type":31,"value":2215},"最小骨架（落地页常用）：",{"type":26,"tag":393,"props":2217,"children":2218},{},[2219,2224,2229,2234,2239,2244,2249],{"type":26,"tag":236,"props":2220,"children":2221},{},[2222],{"type":31,"value":2223},"Hero（标题 + 副标题 + CTA）",{"type":26,"tag":236,"props":2225,"children":2226},{},[2227],{"type":31,"value":2228},"Problem / Value（痛点/价值）",{"type":26,"tag":236,"props":2230,"children":2231},{},[2232],{"type":31,"value":2233},"Features（3~6 个要点）",{"type":26,"tag":236,"props":2235,"children":2236},{},[2237],{"type":31,"value":2238},"Proof（案例/评价/数据/Logo）",{"type":26,"tag":236,"props":2240,"children":2241},{},[2242],{"type":31,"value":2243},"FAQ（解决疑虑）",{"type":26,"tag":236,"props":2245,"children":2246},{},[2247],{"type":31,"value":2248},"Form（最终行动）",{"type":26,"tag":236,"props":2250,"children":2251},{},[2252],{"type":31,"value":2253},"Footer（联系方式/备案/隐私）",{"type":26,"tag":27,"props":2255,"children":2256},{},[2257,2259,2263],{"type":31,"value":2258},"如果你要把内容做成体系（SEO + 内链），建议把主题组织成 cluster，可参考：",{"type":26,"tag":49,"props":2260,"children":2261},{"href":1137},[2262],{"type":31,"value":1140},{"type":31,"value":497},{"type":26,"tag":556,"props":2265,"children":2267},{"id":2266},"step-3域名与-https上线的基础设施",[2268],{"type":31,"value":2269},"Step 3：域名与 HTTPS（上线的基础设施）",{"type":26,"tag":27,"props":2271,"children":2272},{},[2273],{"type":31,"value":2274},"最短路径：",{"type":26,"tag":232,"props":2276,"children":2277},{},[2278,2283,2288],{"type":26,"tag":236,"props":2279,"children":2280},{},[2281],{"type":31,"value":2282},"买域名（你能控制的资产）",{"type":26,"tag":236,"props":2284,"children":2285},{},[2286],{"type":31,"value":2287},"绑定到托管平台（支持 HTTPS）",{"type":26,"tag":236,"props":2289,"children":2290},{},[2291],{"type":31,"value":2292},"开启自动证书（Let’s Encrypt 或平台托管）",{"type":26,"tag":27,"props":2294,"children":2295},{},[2296,2301],{"type":26,"tag":608,"props":2297,"children":2298},{},[2299],{"type":31,"value":2300},"底线",{"type":31,"value":2302},"：不要把域名绑在你无法迁出的平台上。",{"type":26,"tag":556,"props":2304,"children":2306},{"id":2305},"step-4缓存与回滚避免上线即事故",[2307],{"type":31,"value":2308},"Step 4：缓存与回滚（避免“上线即事故”）",{"type":26,"tag":27,"props":2310,"children":2311},{},[2312],{"type":31,"value":2313},"上线后常见事故：",{"type":26,"tag":232,"props":2315,"children":2316},{},[2317,2322,2327],{"type":26,"tag":236,"props":2318,"children":2319},{},[2320],{"type":31,"value":2321},"用户看到旧版本（缓存）",{"type":26,"tag":236,"props":2323,"children":2324},{},[2325],{"type":31,"value":2326},"更新后出现 404（路由/路径变更）",{"type":26,"tag":236,"props":2328,"children":2329},{},[2330],{"type":31,"value":2331},"CSS 错乱（构建产物没同步）",{"type":26,"tag":27,"props":2333,"children":2334},{},[2335],{"type":31,"value":2336},"最低配置：",{"type":26,"tag":232,"props":2338,"children":2339},{},[2340,2345,2350],{"type":26,"tag":236,"props":2341,"children":2342},{},[2343],{"type":31,"value":2344},"关键文件版本化（git 或平台版本）",{"type":26,"tag":236,"props":2346,"children":2347},{},[2348],{"type":31,"value":2349},"能回滚到上一个版本（1 次点击/1 条命令）",{"type":26,"tag":236,"props":2351,"children":2352},{},[2353],{"type":31,"value":2354},"明确缓存策略（HTML 低缓存，静态资源高缓存）",{"type":26,"tag":499,"props":2356,"children":2357},{},[],{"type":26,"tag":81,"props":2359,"children":2361},{"id":2360},"seo性能最小集不是做-seo而是别丢分",[2362],{"type":31,"value":2363},"SEO/性能最小集（不是“做 SEO”，而是“别丢分”）",{"type":26,"tag":556,"props":2365,"children":2366},{"id":788},[2367],{"type":31,"value":791},{"type":26,"tag":232,"props":2369,"children":2370},{},[2371,2376,2381,2395],{"type":26,"tag":236,"props":2372,"children":2373},{},[2374],{"type":31,"value":2375},"页面只有一个 H1，且含主关键词",{"type":26,"tag":236,"props":2377,"children":2378},{},[2379],{"type":31,"value":2380},"Title/Description 与搜索意图匹配（别写成公司 slogan）",{"type":26,"tag":236,"props":2382,"children":2383},{},[2384,2386,2393],{"type":31,"value":2385},"图片有 ",{"type":26,"tag":2387,"props":2388,"children":2390},"code",{"className":2389},[],[2391],{"type":31,"value":2392},"alt",{"type":31,"value":2394},"，链接结构清晰",{"type":26,"tag":236,"props":2396,"children":2397},{},[2398],{"type":31,"value":2399},"有站点地图/可抓取（内容站更重要）",{"type":26,"tag":27,"props":2401,"children":2402},{},[2403],{"type":31,"value":2404},"实操可以看：",{"type":26,"tag":232,"props":2406,"children":2407},{},[2408,2415],{"type":26,"tag":236,"props":2409,"children":2410},{},[2411],{"type":26,"tag":49,"props":2412,"children":2413},{"href":837},[2414],{"type":31,"value":840},{"type":26,"tag":236,"props":2416,"children":2417},{},[2418],{"type":26,"tag":49,"props":2419,"children":2420},{"href":828},[2421],{"type":31,"value":831},{"type":26,"tag":556,"props":2423,"children":2424},{"id":843},[2425],{"type":31,"value":843},{"type":26,"tag":232,"props":2427,"children":2428},{},[2429,2434,2439],{"type":26,"tag":236,"props":2430,"children":2431},{},[2432],{"type":31,"value":2433},"首屏图片压缩与懒加载",{"type":26,"tag":236,"props":2435,"children":2436},{},[2437],{"type":31,"value":2438},"避免首屏引入大量第三方脚本",{"type":26,"tag":236,"props":2440,"children":2441},{},[2442],{"type":31,"value":2443},"关注核心指标：LCP/INP/CLS",{"type":26,"tag":27,"props":2445,"children":2446},{},[2447],{"type":31,"value":819},{"type":26,"tag":232,"props":2449,"children":2450},{},[2451,2458],{"type":26,"tag":236,"props":2452,"children":2453},{},[2454],{"type":26,"tag":49,"props":2455,"children":2456},{"href":880},[2457],{"type":31,"value":883},{"type":26,"tag":236,"props":2459,"children":2460},{},[2461],{"type":26,"tag":49,"props":2462,"children":2463},{"href":871},[2464],{"type":31,"value":874},{"type":26,"tag":499,"props":2466,"children":2467},{},[],{"type":26,"tag":81,"props":2469,"children":2471},{"id":2470},"失败案例复盘上线后搜不到很慢丢线索",[2472],{"type":31,"value":2473},"失败案例复盘：上线后“搜不到/很慢/丢线索”",{"type":26,"tag":556,"props":2475,"children":2477},{"id":2476},"失败-1页面上线了但搜不到",[2478],{"type":31,"value":2479},"失败 1：页面上线了，但搜不到",{"type":26,"tag":27,"props":2481,"children":2482},{},[2483,2488],{"type":26,"tag":608,"props":2484,"children":2485},{},[2486],{"type":31,"value":2487},"信号",{"type":31,"value":2489},"：站点可以访问，但搜索引擎没有收录或排名很差。",{"type":26,"tag":27,"props":2491,"children":2492},{},[2493,2498],{"type":26,"tag":608,"props":2494,"children":2495},{},[2496],{"type":31,"value":2497},"常见根因",{"type":31,"value":918},{"type":26,"tag":232,"props":2500,"children":2501},{},[2502,2507,2512],{"type":26,"tag":236,"props":2503,"children":2504},{},[2505],{"type":31,"value":2506},"Title/Description 与意图不匹配（CTR 低）",{"type":26,"tag":236,"props":2508,"children":2509},{},[2510],{"type":31,"value":2511},"页面结构混乱，缺少语义化",{"type":26,"tag":236,"props":2513,"children":2514},{},[2515],{"type":31,"value":2516},"robots/canonical/重复页面处理不当（内容站常见）",{"type":26,"tag":27,"props":2518,"children":2519},{},[2520,2524],{"type":26,"tag":608,"props":2521,"children":2522},{},[2523],{"type":31,"value":976},{"type":31,"value":918},{"type":26,"tag":232,"props":2526,"children":2527},{},[2528,2533,2538],{"type":26,"tag":236,"props":2529,"children":2530},{},[2531],{"type":31,"value":2532},"用 1 段话写清“这页解决什么问题”并放进标题与首段",{"type":26,"tag":236,"props":2534,"children":2535},{},[2536],{"type":31,"value":2537},"修正标题层级（H1-H2-H3）",{"type":26,"tag":236,"props":2539,"children":2540},{},[2541],{"type":31,"value":2542},"在 GSC 提交并观察覆盖率",{"type":26,"tag":556,"props":2544,"children":2546},{"id":2545},"失败-2页面很慢用户还没看到就走了",[2547],{"type":31,"value":2548},"失败 2：页面很慢，用户还没看到就走了",{"type":26,"tag":27,"props":2550,"children":2551},{},[2552,2556],{"type":26,"tag":608,"props":2553,"children":2554},{},[2555],{"type":31,"value":906},{"type":31,"value":918},{"type":26,"tag":232,"props":2558,"children":2559},{},[2560,2565,2570],{"type":26,"tag":236,"props":2561,"children":2562},{},[2563],{"type":31,"value":2564},"首屏大图未压缩",{"type":26,"tag":236,"props":2566,"children":2567},{},[2568],{"type":31,"value":2569},"第三方脚本太多（统计、客服、热力图）",{"type":26,"tag":236,"props":2571,"children":2572},{},[2573],{"type":31,"value":2574},"字体加载阻塞",{"type":26,"tag":27,"props":2576,"children":2577},{},[2578,2583],{"type":26,"tag":608,"props":2579,"children":2580},{},[2581],{"type":31,"value":2582},"修复",{"type":31,"value":2584},"：先把图片和脚本处理了，通常就能改善 80%。",{"type":26,"tag":556,"props":2586,"children":2588},{"id":2587},"失败-3表单提交了但线索丢了",[2589],{"type":31,"value":2590},"失败 3：表单提交了，但线索丢了",{"type":26,"tag":27,"props":2592,"children":2593},{},[2594,2598],{"type":26,"tag":608,"props":2595,"children":2596},{},[2597],{"type":31,"value":906},{"type":31,"value":918},{"type":26,"tag":232,"props":2600,"children":2601},{},[2602,2607,2612],{"type":26,"tag":236,"props":2603,"children":2604},{},[2605],{"type":31,"value":2606},"没有失败兜底（接口失败就丢）",{"type":26,"tag":236,"props":2608,"children":2609},{},[2610],{"type":31,"value":2611},"没有通知链路（邮件/飞书/企业微信）",{"type":26,"tag":236,"props":2613,"children":2614},{},[2615],{"type":31,"value":2616},"没有防刷导致垃圾线索淹没",{"type":26,"tag":27,"props":2618,"children":2619},{},[2620,2624],{"type":26,"tag":608,"props":2621,"children":2622},{},[2623],{"type":31,"value":2582},{"type":31,"value":2625},"：把表单当“系统”，不是一个组件。",{"type":26,"tag":499,"props":2627,"children":2628},{},[],{"type":26,"tag":81,"props":2630,"children":2632},{"id":2631},"上线-checklist必交付物",[2633],{"type":31,"value":2634},"上线 Checklist（必交付物）",{"type":26,"tag":556,"props":2636,"children":2638},{"id":2637},"上线前必须",[2639],{"type":31,"value":2640},"上线前（必须）",{"type":26,"tag":232,"props":2642,"children":2644},{"className":2643},[1027],[2645,2654,2663,2672,2681,2690],{"type":26,"tag":236,"props":2646,"children":2648},{"className":2647},[1032],[2649,2652],{"type":26,"tag":1035,"props":2650,"children":2651},{"disabled":1037,"type":1038},[],{"type":31,"value":2653}," 目标明确：用户最终动作是什么（只有一个）",{"type":26,"tag":236,"props":2655,"children":2657},{"className":2656},[1032],[2658,2661],{"type":26,"tag":1035,"props":2659,"children":2660},{"disabled":1037,"type":1038},[],{"type":31,"value":2662}," 页面结构完整：Hero/价值/证据/FAQ/表单",{"type":26,"tag":236,"props":2664,"children":2666},{"className":2665},[1032],[2667,2670],{"type":26,"tag":1035,"props":2668,"children":2669},{"disabled":1037,"type":1038},[],{"type":31,"value":2671}," 移动端可用：首屏不挤、按钮可点、表单不溢出",{"type":26,"tag":236,"props":2673,"children":2675},{"className":2674},[1032],[2676,2679],{"type":26,"tag":1035,"props":2677,"children":2678},{"disabled":1037,"type":1038},[],{"type":31,"value":2680}," SEO 最小集：H1/Title/Description/图片 alt",{"type":26,"tag":236,"props":2682,"children":2684},{"className":2683},[1032],[2685,2688],{"type":26,"tag":1035,"props":2686,"children":2687},{"disabled":1037,"type":1038},[],{"type":31,"value":2689}," 性能最小集：首屏图片压缩、脚本克制",{"type":26,"tag":236,"props":2691,"children":2693},{"className":2692},[1032],[2694,2697],{"type":26,"tag":1035,"props":2695,"children":2696},{"disabled":1037,"type":1038},[],{"type":31,"value":2698}," 回滚可用：能回到上一个版本",{"type":26,"tag":556,"props":2700,"children":2702},{"id":2701},"上线后-24-小时必须",[2703],{"type":31,"value":2704},"上线后 24 小时（必须）",{"type":26,"tag":232,"props":2706,"children":2708},{"className":2707},[1027],[2709,2718,2727,2736],{"type":26,"tag":236,"props":2710,"children":2712},{"className":2711},[1032],[2713,2716],{"type":26,"tag":1035,"props":2714,"children":2715},{"disabled":1037,"type":1038},[],{"type":31,"value":2717}," 自己走一遍“提交线索”并确认通知收到",{"type":26,"tag":236,"props":2719,"children":2721},{"className":2720},[1032],[2722,2725],{"type":26,"tag":1035,"props":2723,"children":2724},{"disabled":1037,"type":1038},[],{"type":31,"value":2726}," 观察核心指标（LCP/INP/CLS 或至少首屏体验）",{"type":26,"tag":236,"props":2728,"children":2730},{"className":2729},[1032],[2731,2734],{"type":26,"tag":1035,"props":2732,"children":2733},{"disabled":1037,"type":1038},[],{"type":31,"value":2735}," GSC 提交并观察覆盖率/抓取",{"type":26,"tag":236,"props":2737,"children":2739},{"className":2738},[1032],[2740,2743],{"type":26,"tag":1035,"props":2741,"children":2742},{"disabled":1037,"type":1038},[],{"type":31,"value":2744}," 复盘用户入口（从哪个关键词来、停留多久）",{"type":26,"tag":499,"props":2746,"children":2747},{},[],{"type":26,"tag":81,"props":2749,"children":2750},{"id":1101},[2751],{"type":31,"value":1101},{"type":26,"tag":232,"props":2753,"children":2754},{},[2755,2762,2769,2776],{"type":26,"tag":236,"props":2756,"children":2757},{},[2758],{"type":26,"tag":49,"props":2759,"children":2760},{"href":1128},[2761],{"type":31,"value":1131},{"type":26,"tag":236,"props":2763,"children":2764},{},[2765],{"type":26,"tag":49,"props":2766,"children":2767},{"href":642},[2768],{"type":31,"value":645},{"type":26,"tag":236,"props":2770,"children":2771},{},[2772],{"type":26,"tag":49,"props":2773,"children":2774},{"href":1137},[2775],{"type":31,"value":1140},{"type":26,"tag":236,"props":2777,"children":2778},{},[2779],{"type":26,"tag":49,"props":2780,"children":2781},{"href":837},[2782],{"type":31,"value":840},{"title":7,"searchDepth":417,"depth":417,"links":2784},[2785,2786,2787,2793,2797,2802,2806],{"id":1941,"depth":420,"text":1944},{"id":2003,"depth":420,"text":2006},{"id":2172,"depth":420,"text":2175,"children":2788},[2789,2790,2791,2792],{"id":2178,"depth":417,"text":2181},{"id":2207,"depth":417,"text":2210},{"id":2266,"depth":417,"text":2269},{"id":2305,"depth":417,"text":2308},{"id":2360,"depth":420,"text":2363,"children":2794},[2795,2796],{"id":788,"depth":417,"text":791},{"id":843,"depth":417,"text":843},{"id":2470,"depth":420,"text":2473,"children":2798},[2799,2800,2801],{"id":2476,"depth":417,"text":2479},{"id":2545,"depth":417,"text":2548},{"id":2587,"depth":417,"text":2590},{"id":2631,"depth":420,"text":2634,"children":2803},[2804,2805],{"id":2637,"depth":417,"text":2640},{"id":2701,"depth":417,"text":2704},{"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":2811,"image":17,"imageQuery":18,"pexelsPhotoId":19,"pexelsUrl":20,"featured":6,"readingTime":21,"body":2812,"_type":428,"_id":429,"_source":430,"_file":431,"_stem":432,"_extension":433},[13,14,15,16],{"type":23,"children":2813,"toc":3113},[2814,2818,2822,2826,2850,2854,2953,2957,2961,2965,2969,2984,2988,2992,2996,3000,3015,3019,3023,3027,3031,3035,3039,3043,3047,3051,3055,3059,3063,3082,3086,3090,3094,3109],{"type":26,"tag":27,"props":2815,"children":2816},{},[2817],{"type":31,"value":32},{"type":26,"tag":27,"props":2819,"children":2820},{},[2821],{"type":31,"value":37},{"type":26,"tag":27,"props":2823,"children":2824},{},[2825],{"type":31,"value":42},{"type":26,"tag":27,"props":2827,"children":2828},{},[2829,2830,2834,2835,2839,2840,2844,2845,2849],{"type":31,"value":47},{"type":26,"tag":49,"props":2831,"children":2832},{"href":51},[2833],{"type":31,"value":54},{"type":31,"value":56},{"type":26,"tag":49,"props":2836,"children":2837},{"href":59},[2838],{"type":31,"value":62},{"type":31,"value":56},{"type":26,"tag":49,"props":2841,"children":2842},{"href":66},[2843],{"type":31,"value":69},{"type":31,"value":71},{"type":26,"tag":49,"props":2846,"children":2847},{"href":74},[2848],{"type":31,"value":77},{"type":31,"value":79},{"type":26,"tag":81,"props":2851,"children":2852},{"id":83},[2853],{"type":31,"value":86},{"type":26,"tag":88,"props":2855,"children":2856},{},[2857,2875],{"type":26,"tag":92,"props":2858,"children":2859},{},[2860],{"type":26,"tag":96,"props":2861,"children":2862},{},[2863,2867,2871],{"type":26,"tag":100,"props":2864,"children":2865},{},[2866],{"type":31,"value":104},{"type":26,"tag":100,"props":2868,"children":2869},{},[2870],{"type":31,"value":109},{"type":26,"tag":100,"props":2872,"children":2873},{},[2874],{"type":31,"value":114},{"type":26,"tag":116,"props":2876,"children":2877},{},[2878,2893,2908,2923,2938],{"type":26,"tag":96,"props":2879,"children":2880},{},[2881,2885,2889],{"type":26,"tag":123,"props":2882,"children":2883},{},[2884],{"type":31,"value":127},{"type":26,"tag":123,"props":2886,"children":2887},{},[2888],{"type":31,"value":132},{"type":26,"tag":123,"props":2890,"children":2891},{},[2892],{"type":31,"value":137},{"type":26,"tag":96,"props":2894,"children":2895},{},[2896,2900,2904],{"type":26,"tag":123,"props":2897,"children":2898},{},[2899],{"type":31,"value":145},{"type":26,"tag":123,"props":2901,"children":2902},{},[2903],{"type":31,"value":150},{"type":26,"tag":123,"props":2905,"children":2906},{},[2907],{"type":31,"value":155},{"type":26,"tag":96,"props":2909,"children":2910},{},[2911,2915,2919],{"type":26,"tag":123,"props":2912,"children":2913},{},[2914],{"type":31,"value":163},{"type":26,"tag":123,"props":2916,"children":2917},{},[2918],{"type":31,"value":168},{"type":26,"tag":123,"props":2920,"children":2921},{},[2922],{"type":31,"value":173},{"type":26,"tag":96,"props":2924,"children":2925},{},[2926,2930,2934],{"type":26,"tag":123,"props":2927,"children":2928},{},[2929],{"type":31,"value":181},{"type":26,"tag":123,"props":2931,"children":2932},{},[2933],{"type":31,"value":186},{"type":26,"tag":123,"props":2935,"children":2936},{},[2937],{"type":31,"value":191},{"type":26,"tag":96,"props":2939,"children":2940},{},[2941,2945,2949],{"type":26,"tag":123,"props":2942,"children":2943},{},[2944],{"type":31,"value":199},{"type":26,"tag":123,"props":2946,"children":2947},{},[2948],{"type":31,"value":204},{"type":26,"tag":123,"props":2950,"children":2951},{},[2952],{"type":31,"value":209},{"type":26,"tag":27,"props":2954,"children":2955},{},[2956],{"type":31,"value":214},{"type":26,"tag":81,"props":2958,"children":2959},{"id":217},[2960],{"type":31,"value":220},{"type":26,"tag":27,"props":2962,"children":2963},{},[2964],{"type":31,"value":225},{"type":26,"tag":27,"props":2966,"children":2967},{},[2968],{"type":31,"value":230},{"type":26,"tag":232,"props":2970,"children":2971},{},[2972,2976,2980],{"type":26,"tag":236,"props":2973,"children":2974},{},[2975],{"type":31,"value":240},{"type":26,"tag":236,"props":2977,"children":2978},{},[2979],{"type":31,"value":245},{"type":26,"tag":236,"props":2981,"children":2982},{},[2983],{"type":31,"value":250},{"type":26,"tag":27,"props":2985,"children":2986},{},[2987],{"type":31,"value":255},{"type":26,"tag":81,"props":2989,"children":2990},{"id":258},[2991],{"type":31,"value":261},{"type":26,"tag":27,"props":2993,"children":2994},{},[2995],{"type":31,"value":266},{"type":26,"tag":27,"props":2997,"children":2998},{},[2999],{"type":31,"value":271},{"type":26,"tag":232,"props":3001,"children":3002},{},[3003,3007,3011],{"type":26,"tag":236,"props":3004,"children":3005},{},[3006],{"type":31,"value":279},{"type":26,"tag":236,"props":3008,"children":3009},{},[3010],{"type":31,"value":284},{"type":26,"tag":236,"props":3012,"children":3013},{},[3014],{"type":31,"value":289},{"type":26,"tag":27,"props":3016,"children":3017},{},[3018],{"type":31,"value":294},{"type":26,"tag":81,"props":3020,"children":3021},{"id":297},[3022],{"type":31,"value":300},{"type":26,"tag":27,"props":3024,"children":3025},{},[3026],{"type":31,"value":305},{"type":26,"tag":27,"props":3028,"children":3029},{},[3030],{"type":31,"value":310},{"type":26,"tag":81,"props":3032,"children":3033},{"id":313},[3034],{"type":31,"value":316},{"type":26,"tag":27,"props":3036,"children":3037},{},[3038],{"type":31,"value":321},{"type":26,"tag":27,"props":3040,"children":3041},{},[3042],{"type":31,"value":326},{"type":26,"tag":81,"props":3044,"children":3045},{"id":329},[3046],{"type":31,"value":332},{"type":26,"tag":27,"props":3048,"children":3049},{},[3050],{"type":31,"value":337},{"type":26,"tag":27,"props":3052,"children":3053},{},[3054],{"type":31,"value":342},{"type":26,"tag":81,"props":3056,"children":3057},{"id":345},[3058],{"type":31,"value":345},{"type":26,"tag":27,"props":3060,"children":3061},{},[3062],{"type":31,"value":352},{"type":26,"tag":232,"props":3064,"children":3065},{},[3066,3070,3074,3078],{"type":26,"tag":236,"props":3067,"children":3068},{},[3069],{"type":31,"value":360},{"type":26,"tag":236,"props":3071,"children":3072},{},[3073],{"type":31,"value":365},{"type":26,"tag":236,"props":3075,"children":3076},{},[3077],{"type":31,"value":370},{"type":26,"tag":236,"props":3079,"children":3080},{},[3081],{"type":31,"value":375},{"type":26,"tag":27,"props":3083,"children":3084},{},[3085],{"type":31,"value":380},{"type":26,"tag":81,"props":3087,"children":3088},{"id":383},[3089],{"type":31,"value":386},{"type":26,"tag":27,"props":3091,"children":3092},{},[3093],{"type":31,"value":391},{"type":26,"tag":393,"props":3095,"children":3096},{},[3097,3101,3105],{"type":26,"tag":236,"props":3098,"children":3099},{},[3100],{"type":31,"value":400},{"type":26,"tag":236,"props":3102,"children":3103},{},[3104],{"type":31,"value":405},{"type":26,"tag":236,"props":3106,"children":3107},{},[3108],{"type":31,"value":410},{"type":26,"tag":27,"props":3110,"children":3111},{},[3112],{"type":31,"value":415},{"title":7,"searchDepth":417,"depth":417,"links":3114},[3115,3116,3117,3118,3119,3120,3121,3122],{"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},1779842393384]