Web 出海完整 SOP 流程
一句话目标:教会新手从 0 到 1 完成出海建站,挣到第一美元。
本流程覆盖 认知 → 需求 → 上站 → SEO → 支付 → 推广 → 数据 → 规模化 全链路,结构 = 8 阶段主线 + 6 大功能域深度操作指南 + 防坑速查。
说明:本文为「8 阶段主线 + 6 大功能域深度操作指南 + 防坑速查」的结构化实战手册,所有方法均可直接照搬执行。
核心心智模型 #
动手之前,先把这几条「内功」刻进脑子里。它们是决定成败的底层认知。
① 养网站防老 / 种树思维
一个网站就是一棵果树:种一棵 → 种更多 → 果园收成。水稻麦子种一次收一次,苹果荔枝种一次年年收。多上站、分散风险——「桃子不行苹果来凑,种十几种果树,每年大概率都有水果」。
② MVP 思维
最小可行产品 ≠ 半成品。它是「核心功能完整的最简版本」,目的是快速验证用户是否愿意付费,而非打磨完美。
MVP 公式(刘小排):什么人?在什么场景下?愿意花多少钱?解决什么问题?我需要多久能做出来?
③ 积木思维
像搭积木一样串联不同 API 能力组合出新价值:文本模型 + 图片模型 + 视频模型 + 音频模型。很多厉害的产品 = 串联好几个大模型 API。刻意练习:复刻榜单上的 AI 网站,学习用了哪些「积木」。
④ 门槛思维
挣到第一块钱最难,0→1 远比 1→10 难。突破门槛的标志:有真实付费用户 + 稳定访问流量 + 可持续外链。跑通 1 个站后,方法可复制到 N 个站。
⑤ 快速上站思维
新词窗口期通常只有 1–4 周,新词出现第二天即可获得排名,速度是核心竞争优势。模板化加速:沉淀个人模板,新需求只改核心功能 + 文案 + 申请 Key,一天即可上线。
4 次对话开发法:ChatGPT 生成需求文档 → v0/bolt 生成原型 → Cursor 合并到模板 → Claude Code 批量改文案/SEO。
8 阶段路线图总览 #
| 阶段 | 核心任务 | 预估耗时 | 关键交付物 |
|---|---|---|---|
| 1 认知与入门 | 理解出海本质,准备工具链 | 1 天 | 工具清单、心智模型就位 |
| 2 需求挖掘与验证 | 找有人愿意付费的需求 | 2–3 天 | 关键词清单 + ROI 评估 |
| 3 AI 编程快速上站 | 用 AI 几小时做出 MVP | 2–5 天 | 可访问、功能完整的站点 |
| 4 SEO 优化配置 | GSC 收录、TDH、外链 | 持续 | 被收录 + 排名上升 |
| 5 支付系统接入 | Stripe/Creem 收款 | 1–2 天 | 闭环收款能力 |
| 6 营销推广启动 | ProductHunt/Reddit/Twitter | 持续 | 首批种子用户 + 外链 |
| 7 数据分析迭代 | GA/GSC/Clarity 分析 | 每周 | 转化漏斗 + 优化清单 |
| 8 复盘与规模化 | 复盘 + 多站策略 | 每月 | 可复制方法论 + 矩阵 |
关键数据基准 #
核心工具速查 #
阶段 1 · 认知与入门 #
目标:理解网站出海生意本质,掌握基础工具,完成第一个网站的 MVP 上线验证。
核心认知
- 网站出海 = 需求 → 产品 → 推广 → 变现,不是「有什么技术做什么产品」,而是先找到用户需求再开发。
- MVP 优先:用最简单版本快速验证市场,确认用户是否愿意付费。
- 种树思维:果树式(年年收获)>水稻式(一次收获)。
- 海外生态优势:搜索习惯强、AI 新需求、无审核快验证、消费力强、边际成本≈0。
- 时间是魔法:坚持上站发外链;不要囤域名不上站,纯浪费钱。
入门 6 步
allintitle:关键词 看竞品数。验证:KD<30、有搜索量、有 CPC。npm create cloudflare@latest 脚手架或官方 examples);支付 Creem/Stripe/PayPal;Cloudflare 一键部署(npm run build && wrangler deploy,约 1 分钟)。验证:可访问、功能可用、支付可测。防坑清单
| 坑点 | 原因 | 正确做法 |
|---|---|---|
| 囤域名不上站 | 好域名≠好产品 | 确定需求后再买,先上站再优化 |
| MVP 做半成品 | 想做全功能再上线 | 只做核心功能的最小可用版 |
| 做高 KD 关键词 | 新手竞争不过大站 | 选 KD<30 的长尾词 |
| 国内平台买域名 | 需备案 | 用 Namecheap/Spaceship 等海外平台 |
| 做印度等低价值流量 | 广告/订阅价值极低 | 聚焦欧美发达国家 |
| 做没搜索量的词 | 用户不搜 | Semrush 确认有搜索量 |
| 忽视移动端 | 海外移动端占半壁江山 | 确保移动端体验 |
阶段 2 · 需求挖掘与验证 #
目标:找到一个有人愿意付费的需求,验证可行性。
需求来源四渠道
| 来源 | 核心逻辑 | 操作 |
|---|---|---|
| 痛点挖掘 | 自己痛点=代表一群人 | 自身卡点、身边抱怨、Reddit/Twitter 吐槽、小红书 |
| 关键词搜索 | 搜索=需求 | Google Trends 飙升词、Similarweb 生成、Google 下拉/相关搜索、AITDK 看竞品词、词根+AI 筛选 |
| 市场验证 | 做已验证需求 | 榜单产品、竞品差评(=切入机会)、Fiverr/Upwork/闲鱼服务、暗影复刻大产品 20% 核心价值 |
| 技术突破 | 新技术创造新需求 | AI 模型升级、GitHub 新开源、Huggingface 新模型、平台迁移需求 |
5 步验证法
阶段 3 · AI 编程快速上站 #
目标:用 AI 工具快速做出 MVP 并上线,实现需求验证闭环。
开发流程
npm create cloudflare@latest 脚手架或官方 examples);合并提示词:把 MVP 核心功能放进模板,风格一致,统一 globals.css。npm run build && wrangler deploy)→ 边缘上线 → 绑定自定义域名。域名邮箱用 Zoho 绑定 support@domain.com。技术选型
| 层面 | 选择 | 原因 |
|---|---|---|
| 前端框架 | TanStack Start + Tailwind CSS | 文件路由 + SSR/流式 + server functions;AI 熟悉、原生跑 Cloudflare 边缘 |
| 运行时/部署 | Cloudflare Workers | 边缘低延迟、免运维,托管+CDN+WAF 一体 |
| 数据库 | Supabase | 免费 2 项目、集成登录 |
| 支付(无海外卡) | Creem | 支持支付宝绑定 |
| 支付(有海外卡) | Stripe | 国际标准 |
| 支付(国内公司) | PayPal | 企业方案 |
阶段 4 · SEO 优化配置 #
目标:配置 SEO 基础,让网站被 Google 收录并获得排名。
详细技术步骤见下方 深度操作指南 B · SEO 优化配置(技术 SEO 检查清单 / 内容优化 / 外链建设)。此处给出主线要点:
- GSC 收录配置(必须):添加属性 → DNS 验证 → 提交 sitemap.xml → 等 24–72 小时索引。
- TDH 优化:Title 50–60 字符含关键词前置;Description 150–160 字符含 CTA;H1 每页唯一含核心词。
- 一个关键词一个页面(单域多页):一个关键词对应一个独立页面;现代 SEO 推荐单域名多页 + 主题集群内链(见 B6),「一个关键词一个域名」是早期微型站打法,仅适合想快速隔离测试独立站点的场景。
- 外链建设:一条高质量外链胜过百条垃圾外链;产品发布平台 + AI 导航站 + 社区软推 + 竞品外链复制 + 付费外链。
- 页面竞争力五步法 + 四句话原则:见深度指南。
SEO 排名因素经验权重(第三方研究,非 Google 官方口径)
| 因素 | 权重 | 优化重点 |
|---|---|---|
| 持续发布吸引人的内容 | 23% | 内容质量、搜索意图匹配 |
| 标题关键词(TDH) | 14% | Title/Description/Heading |
| 反向链接 | 13% | 外链质量、多样性 |
| 细分领域专长 | 13% | 一个关键词对应一个页面(单域多页,非一词一域名) |
| 用户参与度 | 12% | 停留、跳出、Last Click |
| 新鲜度 / 移动端 / 可信度 / 外链多样性 | 6/5/4/3% | 更新、响应式、HTTPS、锚文本多样 |
AI Overviews(AIO)与 GEO · 2026 必须关注
阶段 5 · 支付系统接入 #
目标:实现海外收款能力,打通变现闭环。详细步骤见 深度指南 D · 支付收款。
- 确定方案:Stripe(需海外/港卡,国际认可度高)/ Creem(支持支付宝,新手首选)/ PayPal(国内公司)。
- 申请账户:Creem 一晚通过(见 D3);Stripe 需香港/海外银行卡(中银香港、ZA Bank 等线上或线下开户),无港卡新手直接选 Creem(支持支付宝)或 Stripe Atlas 注册美国实体。
- 配置支付功能:订阅/一次性、参考竞品定价、测试环境跑通、配置成功/失败回调。
- 定价优化:高定价 vs 低定价、积分赠送体验「啊哈时刻」、年费折扣锚点、限时折扣、联盟分销。
防坑清单
| 坑点 | 原因 | 正确做法 |
|---|---|---|
| 申请被拒 | 功能不完整 | 上线前确保核心功能可用 |
| 审核慢 | 缺必要页面 | 提前备 Privacy Policy 和 Terms |
| 支付失败 | 测试不充分 | 正式前测试环境完整验证 |
| 邮箱不规范 | 用个人邮箱 | 配置 support@domain.com |
| 虚假内容 | 虚构评价 | 只展示真实反馈 |
阶段 6 · 营销推广启动 #
目标:获取第一批种子用户,验证需求真实性。详细 SOP 见 深度指南 E · 营销推广。
- 产品发布平台:Product Hunt(周二至周四 UTC 00:01 最佳)、Hacker News、Indie Hackers、Betalist、faizer。
- 垂直社区:Reddit(先价值后产品)、Twitter(Build in Public 故事贴)、Discord 私聊。
- 导航站与外链:提交 AI 导航站 + 买有流量的付费外链(带来 SEO + 真实付费用户)。
- 投流测试:找契合关键词,每天投几十块,前 1–2 周是学习期,关注 ROI 而非单日收益,打正后逐步加预算。
- 社媒矩阵:YouTube 演示视频(长期搜索流量)、即刻/公众号(倒逼学习、积累内容)。
阶段 7 · 数据分析迭代 #
目标:通过数据洞察用户行为,优化转化路径,提升变现效率。详细 SOP 见 深度指南 F · 数据分析。
- 基础配置:GA(上线即配)、GSC(必须收录)、Clarity(热力图/录屏)。
- 用户行为分析:转化链路 访问→登录→体验功能→付费,定位流失点。
- SEO 数据分析:TDH/alt/nofollow/robots/canonical + Semrush 看竞品外链。
- 流量质量评估:精准流量(generator 类)转化率高 vs 泛流量(free ai tools)转化率低。
- 转化率优化:放大高转化渠道、研究对标交互、加 Crisp 客服、修 Clarity 发现的 BUG。
- 留存分析:关注 7 日/30 日留存率,用户留下来收入才持续增长。
阶段 8 · 复盘与规模化 #
目标:总结经验方法论,复制成功模式,实现规模化增长。
复盘频率与内容
| 频率 | 内容 | 目的 |
|---|---|---|
| 每周 | 本周上站和数据 | 及时发现问题 |
| 每月 | 收入与经验 | 总结成功模式 |
| 每季度 | 整体进展和方向 | 调整战略 |
多站策略与规模化节奏
能力修炼
基本功(可学):找需求方法论、开发工具、SEO 技巧。内功(实战积累):判断伪需求、找付费点直觉、做减法让产品聚焦的判断力。从「会做功能」到「会做让用户付费的功能」。
深度操作指南 A · 需求挖掘与验证 #
A1 · 关键词挖掘 SOP
allintitle:"关键词" 记结果数 → KGR = 结果数/月搜索量。<0.25 蓝海(≥10 个)、0.25–1 中等、≥1 暂不处理。A2 · 词根挖掘需求 SOP(批量生成网站方向)
核心公式:前缀词根 + 话题词根 + 后缀词根 = 候选关键词/网站方向
示例:AI + Resume + Builder = AI Resume Builder;Free + QR Code + Generator = Free QR Code Generator。
- 前缀词根:AI / Auto / Batch / Bulk / Custom / Free / Instant / Mini / Online / Quick / Random / Secure / Smart…
- 话题词根:Image / PDF / Audio / Video / JSON / Resume / Invoice / Loan / Mortgage / Tax / QR Code / Password / Color / Calendar…(决定领域与 CPC)
- 后缀词根(决定工具形态):Generator/Maker/Builder(生成)、Converter/Formatter(转换)、Checker/Validator(检查)、Calculator(计算)、Editor/Cropper(编辑)、Analyzer(分析)、Summarizer/Paraphraser(文本)…
筛选标准:任务明确 + 页面可做 + 竞争低 + 有商业价值 + 合规可控。10 分制评分:搜索意图清晰 2 / 低竞争 2 / 商业价值 2 / 可快速实现 2 / 可扩展 1 / 合规低 1。8–10 优先验证,5 以下不执行。
A3 · 游戏站找词 SOP(新词/热点)
A4 · 竞品分析 SOP(2026 情报工作流)
目标:系统摸清「谁在抢同一批流量、他们强在哪、我从哪切入」。阶段 2 步骤 3 只一句话带过,这里给完整可执行的情报流程。
| CITE 对比维度 | 看什么 | 你的行动 |
|---|---|---|
| Content 内容 | 覆盖度/深度/新鲜度 | 补竞品缺的角度 |
| Intent 意图 | 页型是否匹配搜索意图 | 对齐或差异化页型 |
| Traffic 流量 | 量级与国家分布 | 优先打高价值市场 |
| External 外链 | Referring Domains / DR | 复制可复用的外链源 |
深度操作指南 B · SEO 优化配置 #
B1 · 技术 SEO 检查清单
src/routes/sitemap.xml.ts 动态生成(返回 XML),或构建脚本输出 sitemap.xml,排除 /api /admin,线上可访问返回 200。// TanStack Start 路由 head 示例(src/routes/index.tsx)
export const Route = createFileRoute('/')({
head: () => ({
title: 'AI Writing Tool - Generate Blog Posts in Minutes | YourProduct',
meta: [{ name: 'description', content: 'Generate high-quality blog posts with AI. Save hours. Try free today.' }],
links: [{ rel: 'canonical', href: 'https://www.yourproduct.com/' }],
}),
})
B2 · 内容优化指南
- 分析搜索意图:无痕搜前 10 名页面类型(工具/文章/下载/对比/列表),记录 SERP Features(精选摘要、相关提问、图片轮播)。
- 确定内容类型:交易型→工具页;信息型→教程;商业调研→对比页/alternative 页。URL 必须含关键词 slug。
- 内容创作:最少 600 字(教程/对比 1500–3000);关键词密度 2–3%,出现在 Title/H1/首段/H2/alt;H1→H2→H3 不跳级;每段首句给核心信息;≥2 个内链。
- 一个关键词一个页面:避免自相竞争;同意图两词可合并或拆不同角度;建关键词-页面对照表。
- 新鲜度维护:新内容 30 天查一次,稳定内容 90 天审,季节性旺季前 30 天更新;加「Last updated」、版本日志;排名降>5 位优先更新;改完 GSC 重新提交索引。
B2.5 · 单页 On-Page SEO 检查清单(可复制模板)
每发一个新页面,按此清单逐条过(也适用于老页面复盘)。可直接复制到表格/Notion 执行。
| 模块 | 检查项 | 标准 |
|---|---|---|
| Meta 标签 | Title | 核心词前置,50–60 字符,全站唯一 |
| Description | 含关键词+CTA,150–160 字符 | |
| Canonical / OG / hreflang | 自引用 canonical;OG 图+描述;多语言互指 | |
| 内容结构 | H1 / H2–H3 | H1 唯一含核心词;层级不跳级 |
| 字数 / 密度 | ≥600(教程 1500–3000);密度 2–3%、首段出现 | |
| 内链 / 外链 | ≥2 条上下文内链;引用权威来源(E-E-A-T) | |
| 媒体 / 富结果 | alt / 格式 | alt 自然语言含词;WebP/AVIF;设宽高防 CLS |
| 列表 / 表格 / FAQ | 结构化便于精选摘要与 AIO 抽取 | |
| 结构化数据 | Schema | 按页型部署(见 B7),Rich Results Test 校验 |
content 把按钮文案写进样式而非 HTML 正文(.btn:after{content:"Play"}),多语言则加载不同 CSS 文件;正文不被重复文案污染,密度更干净。B3 · 外链建设 SOP
B4 · AI Overviews(AIO)与 GEO 优化 · 2026 更新
背景:Google 自 2024 年起在搜索中推出 AI Overviews(生成式 AI 摘要),2026 年已出现在约 48%(Google 自述"roughly 50%")的搜索结果中,覆盖 200+ 国家、40+ 语言、约 20 亿月活。影响:被 AIO 引用 → 获得额外曝光与约 2 倍点击;未被引用 → 自然点击被压缩约 58%。
新现实(2026-08 必须知道):① Google AI Mode——独立对话式搜索界面,已破 10 亿 MAU(I/O 2026 起 Gemini 3.5 Flash 为默认模型,查询量逐季翻倍以上),93% 零点击;GSC 自 2025-06 提供 "AI Mode" 筛选维度。② 零点击化——68% 的 Google 搜索已不再点击任何网站(SparkToro/Similarweb 2026-06)。③ 被引用才是目标——仅 17% 的 AIO 引用来自自然前 10,被引用页 CTR ≈ 未引用 2×。④ 替代引擎成来源——ChatGPT(~9 亿周活)/ Gemini(~9 亿月活)/ Perplexity 已分流搜索;AI 引荐转化远高于 Google 自然(ChatGPT 15.9% vs 1.76%)。⑤ Google 2026-08 归因改进——AI Overviews/AI Mode 推出 5 项来源可见性增强:行内引用(citation 紧贴答案文字)、悬停预览(hover 看来源信息)、新闻出版商品牌展示、社媒创作者署名、追问建议;citation 更显眼 = 被引用带来的点击机会上升。⑥ Preferred Sources + 出版方可退出——用户可在 AI 答案里优先指定来源站;出版方可单独选择不被用于 AI 生成答案(区别于常规搜索收录),是否 opt-out 需结合品牌曝光权衡。⑦ 保守爬取配额默认——Google 2026-08 起新站默认"保守"爬取配额,内/外链不足会拖慢收录与 AIO 索引(见 B1)。
- 内容可被引用:每个回答段落开头给一句自包含的直接答案(RAG 最易抽取);FAQ、定义块、对比表最易被引用;把小标题写成真实问题。
- 结构化数据:FAQ、HowTo、Article、Product、Review 等 schema 提升被理解与被引用概率;无专门 AIO 标记,靠通用 schema。
- E-E-A-T:真实作者署名、About/作者页、引用权威来源、展示资质与案例,增强可信度;YMYL(医疗/金融)更严。
- 主题权威:围绕核心关键词做内容集群(支柱页 + 支撑页 + 内链),让 Google 认定你是该主题权威。
- 传统 SEO 仍是地基:AIO 基于排名与相关性抽取,TDH / 外链 / 技术 SEO 不能丢;在 GSC 用 "AI Mode" 筛选 + 6 词以上长尾正则识别 AIO 触发词,监测被引用带来的流量。
- 布局替代引擎:把内容同步到 ChatGPT/Gemini/Perplexity 可索引的来源(官方文档、GitHub、Reddit、权威站),并做品牌词矩阵,承接 AI 引荐的高意图流量。
- GEO 引用缺口分析:用 Ahrefs Brand Radar / Semrush(AI 可见性报告)找出「引用了竞品、却没引用你」的查询,按主题聚类 → 在对应页补自包含答案 + schema + 权威信号,争取被 AI 引擎换入引用。这是 2026 年最值得做的竞品情报动作(与 A4 联动)。
B5 · 多语言 / 国际化 SEO(hreflang 深度)
hreflang="x-default" 与对应语言;单数/复数、地区变体(en-us / en-gb)要一致,漏指会触发 Google 冲突警告。B6 · 内容集群与主题权威(Topic Cluster + 内链)
为什么做:Google 用「主题权威」而非单页判断可信度。围绕核心主题建支柱页(Pillar)+ 支撑页(Cluster)+ 内链,比零散发页更易拿排名,也是被 AIO 引用的前提(见 B4)。
B7 · 结构化数据(Schema)速查
作用:帮 Google 理解页面类型与实体,解锁富结果(富媒体摘要)、并提升被 AIO 引用的概率(见 B4)。用 JSON-LD 注入 <head>。
| 页面类型 | 推荐 Schema |
|---|---|
| 文章 / 博客 / 教程 | Article + Author + BreadcrumbList +(FAQ 若有问答) |
| 工具 / 产品落地页 | SoftwareApplication / Product + Offer + AggregateRating |
| FAQ 页 | FAQPage(问题直接、答案自包含) |
| 教程 / 步骤页 | HowTo(含步骤、时长、工具) |
| 对比 / 评测 | Review + Product + AggregateRating |
| 站点级 | Organization / WebSite(含 Sitelinks Searchbox) |
// FAQ JSON-LD 示例(TanStack Start 在 head 注入)
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "How to write an AI resume?",
"acceptedAnswer": { "@type": "Answer",
"text": "Use an AI resume builder to structure experience, then tailor keywords to the job." }
}]
}
B8 · 外链进阶打法(权威建设)
B3 覆盖产品发布/导航/社区/竞品复制/付费外链。要冲击高权重(DR 50+)与「被 AIO 引用」,需上数字公关与可链接资产:
| 来源 | 目标/月 | 平均 DR | 方式 |
|---|---|---|---|
| 数字公关 | 5–10 | 60+ | 数据故事 / 专家引述 |
| 内容资产 | 10–15 | 40+ | 指南 / 工具 / 原创研究 |
| 外联 | 5–8 | 50+ | 断链 / 未链接提及 |
如何不被误判为 PBN(做工具站矩阵时):PBN 的本质是"为卖外链而存在的站群"。若你用多个工具站给主站导流,务必:①每个工具站自身有真实价值与流量;②不使用完全相同模板;③不发布内容完全相同的文章;④各有独立品牌与 Logo;⑤自身外链主要来自自然真实引用;⑥每个站都能独立存活。核心原则——让每个站真正服务用户,是健康生态而非空壳站群(参考:做有用小工具自然传播,再在主站加链接)。
B9 · SERP 特性捕获(精选摘要 / PAA / 富结果)
即使 AIO 压缩了部分点击,精选摘要(Position Zero)、People Also Ask、图片/视频轮播仍是高曝光位。针对它们优化可补回流量。
深度操作指南 C · 技术部署 #
npm create cloudflare@latest my-app -- --framework=tanstack-start。C0 · 脚手架与部署配置(TanStack Start on Cloudflare)
npm create cloudflare@latest my-app -- --framework=tanstack-start → cd my-app && npm install → npm run dev 本地预览。@tanstack/react-start + @cloudflare/vite-plugin,插件顺序:cloudflare({ viteEnvironment:{ name:'ssr' } }) 在前,tanstackStart() 在后。// vite.config.ts
import { defineConfig } from 'vite'
import { tanstackStart } from '@tanstack/react-start/plugin/vite'
import { cloudflare } from '@cloudflare/vite-plugin'
import react from '@vitejs/plugin-react'
export default defineConfig({
plugins: [ cloudflare({ viteEnvironment: { name: 'ssr' } }), tanstackStart(), react() ],
})
main = "@tanstack/react-start/server-entry"、compatibility_flags = ["nodejs_compat"]、compatibility_date 设为当天。// wrangler.jsonc
{
"name": "my-app",
"compatibility_date": "YYYY-MM-DD", // 设为当天日期(Cloudflare 用它决定是否启用新运行时特性,勿写死旧日期)
"compatibility_flags": ["nodejs_compat"],
"main": "@tanstack/react-start/server-entry",
"observability": { "enabled": true }
}
npm run build && wrangler deploy(或 wrangler deploy 自动检测 TanStack Start 并生成配置)。绑定自定义域名在 Cloudflare 控制台完成。数据库可选 Cloudflare D1(边缘 SQLite)或保留 Supabase。npm create cloudflare@latest 脚手架即可。C1 · Cloudflare 全套配置
C2 · 性能优化清单(Core Web Vitals)
| 指标 | 达标 | 优化手段 |
|---|---|---|
| LCP 最大内容渲染 | < 2.5s | preload LCP 图、fetchpriority=high、WebP/AVIF、CDN、TTFB<800ms |
| INP 交互延迟 | < 200ms | 拆分长任务、requestIdleCallback、rAF 批量更新 |
| CLS 布局偏移 | < 0.1 | 图片设 width/height、font-display:swap、预留动态内容空间 |
- 图片:WebP/AVIF(
回退)、srcset 响应式、首屏 eager+high、非首屏 lazy、压缩 75–85。 - JS:代码分割(dynamic/import())、Tree Shaking、移除未用依赖、第三方脚本 async/defer、主 bundle<200KB。
- 缓存:静态 Cache-Control max-age=31536000 immutable;HTML must-revalidate;CDN 命中率>80%。
- 字体:font-display:swap、preload 关键字体、子集化(latin)、减少字重变体。
深度操作指南 D · 支付收款 #
D1 · 支付方案选择(2026 更新)
| 方式 | 类型 | 门槛 | 费率(参考,2026-08) | 适用 |
|---|---|---|---|---|
| Stripe | 直连/聚合 | 需海外/香港银行卡 | 2.9%+$0.30 | 有海外资质首选,订阅完善;可加 Stripe Tax(+0.5%) |
| Creem | MoR | 支持支付宝绑定 | ~3.9%+$0.40 | 无海外卡新手首选,审核快,欧元区友好 |
| PayPal | 钱包/直连 | 国内公司可申请 | 3.49%+$0.49 左右 | 有国内公司资质 |
| Lemon Squeezy | MoR | 无需自己处理税务 | 5%+$0.50(+1.5% 非美卡) | 已被 Stripe 收购(2024),仍正常运营、开放注册;但 changelog 自 2025-08 冻结、无新功能,Stripe 计划将其与 Stripe Managed Payments 合并(未来 12–18 个月迁移路径)。新项目可仍用,建议同时评估 Managed Payments(若国家支持)/ Paddle / Creem |
| Paddle | MoR | 无需 VAT 合规 | 5%+$0.50 | 最成熟 MoR,全球税务代管,B2B 特性全;审核偏严 |
| Dodo Payments | MoR | 门槛低 | 4%+$0.40 | 新兴 MoR,220+ 国、本地支付(UPI/SEPA/Boleto)覆盖强 |
| Polar | MoR/直连 | 门槛低 | 5%+$0.50(Pro $20/mo=3.8%+$0.40) | 开发者体验最佳,GitHub/Discord 集成、用量计费;开源友好 |
| Fungies | MoR | 门槛低 | 2% 起 | 新兴,定位 vibe-coding 极速变现;生态成熟度不及 Polar/Paddle |
D2 · Stripe 注册到提现 SOP
// Webhook 必须校验签名
const sig = request.headers['stripe-signature'];
const event = stripe.webhooks.constructEvent(request.body, sig, process.env.STRIPE_WEBHOOK_SECRET);
D3 · Creem 接入要点
- 注册 creem.io(实名认证)→ 建产品/价格 → 取 API Key + Webhook。
- 无代码收款:直接生成支付链接分享;或 API 嵌入式集成;支持订阅计费、多币种、人民币结算提现国内银行卡、自动开发票。
- 审核要点:功能完整可用、有 Privacy Policy、有 Terms of Service、禁虚假内容、配 support@domain.com(通常一晚通过)。
D4 · 定价策略指南
D5 · 风控防薅
- 审核合规自查:功能完整、Privacy/Terms 规范、清虚假内容、support@ 邮箱。
- 支付流程测试:测试环境跑通订阅创建/取消/续费/成功失败回调/退款,记日志。
- 接口安全:校验回调签名、金额校验、频率限制、IP 白名单。
- 异常监控:高频支付、同账号多设备、积分异常消耗,设预警阈值。
- 防薅机制:注册验证、积分每日/单次上限、异常冻结、退款审核。
- 定期巡检:每周查异常支付/用户,每月复盘风控。
深度操作指南 E · 营销推广 #
E1 · ProductHunt 发布 SOP
E2 · Reddit 起号 SOP
E3 · Twitter 运营 SOP
E4 · 外链平台注册清单(批量提交)
准备通用素材:Logo(512/256 PNG 透明)、截图 3–5 张、短/长描述、定价、分类标签、support@、统一注册邮箱+密码管理器。
| 类别 | 平台 |
|---|---|
| 产品发布 | Product Hunt、Betalist、faizer、Indie Hackers、Hacker News(Show HN)、Launching Next、BetaPage、SaaSHub |
| AI 导航 | There's An AI For That、Future Tools、TopAI Tools、AI Tool Hunt、Woy AI、Toolify、AITopTools、GPT Store |
| 通用目录 | Crunchbase、AlternativeTo、G2、Capterra、Sourceforge、Product Radar |
E5 · Newsletter 邮件营销 SOP
E6 · 付费广告投放(Google Ads 入门)
为什么做:SEO 是慢变量,付费广告可在验证需求/冲量期快速拿流量与数据。但广告能否投出去,取决于网站单 UV 变现效率——同词竞价时,变现效率高于同行,平台只需更少曝光即可完成你的目标,你才敢出高价、拿到更多曝光(反之"想花钱都花不出去")。顺序:先优化转化漏斗,再谈投放。
深度操作指南 F · 数据分析迭代 #
F1 · GA4 配置与分析 SOP
F2 · GSC 数据筛选指南
- 搜索查询:按点击/展示/CTR 排序,记 Top20 词;展示高 CTR 低=>优化机会。
- 低 CTR 优化:展示>100、CTR<5%、排名 Top20 → 改 Title/Description(关键词前置+修饰词+CTA),3–7 天看变化。
- 新词机会:从查询里找无专门页/长尾/问题词,评估意图与竞争,决定新建页。
- 索引覆盖率:查未索引原因(已抓取未编入=质量不足;已发现未抓取=内链不足;404/5xx/noindex),修后请求编入索引。
- 核心网页指标:LCP<2.5s、INP<200ms、CLS<0.1,用 PageSpeed Insights 验证(移动+桌面>85)。
- 外链监控:每月查新增/丢失/垃圾外链,垃圾用 Disavow Tool 拒绝(谨慎)。
F3 · 转化优化指南
F4 · 排名监测与 Looker Studio 看板
深度操作指南 G · 商业思维与规模化 #
G1 · 六条底层思维(速记)
| 思维 | 一句话 | 行动指引 |
|---|---|---|
| 养网站防老 | 种果树,年年收 | 多上站、别囤域名、长期主义 |
| MVP | 核心功能完整的最简版 | 先验证付费意愿再迭代 |
| 积木 | 串联 API 组合价值 | 复刻榜单产品学组合 |
| 门槛 | 第一块钱最难 | 跑通 1 站后再复制 |
| 快速上站 | 速度是排名 | 模板化,一天上线 |
| 复盘 | 沉淀可复制 SOP | 周/月/季复盘,复盘→改进→验证 |
G2 · 竞争分析与需求验证速查
- 需求验证五问题:什么人?什么场景?愿花多少钱?解决什么问题?多久能做出来?
- 关键词三维度:搜索量(<100 放弃)、竞争度(KD<30 新手)、商业价值(CPC>$0.5)。
- ROI 公式:(搜索量 × 付费率 0.5% × 客单价) / 开发成本;>10 优先。
- 竞争分析:看竞品流量/功能/定价/差评,差异化切入;暗影复刻大产品 20% 核心价值。
深度操作指南 H · 合规与隐私 #
H1 · 出海合规红线(必做)
H2 · 合规自查清单
| 项 | 状态 |
|---|---|
| Privacy / Terms / Refund / Pricing 页 | 必备 |
| Cookie 同意横幅(EU/UK) | 有欧盟流量必做 |
| SPF / DKIM / DMARC(发信域名) | 做邮件营销必做 |
| DMCA / 版权素材清理 | 上线前检查 |
| 税务申报路径(MoR 或自申报) | 收款前确定 |
| 支付平台禁售类目核对 | 上线前查 Stripe/Paddle/Creem Restricted List |
| 儿童数据(COPPA) | 面向 13 岁以下需父母同意,默认不收集 |
| 无障碍 WCAG 2.1 AA | 对比度/键盘/alt/表单标签(ADA 市场必做) |
| DMCA 政策页与联系方式 | 站内可查,被侵权可提下架 |
H3 · 进阶合规清单(高价值类目与特殊法规)
防坑速查表(汇总) #
认知 / 技术 / 需求
| 坑 | 正确做法 |
|---|---|
| 囤域名不上站 | 确定需求再买,买了就快速上站 |
| 国内平台买域名 | Namecheap/Spaceship 海外买,免备案 |
| 域名有黑历史 | virustotal.com 查 |
| MVP 半成品 | 核心功能完整的最简版 |
| 需求文档缺 API 信息 | 必含 KEY/示例/输入/输出 |
| Cursor 一次做太多 | 先对齐颗粒度分步执行 |
| 忽视移动端 | 海外移动端占半壁江山 |
| 做印度等低价值流量 | 聚焦欧美发达国家 |
| 追大词(free ai tools) | 找精准词(ai image to video generator) |
| 只看 SEO 等流量 | SEO+付费外链+投流+社媒组合 |
SEO / 营销
| 坑 | 正确做法 |
|---|---|
| 批量生成低质量页面 | 每页有独特价值,新站不批量上页 |
| 新站急于排名 | 持续加外链 3–4 个月 |
| 关键词堆砌 | 密度 2–3% 自然出现 |
| 只做博客页 | 按搜索意图做工具/下载/对比页 |
| 外链数量误区 | 一条高质量 > 百条垃圾 |
| 页面加载慢 | 图片压缩+CDN+代码优化 |
| 只发一次推广 | 持续发外链,记有效渠道 |
| Reddit 纯广告 | 先参与讨论自然植入 |
| 投流初期无 ROI 心态崩 | 前 1–2 周学习期,关注 ROI |
| Product Hunt 时机差 | 周二–周四 UTC 00:01 |
支付 / 数据
| 坑 | 正确做法 |
|---|---|
| Creem/Stripe 被拒 | 功能完整+Privacy+Terms+support@ |
| 无海外卡选 Stripe | 新手用 Creem(支付宝) |
| 支付未测试 | 测试环境完整跑通再上线 |
| 虚假评价 | 只展示真实反馈 |
| 定价不合理 | 研究竞品+ A/B 测试 |
| 只看数据不看行为 | 定期看 Clarity 录屏 |
| 忽视留存 | 关注 7/30 日留存率 |
| 只做一个站 | 多站分散风险,桃子不行苹果凑 |
合规 / 安全
| 坑 | 正确做法 |
|---|---|
| 无 Privacy/Terms 上线 | 四页必备,否则支付审核不过 |
| 欧盟流量无 Cookie 同意 | Cookiebot/OneTrust 弹窗 + 同意记录 |
| AI 生成代码硬编码密钥 | 密钥进环境变量,校验 Webhook 签名 |
| 用盗版图/字体/文案 | 正版或 CC0,发 DMCA 下架侵权 |
| 直连 Stripe 不报税 | 用 MoR 代管或自行申报 VAT |
附录 · 平台与工具清单 #
需求 / SEO 工具
SemrushSimilarwebGoogle TrendsAhrefs AITDK 插件instantdomainsearch.comquery.domainsvirustotal.com Google Search ConsoleGoogle Analytics 4Microsoft ClarityMoz Link ExplorerLooker StudioRich Results Test
技术 / 部署
TanStack StartTailwind CSSSupabase / D1Cloudflare Workers Cloudflare(CDN/WAF/边缘)CursorClaude Codev0Bolt LovableContext7 MCPWranglerZoho Mail / Cloudflare Email RoutingCloudflare RegistrarNamecheapSpaceship
支付 / 营销
StripeCreemPayPalProduct Hunt Hacker NewsIndie HackersBetalistReddit Twitter/XDiscordNewsletter(Kit/Beehiiv)There's An AI For ThatFuture ToolsFeatured(记者求助)
合规 / 隐私
CookiebotOneTrustIubendaDMCAGDPRSPF/DKIM/DMARC
AI 模型积木(API)
OpenRouter(文本)ChatGPTClaudeReplicate(图片) DALL·ERunway(视频)PikaElevenLabs(音频) 硅基流动(SiliconFlow)