建站学堂

主题

第 10 章 · 部署与上线：从代码到被谷歌收录 ​

本章替你解决的问题：代码在电脑上跑通了，怎么让全世界访问到、让谷歌收录你？这一章给出三段式答案：六步部署主链路（含一个必踩的大坑）、上线当天 30 分钟必做的 5 件事、以及"先首页、每周几个内页"的上站节奏。读完你能独立完成从代码到被收录的全过程，不再把网站"藏起来"。

10.1 部署主链路：六步上线与一个大坑 ​

纯静态页面的标准上线链路，Cloudflare（全球 CDN 与域名服务商）+ GitHub + Vercel 三件套（来源：卡片 01-articles-4《域名选择与 Cloudflare+Vercel 部署 SOP》）：

  1. 添加网站到 Cloudflare（选免费套餐），把注册商的 DNS 服务器改成 Cloudflare 给的地址；
  2. 开启 Automatic HTTPS Rewrites、Always Use HTTPS、Brotli 三个开关；
  3. 建一个 GitHub 私有仓库（仓库名可直接用域名），本地提交代码；
  4. 新建 Vercel Project 导入仓库，纯静态页直接 Deploy；
  5. 绑定自定义域名（在 Vercel 的 Domains 里 Add Domain），按提示到 Cloudflare 加解析：www 加 CNAME 记录（指向另一个域名的解析记录）、裸域名加 A 记录（指向服务器 IP 的解析记录）；
  6. 把 Cloudflare 的 SSL/TLS 模式从默认 Flexible 改成 Full——不改网站打不开，这是新站最常见的坑。

两个补充（来源：卡片 01-articles-4）：全新 GitHub 账号注册 Vercel 可能秒被封，发邮件找客服证明是真人可解封；用 GitHub 中转后，本地电脑是数据源头，每次提交 Vercel 自动重新部署，源码在本地和 GitHub 双备份。

10.2 平台怎么选：Cloudflare 全栈分工与成本账 ​

部署基础设施的社群共识（来源：卡片 02-daily-2《Cloudflare 全栈部署：Worker+Pages+R2 分工》）：

  • 全栈 Cloudflare 方案：Worker 放后端代码、Pages 放前端代码（新版 Worker 已能同时承载前后端，一次部署搞定）；图片放 R2（对象存储），千万别放自己服务器——加载 5 秒很伤；数据用 D1/KV。月成本可控制在几美元级别。
  • 最划算的订阅：免费 Worker 稍有流量就会因 CPU 时间不够报 1102 错误；5 美元/月的 Worker Paid 解锁 R2、Workers、KV、D1 大量额度，被社群评为"最划算的订阅"（来源：卡片 02-daily-2《每月 5 美元的 CF Worker Paid》）。
  • Vercel 的账：收费已拆成流量、CPU、函数调用等 10 个指标，流量上来账单很高，被攻击还可能产生天价账单，社群共识是逐步迁向 Cloudflare 或 VPS（来源：卡片 02-daily-2《Vercel 收费收紧后的迁移共识》）。免费额度也有隐形成本：高流量下 Image Transformation 单项一个月产生 20 多美元且难以关闭；更省的路是自购 VPS，一年 500-700 元人民币可放 20-40 个小站（来源：卡片 02-daily-2《TanStack+Cloudflare 低成本部署》）。
  • 成本曲线：起步用免费额度把基础设施成本压到接近零，流量验证后再付费，把预算留给外链和内容（来源：卡片 02-daily-2《Vercel 收费收紧后的迁移共识》）。

一个纠偏：GSC（Google Search Console，谷歌站长后台）曝光快慢与技术栈无关。只要用 SSR（Server-Side Rendering，服务端渲染：服务器把完整 HTML 直接发给浏览器和爬虫），任何框架最终输出的都是 HTML，给不给曝光取决于内容质量和权重。社群实测 Astro 写的站在谷歌的曝光比 Next.js 快不少（来源：卡片 02-daily-1《GSC 曝光快慢与技术栈无关》）。

10.3 上线当天 5 件事（约 30 分钟） ​

部署完成不等于上线结束，当天还有 5 件必做的事（来源：卡片 04-updates-1《新站上线当天必做 5 件事》）：

  1. 提交 Google Search Console：用 DNS 验证（在域名商加一条 TXT 记录）最简单；
  2. 确认"域名/sitemap.xml"能访问后，到 GSC 的"站点地图"提交；
  3. 检查"域名/robots.txt"没有 Disallow: / 全站屏蔽、且声明了 Sitemap 一行；
  4. 确认浏览器地址栏有 HTTPS 锁图标（Vercel 部署自动带）；
  5. 打开 GSC→网址检查→输入首页→请求编入索引。

为什么必须做：不做等于把网站藏起来；做了能把谷歌主动发现你的等待期从几周缩到几天。背景数据：75% 的用户不点搜索结果第 2 页，第 1 位的点击率 27.6%，第 10 位只剩 2.4%（来源：卡片 04-updates-1）。

10.4 引爬虫两条路与收录速度 ​

上线后三件事的展开（来源：卡片 01-articles-1/4《网站上线后三件事》）：

  • 加统计：到 Google Analytics（GA，谷歌的免费访问统计工具）创建媒体资源拿统计代码，放进每个 HTML 的 </body> 前（可包在 display:none 的 div 里；放页面末尾是为了不拖慢加载，统计服务故障也不影响访问）；
  • 提交 GSC：制作 sitemap 并提交；
  • 留外链引爬虫：新站被收录的速度，取决于蜘蛛光顾你留链接那个网站的频率。

引爬虫的两条路（来源：卡片 03-tutorial-2《上线第一步：sitemap+GSC+GA+两条引爬虫路》）：

  1. 去爬虫常光顾的网站发帖宣传，如 V2EX 分享创造节点、Reddit、HackerNews——介绍一定要真诚；
  2. 给自家已被收录的老网站加上新站友链——手里的网站越多，新站被收录越快。

验证某站爬虫勤不勤：谷歌搜 site:域名，时间范围选 Past hour，一小时内被抓大量新帖即为高频。效果：通过外链插队最快 1 小时被收录，慢的话一天足够；等几天还没收录，就要检查页面质量（来源：卡片 01-articles-1《上线后三件事》）。

收录卡住时手动催：GSC 后台先点 test live url（实时测试网址），再点"请求编入索引"，实测几个链接马上收录；手动提交每天限额 10 个。前提仍是内容质量——内容不行的，手动提交也不收录（来源：卡片 02-daily-1《GSC 手动提交加速收录》）。

零外链也能秒收录的极端案例：上午 10 点上线一个几乎零竞争新词的资讯站，仅两个静态页面、零外链、只提交了 GSC，当天谷歌、Bing、ChatGPT 各完成一次真实访问收录，部分地区已进谷歌首页。原理：互联网缺乏匹配新关键词的网页时，快速上线的页面因关键词匹配权重极高，无外链也能获得靠前排名（来源：卡片 02-daily-1《新站零外链秒收录实验》）。

顺带记一组跳转常识（来源：卡片 02-daily-1《301 vs 308》）：

  • 301 会把 POST 请求改成 GET，适合 SEO 页面跳转；308 保留 POST 请求体，适合 API 迁移——两者都是永久重定向状态码；
  • 老站 301 到新站，新站首周约承接三分之一曝光，竞争词需要谷歌重新考察；
  • 致命坑：有人加了一条通配符 301 规则导致路径两级跳，新站曝光暴跌到 100 左右——"新站容易废"，通配符规则要逐条验证。

10.5 上站节奏：先首页，再每周 5-10 个内页 ​

新站最容易犯的错，是一次把页面全发出去。反例（来源：卡片 02-daily-1《新站批量铺海量页面必死》）：国家（200）×语言（10）×年份（10）共 2 万页面的矩阵站，上线即全量发出会"死得很惨"；多位群友自曝踩坑——5 个多语言站里程序化 2000 页的全废。

正确节奏（来源：卡片 02-daily-1）：

  1. 先只做首页就发布，瞄准流量最大的词；
  2. 之后每周发 5-10 个内页；
  3. 观察 GSC 数据 1-2 周，验证页面质量；
  4. 验证通过再批量复制——持续增加，而非短期批量。

参照系是 neal.fun：一个网站只有十几个游戏也完全成立，第一天少量起步、保持规律上新，用持续更新喂养谷歌爬虫（来源：卡片 02-daily-2《游戏盒子上站节奏》）。

高难度词也拦不住上站。哥飞对一个 KD（Keyword Difficulty，关键词优化难度分，越高越难拿排名）90 的"URL to QR"词的完整流程：在 Claude 在线对话里直接口述需求写码，几轮对话纠正交互，部署上 Cloudflare，全程不到几小时；首页总单词数做到 1829 个，核心词在各粒度的密度分析里合理靠前；上线初期 GSC 只有几十次曝光、没有点击——这已足够验证 On Page 方向（出的词对不对），老词做新站别指望第二天起飞。心法就一句："上站应如喝水般自然"（来源：卡片 02-daily-2《KD90 的 URL to QR 新站全流程》）。

10.6 上线后的三个常识 ​

移动端优先不是口号：谷歌目前只有移动端爬虫——网站不适配移动端，PC 端也无法拿到排名。案例 slidemake.com：关键词的移动端搜索量占 57%，该站流量的移动端占 72%，两个比例一致（来源：卡片 03-tutorial-1《移动端优先：谷歌只有移动端爬虫》）。

落地页与工作台分离：wanderlog.com 未登录时首页是 /（面向搜索引擎的落地页），登录后变成 /home（用户工作台，不需要给搜索引擎看）。AI 工具站初期还可以免登录直接提供核心功能，参考 venice.ai（来源：卡片 03-tutorial-1《登录前后首页分离》、02-daily-2《KD90 的 URL to QR 新站全流程》）。

域名邮箱低成本方案（来源：卡片 02-daily-1《域名邮箱低成本方案合集》、04-updates-2《Cloudflare agentic-inbox》）：Gmail 加 Cloudflare 邮件转发，近乎零成本；Lark 免费绑 20 个域名；Zoho 年付 12 美金可扩展域名；resend 免费版一个账号绑一个域名（每月 3000 封、每天 100 封，验证码邮件够用）；Cloudflare 开源的 agentic-inbox 用一套代码管理任意多域名邮箱的收发，收信免费、发信需 Workers 5 美元/月套餐（每天 1000 封免费额度内）。

本章要点回顾 ​

  • [ ] 能独立走完六步部署，并记得把 Cloudflare 的 SSL/TLS 从 Flexible 改成 Full
  • [ ] 知道成本账：Worker Paid 5 美元/月最划算，Vercel 流量上来再迁不迟
  • [ ] 能背出上线当天 5 件事：GSC 验证→sitemap→robots.txt→HTTPS 锁→请求编入索引
  • [ ] 会用两条路引爬虫：高权重站发帖+自家老站加友链，最快 1 小时收录
  • [ ] 记住上站节奏：先首页、每周 5-10 个内页、GSC 观察 1-2 周再放量
  • [ ] 理解"上站应如喝水般自然"——KD 90 的词也先上再说

站上线了、被收录了，下一个诱人的念头是"翻译成几十种语言吃全球流量"。下一章泼一盆冷水再给一条正路：按词做语言，不按翻译做——45 种语言的惨案、三步验证法、canonical 与 robots.txt 的护栏，外加本篇 SOP 汇总。