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