CYAN LABS
← 返回 AI 专栏

从 CyanLabs 原型到上线再到被搜索引擎收录

记录 CyanLabs 上线前后的细节打磨,以及把网站提交给 Google 和 Bing、等到成功收录的完整过程。

#AI Agent #建站日记 #上线 #SEO #搜索引擎收录 #独立开发

建站日记的第一篇讲的是怎么把网站从零搭出来。这篇接着讲后半程,从「能跑」到「体面地上线、被搜索引擎收录」。中间隔着的,是几十个不起眼的细节,外加一点 SEO 常识。

上线前的打磨

先说结论:一个网站「能跑」和「能见人」之间,差得比想象中远。正式发布前,我主要磨了这几类东西。

双皮肤。 原来的站只有深色主题。我把颜色体系改成一套可切换的样式变量,加了日/月切换按钮,还处理了首屏闪烁的问题。浏览器会记住你上次选的主题,下次打开直接就是对的,不会先亮后暗闪一下。深浅两套皮肤下,按钮、卡片、文字的对比度都单独校准过。

中英双语。 全站加了英文版,所有文章都翻了。右上角的语言切换按当前页面路径映射,中文页切英文会到对应的英文页,不会把你扔回首页,更不会 404。

品牌细节。 字标换成了大写的 CYANLABS,favicon 用了品牌化的图形。另外给链接分享配了社交预览图,别人在微信、Telegram 里转发你的链接时,会弹出一张带品牌和标题的卡片,而不是一串光秃秃的 URL。

移动端导航。 手机上的导航最容易翻车。英文标签一排放不下,中文的四字栏目又显得突兀。最后手机端收成汉堡菜单,桌面端居中放短标签,两种语言都服帖了。

栏目命名。 四个栏目在导航、主页卡片、文章页之间的叫法统一了,中文页用「中文 + 英文」,英文页只留英文。

这些改动单独拎出来都很小,合在一起才决定一个站看起来是不是认真的。老实说,光打磨这些细节烧掉的 token,比当初搭起整站还要多。不过我把 Agent 接到了聊天软件上,随时随地都能喊它改,下班路上想到一个字距问题,发条消息就修了。看着网站一点点成型,那种感觉挺上瘾的。

买域名,部署上线

开发得差不多后,我买下了自己的域名。域名不只是网址,它让这个站从「一个项目」变成了「一个站点」。

代码部署在一个支持自动构建的静态托管平台上,每次提交代码,平台都会自动重新构建发布。所以改完内容、验证、提交、推送,几分钟后线上就是新版,不需要手动上传。更新网站变成了一件很轻的事。

让 Google 和 Bing 收录

代码上线不代表会被搜到。新站不会自己出现在搜索结果里,得主动去敲门。我做的 SEO 其实就三件事。

让爬虫找得到。 站点地图把全站页面列出来,方便引擎一次抓全。robots.txt 明确允许抓取,并指向站点地图。

让内容值得收。 每个页面有清晰的标题和描述,加了 canonical 防止多语言版本被当成重复内容,分享卡片让外链更好看。英文版本身就是 SEO,同样的内容多一个英文入口,能吃到英文搜索。

主动提交。 Google Search Console 验证所有权之后提交站点地图,再用「网址检查」请求收录。Bing 直接从 Google 一键导入,站点地图自动同步过去。

提交之后就是等。Google 会显示提交成功,但真正编入索引一般要几天到两周。新站都有这个冷静期,急不来。

最后

这次最深的感受是,AI 能把东西做出来,但「上线体面」和「被人找到」这两件事,靠的还是审美、细节和一点常识。AI 出的是草稿,把它打磨成作品的还是人。

四个栏目都在慢慢攒内容。希望这个站对路过的人有点用,也值得你多停留一会儿。

建站日记系列:缘起:一个视频和一篇旧博客 · 30 分钟原型 · 双 Agent 方法论 · 上线与收录