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