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