[{"data":1,"prerenderedAt":224},["ShallowReactive",2],{"blog-design-system-docs-seo":3,"blog-prev-design-system-docs-seo":78,"blog-next-design-system-docs-seo":143},{"id":4,"title":5,"author":6,"body":7,"canonical":62,"category":63,"cover":62,"date":64,"description":65,"draft":66,"extension":67,"keywords":62,"meta":68,"navigation":69,"noindex":66,"ogImage":62,"path":70,"seo":71,"seoDescription":62,"seoTitle":62,"stem":72,"tags":73,"updated":62,"__hash__":77},"blog\u002Fblog\u002Fdesign-system-docs-seo.md","设计系统文档公开，能带来开发者流量","元析智能",{"type":8,"value":9,"toc":54},"minimark",[10,14,18,21,24,27,30,33,36,39,42,45,48,51],[11,12,13],"p",{},"设计系统文档该不该公开，很多团队在纠结，怕被抄。我的判断是公开，而且这是设计工具最便宜的一批自然流量。2025 年 12 月我们建议一个设计系统工具把组件文档从内网搬到公开域名下，四个月自然访问从每月 900 到 6900。",[15,16,17],"h2",{"id":17},"谁会搜组件文档",[11,19,20],{},"三类人：用这套系统的产品团队、想搭自己设计系统的公司、以及写代码时忘了某个组件怎么用的工程师。第三类最值钱，因为他每天都在用。",[11,22,23],{},"搜的词很具体：“按钮组件 禁用态 规范”“表单校验 提示文案 长度”“空状态 插画 尺寸”。这些词单月搜索量几十到几百，但页面数量可以很多，聚起来就是流量。",[15,25,26],{"id":26},"哪几类页面该公开",[11,28,29],{},"组件页、模式页、内容规范页，这三类公开价值最高。组件页写 API、状态、用法；模式页写“什么时候用抽屉什么时候用弹窗”这种判断；内容规范页写文案长度、语气、错误提示写法。",[11,31,32],{},"设计 token 页最难做好。它天然是表格，一屏几百行，搜索引擎能读但用户看不下去。我们给一个客户的做法是按用途拆成 6 页：颜色、间距、字号、圆角、阴影、动效，每页配一段为什么这么定的说明。拆完这 6 页的月访问加起来 1800。",[15,34,35],{"id":35},"一个反常识的发现",[11,37,38],{},"组件文档页的转化路径不是注册，是回访。用户第一次来查一个组件，不会注册。但一个月来五次之后，他会去看这个系统背后的产品是什么。所以我们在这类页面底部放的不是注册按钮，是“这套系统的设计原则”和“背后的工具”。",[11,40,41],{},"我们追踪过一个客户的数据：从组件文档进入、30 天内产生注册的用户，平均访问了 6.2 个文档页。普通博客读者是 1.4 个。",[11,43,44],{},"关键词怎么定也有讲究。组件文档不需要打“设计系统”这种大词，要打组件名加状态名。我们给一个客户的按钮页标题写成“按钮组件：尺寸、状态与禁用规范”，比原来的“Button 组件”多覆盖了三个搜索词。",[15,46,47],{"id":47},"别做的事",[11,49,50],{},"别把文档放在需要登录的地方，那等于没有。别用截图代替可复制的代码，设计师和工程师都要复制。别在文档里放产品广告位，破坏阅读节奏，代价比收益大。",[11,52,53],{},"公开文档的风险是竞品参考，但设计系统本身不是壁垒，执行速度才是。这个账我们算过很多次，结论一致。",{"title":55,"searchDepth":56,"depth":56,"links":57},"",2,[58,59,60,61],{"id":17,"depth":56,"text":17},{"id":26,"depth":56,"text":26},{"id":35,"depth":56,"text":35},{"id":47,"depth":56,"text":47},null,"技术SEO","2026-03-25","把组件库文档从内网搬到公开域名后，一个设计系统工具每月多 6000 次自然访问。哪些页面值得公开、怎么组织，以及 token 页为什么最难做好。",false,"md",{},true,"\u002Fblog\u002Fdesign-system-docs-seo",{"title":5,"description":65},"blog\u002Fdesign-system-docs-seo",[74,75,76],"设计系统","组件库","文档SEO","BSgXwt3LLTUZi1oI2vD_ECOsE9H9y8grGaOG9xSjFlQ",{"id":79,"title":80,"author":6,"body":81,"canonical":62,"category":131,"cover":62,"date":132,"description":133,"draft":66,"extension":67,"keywords":62,"meta":134,"navigation":69,"noindex":66,"ogImage":62,"path":135,"seo":136,"seoDescription":62,"seoTitle":62,"stem":137,"tags":138,"updated":62,"__hash__":142},"blog\u002Fblog\u002Fcontact-page-rebuild-review.md","联系页改版复盘：表单从九个字段砍到四个之后",{"type":8,"value":82,"toc":126},[83,86,90,93,96,99,102,105,108,111,114,117,120,123],[11,84,85],{},"2025 年 12 月我们给一个做流程管理的客户改联系页。改之前表单 9 个字段，提交率 2.1%；改之后 4 个字段，提交率 5.4%。但同一时期无效询盘从 12% 涨到 31%，这个副作用比提升更值得说。",[15,87,89],{"id":88},"改之前九个字段三屏","改之前：九个字段，三屏",[11,91,92],{},"原来的字段是：姓名、手机、邮箱、公司名、公司地址、行业、员工人数、预算范围、需求描述。移动端要滑三屏，最后一屏是\"需求描述\"的大文本框。页面上没有电话，没有微信，没有真人。",[11,94,95],{},"我们看了热力图，70% 的用户在第一屏之后离开，其中大部分停在\"公司地址\"那个字段。一个 B2B 站的联系页问地址，是想做线下拜访，但线上转化阶段问这个太早了。",[15,97,98],{"id":98},"改了什么",[11,100,101],{},"保留四个字段：姓名、手机、公司名、需求描述。手机保留是因为国内 B2B 必须电话跟进，但要加一句\"仅用于本次咨询\"。",[11,103,104],{},"删掉的五个字段不是不重要，是挪到后面。销售第一次通话时问行业和预算，比让用户自己填准确得多。",[11,106,107],{},"另外加了三个东西：一张负责人的工作照和名字，一个可预约的日历入口，一个可直接拨打的电话。这三样都是\"看得见的人\"，对转化帮助明显。",[15,109,110],{"id":110},"三周后的数据和副作用",[11,112,113],{},"提交率从 2.1% 涨到 5.4%，绝对数量从每周 9 个涨到 22 个。但无效询盘从 12% 涨到 31%，主要是同行调研和只想问价格的学生。",[11,115,116],{},"处理办法是在表单里加一个必选的\"你是\"下拉：甲方企业、渠道商、学生或个人、其他。选后两项的直接进另一个标签，销售不跟。加完这一项，无效询盘降到 19%，提交率只掉了 0.3 个百分点。",[11,118,119],{},"我们还试过把电话放在表单上方，拨打量一周涨了 14 个，但接起来一半是推销。后来把电话改成\"预约演示\"入口，接听质量明显好一些，虽然数量少了一半。",[11,121,122],{},"表单优化本质是转化问题，不是设计问题。字段删掉容易，删完怎么分层才是关键。",[11,124,125],{},"下一步我们准备把预约日历做成默认入口，表单退到第二选择。原因很简单：填表单是\"我留个联系方式等你来\"，预约是\"我选个时间我们聊\"，后者的意向度高一截。这个改动要等数据跑够两个月再定，急不得。",{"title":55,"searchDepth":56,"depth":56,"links":127},[128,129,130],{"id":88,"depth":56,"text":89},{"id":98,"depth":56,"text":98},{"id":110,"depth":56,"text":110},"内容运营","2026-03-24","2025 年 12 月我们给一个客户改联系页，字段从 9 个砍到 4 个，加了真人头像和预约入口。三周后提交率从 2.1% 涨到 5.4%，无效询盘也涨到 31%，这篇讲怎么处理这个副作用。",{},"\u002Fblog\u002Fcontact-page-rebuild-review",{"title":80,"description":133},"blog\u002Fcontact-page-rebuild-review",[139,140,141],"联系页","转化率","复盘","1C1IoQBS0NHXQurZqM2WzzzKcouVJBzLR_wktXI_Hdo",{"id":144,"title":145,"author":6,"body":146,"canonical":62,"category":212,"cover":62,"date":213,"description":214,"draft":66,"extension":67,"keywords":62,"meta":215,"navigation":69,"noindex":66,"ogImage":62,"path":216,"seo":217,"seoDescription":62,"seoTitle":62,"stem":218,"tags":219,"updated":62,"__hash__":223},"blog\u002Fblog\u002Fpost-update-first-three-things.md","算法更新后别急着改站，先做这三件事",{"type":8,"value":147,"toc":205},[148,151,155,158,161,164,168,171,174,177,181,184,187,190,193,196,199,202],[11,149,150],{},"算法更新后第一件事不是改站，是确认三件事：是不是真的更新、掉的是哪类页面、竞品有没有同样掉。这三件事没做完就动手，大概率改错方向。我们踩过这个坑，现在有固定顺序，也把判断标准写成了表。顺序错了，改得越多错得越多。",[15,152,154],{"id":153},"第一步确认是不是算法","第一步：确认是不是算法",[11,156,157],{},"看两个东西。一是同期其他站有没有波动，我们监测的同类站如果 80% 都在掉，基本可以确认是算法；只有一个站在掉，先怀疑自己。",[11,159,160],{},"二是看时间分布。算法更新通常在一两天内影响一批站，曲线是断崖式的；技术问题或改版是缓慢扩散的。",[11,162,163],{},"去年 11 月一次波动，客户坚持说是算法，我们查了 6 个同类站，只有他一个掉。最后查出来是 CDN 节点故障，服务器返回了 3 天 503。",[15,165,167],{"id":166},"第二步看掉的是哪类页面","第二步：看掉的是哪类页面",[11,169,170],{},"把掉量最大的 20 个页面拉出来，看它们的共同点：是同一个栏目？同一种内容类型？还是同一批发布时间？",[11,172,173],{},"这个分类决定后面怎么改。如果掉的是信息型文章，可能是内容质量或站点评级问题；如果掉的是产品页，可能是转化率或页面结构问题；如果掉的是新页面，可能是抓取或收录问题。",[11,175,176],{},"我们的做法是建一张表：URL、原排名、现排名、页面类型、发布时间、上次修改时间。这张表一拉，规律通常很明显。",[15,178,180],{"id":179},"第三步看竞品有没有同样掉","第三步：看竞品有没有同样掉",[11,182,183],{},"如果竞品也掉，说明是整个品类的需求或算法调整，你的站没问题，别乱改。如果竞品没掉甚至涨了，去看他们涨的是哪些页面，和你的差在哪。",[11,185,186],{},"这一步最容易被跳过，但它能省掉很多无用功。我们见过客户在竞品也掉的情况下大改站点，改完排名没回来，还把原来稳定的页面搞乱了。",[15,188,189],{"id":189},"三件事之后才动手",[11,191,192],{},"三件事做完，通常能得出一个方向：改内容、改结构、或者什么都不改只等恢复。",[11,194,195],{},"如果是内容问题，改最掉的那批页面，一次改 20%，观察两周。如果是结构问题，先修技术项，别碰内容。如果判断不了，什么都别改，观察一个月再说。",[15,197,198],{"id":198},"一个反例",[11,200,201],{},"2025 年 3 月核心更新后，一个客户第二天就把所有页面标题重写了。两周后流量又掉了 12%，因为新标题丢掉了原有的关键词。等我们介入时，已经改不回去了，只能重新做关键词映射。",[11,203,204],{},"算法更新不是考试，没有标准答案。先诊断，再动手，是我们用两年时间换来的顺序。",{"title":55,"searchDepth":56,"depth":56,"links":206},[207,208,209,210,211],{"id":153,"depth":56,"text":154},{"id":166,"depth":56,"text":167},{"id":179,"depth":56,"text":180},{"id":189,"depth":56,"text":189},{"id":198,"depth":56,"text":198},"SEO","2026-03-26","算法更新后第一件事不是改站，是确认三件事：是不是真的更新、掉的是哪类页面、竞品有没有同样掉。这三件事没做完就动手，大概率改错方向。我们踩过这个坑，写了份排查顺序，现在团队按这套顺序走，返工少了很多。",{},"\u002Fblog\u002Fpost-update-first-three-things",{"title":145,"description":214},"blog\u002Fpost-update-first-three-things",[220,221,222],"算法更新","排查流程","流量恢复","gGL-ueD8pi23VkaUlyRozGQuuvt9zdYNzI8VW3zJTMc",1794088107331]