On-Page SEO 基础

产品上线了，但没人能搜到你。这是很多独立开发者的困境。

SEO（搜索引擎优化）听起来很玄乎，但核心逻辑很简单：让 Google 知道你的网站存在，理解你的内容是关于什么的，然后在用户搜索相关词的时候把你推荐出来。

这一章讲 On-Page SEO——你能在自己网站上控制的优化。外链建设会在下一章详细讲。

为什么要做 SEO

付费广告停了就没流量，SEO 是免费的持续流量。

数据显示，超过 50% 的网站流量来自搜索引擎。如果你的产品能在某个关键词上排到前三，每天都有免费的精准用户进来。

对于没有营销预算的独立开发者来说，SEO 是最划算的增长渠道之一。它需要时间，但回报是长期的、复利的。

技术 SEO：让 Google 能爬到你

技术 SEO 是基础中的基础。如果 Google 的爬虫都无法正常访问你的网站，后面的一切都没意义。

好消息是，如果你用 Next.js + Vercel 这套组合，很多技术 SEO 问题已经自动帮你解决了。但还是要检查几个关键点。

网站速度

Google 明确把页面加载速度作为排名因素。用 PageSpeed Insights 测一下你的网站。如果评分低于 80，需要优化。

常见的优化方法包括：压缩图片（用 WebP 格式）、启用懒加载、使用 CDN、减少首屏加载的 JavaScript。

移动端适配

超过 60% 的搜索来自手机。Google 使用"移动优先索引"，意思是它主要看你网站的移动版本。确保你的网站在手机上能正常显示和操作。

常见问题：按钮太小点不到、文字太小看不清、横向滚动条、弹窗挡住整个屏幕。这些都会影响移动端体验和 SEO 排名。

HTTPS

必须用 HTTPS，不用的话 Google 会降权，而且 Chrome 会给用户显示"不安全"警告。如果你用 Vercel，它自动帮你配置 HTTPS。

Sitemap 和 robots.txt

网站地图（sitemap.xml）：这个文件列出你网站所有页面的 URL，帮助 Google 发现你的全部内容。Next.js 可以用 next-sitemap 这个库自动生成。

robots.txt：这个文件告诉搜索引擎哪些页面可以爬，哪些不可以。确保你没有不小心屏蔽掉重要页面。

Google Search Console：必装工具

Google Search Console 是免费的，也是做 SEO 必须要用的工具。

它能告诉你：你的网站在 Google 搜索结果里的表现——哪些关键词带来了点击，排名第几，点击率多少。还能告诉你 Google 爬虫在访问你网站时遇到了什么问题——页面是否被正确索引，有没有 404 错误，有没有移动端问题。

设置方法：去 Google Search Console 官网，用 Google 账号登录，添加你的网站，然后按照提示验证所有权。最常用的验证方式是添加一条 DNS 记录。

设置完成后，提交你的 sitemap.xml。然后等几天，Google 开始爬取你的网站后，你就能在 Search Console 里看到数据了。

页面元素优化：H1、Title、Description

这是 On-Page SEO 最核心的部分。每个页面都需要优化这几个元素。

Title 标签

Title 标签是搜索结果里显示的蓝色链接文字。它是用户决定要不要点击的关键因素。

好的 Title 应该：包含你想排名的关键词，放在靠前的位置。对用户有吸引力，让人想点进去看。长度控制在 50-60 个字符（太长会被截断）。

"AI 视频生成工具 - 3 秒生成短视频 | Sorasy" 比 "Sorasy - 首页" 好得多。前者包含了关键词"AI 视频生成工具"，还有具体的卖点"3 秒生成"。

Meta Description

这是搜索结果里标题下面那段灰色文字。虽然 Google 说它不是排名因素，但好的 description 能提高点击率。

Description 应该：简洁描述页面内容。包含关键词（会被加粗显示）。有行动号召，引导用户点击。长度控制在 120-160 个字符。

H1 标题

H1 是页面的主标题，告诉 Google 这个页面的核心主题是什么。每个页面应该只有一个 H1。

H1 应该包含页面的核心关键词，但不需要和 Title 完全一样。H1 可以更长、更具体。

页面里其他的小标题用 H2、H3，形成清晰的层级结构。这个层级结构帮助 Google 理解你的内容组织。

URL 结构

URL 也是一个 SEO 信号。好的 URL 应该简短、描述性强、包含关键词。

避免使用无意义的参数和数字。用连字符分隔单词而不是下划线。保持 URL 小写。

在 Next.js 里，URL 结构由你的文件夹和文件名决定。pages/ai-video-generator.tsx 会自动变成 /ai-video-generator 这个 URL。

内容质量：Google 最看重的东西

Google 的算法越来越聪明，它能判断你的内容是否真正有价值，还是只是为了 SEO 而写的垃圾。

Google 用 E-E-A-T（Experience, Expertise, Authoritativeness, Trustworthiness）来评估内容质量。这意味着：

写你真正懂的领域。如果你是开发者，写开发相关的内容会比写医疗建议更可信。

分享真实经验。"我用这个工具三个月的实际体验"比"这个工具的五大优点"更有价值。

提供独特视角。不要抄别人的内容或者让 AI 随便生成。写出只有你能写的东西。

AI 时代，内容变得泛滥。但真正有洞见的、解决实际问题的内容反而更稀缺了。这对独立开发者其实是好事——你有真实的产品经验，这是 AI 生成内容做不到的。

内部链接

很多人只关注外链，但内部链接也很重要。

内部链接是你网站内部页面之间的链接。好的内部链接结构可以：帮助 Google 发现你的所有页面。传递页面权重（从首页到内页）。帮助用户导航。

简单的做法：在写新内容时，自然地链接到你网站的其他相关页面。确保你网站的重要页面不要埋得太深——从首页点击两三次就应该能到达任何重要页面。

图片优化

图片也需要优化。Google 的图片搜索是一个重要的流量来源。

Alt 文本：每张图片都应该有 alt 属性，描述图片内容。这不仅帮助 SEO，也帮助视障用户理解图片。

文件名：用描述性的文件名而不是 IMG_12345.jpg。比如 ai-video-generator-screenshot.webp。

文件大小：压缩图片，用 WebP 格式。大图片会拖慢页面加载速度。

免费 SEO 工具推荐

做 SEO 不需要花很多钱买工具。以下是一些免费或有免费额度的工具。

Google Search Console：必装，直接看 Google 怎么看你的网站。

Google PageSpeed Insights：测试页面加载速度，给出优化建议。

Screaming Frog SEO Spider：免费版可以爬取 500 个页面，找出网站的技术问题。比如断链、缺失的 meta 标签、重复内容。

GTmetrix：分析页面加载性能，包括 Core Web Vitals。

Ubersuggest：有限免费的关键词研究工具，可以看关键词搜索量和竞争程度。

SEO 是长期游戏

最后提醒一点：SEO 是长期的事情。

不要期望今天做了优化，明天就有排名。Google 的算法需要时间来爬取你的网站、理解你的内容、评估你的权威性。通常需要几个月甚至更长时间才能看到效果。

也不要追逐那些"黑帽 SEO"技巧——关键词堆砌、隐藏文字、重复内容。Google 的算法越来越聪明，这些技巧短期可能有效，长期会被惩罚。

做好 On-Page SEO 的核心就是：让每个页面都有清晰的主题，用正确的方式告诉 Google 这个页面是关于什么的，然后提供真正有价值的内容。

---

下一章专门讲外链建设——目录提交、Guest Post、HARO 这些独立开发者能用的低成本获取外链的方法。