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