Skip to content

02 · SEO 优化

生成页面 Meta 标签

为以下页面生成完整的 SEO meta 标签:

页面:课程详情页
课程名:《用 Claude Code 做副业和一人公司》
描述:讲师大齐,面向想用 AI 做出东西的人
价格:199 元

要生成的内容:
1. <title> 标签(< 60 字符,包含关键词)
2. meta description(< 160 字符,有行动引导)
3. Open Graph 标签(分享到微信/微博时显示的内容)
4. Twitter Card 标签
5. 结构化数据(JSON-LD,Course schema)

输出 HTML 代码,可直接放进 <head>。

批量生成内容页 Meta

我有 8 门课程,帮我批量生成 meta description:

课程列表(名称 + 一句话描述):
1. Claude Code 做开发 — 代码生成、重构、调试的实战工作流
2. Claude Code 做测试 — 从 0 到 80% 测试覆盖率
3. ...(列出所有课程)

要求:
- 每条 120-155 字符
- 包含课程的核心关键词
- 有行动引导(「学完你能……」)
- 风格统一

关键词分析

分析以下关键词,为我的课程平台做 SEO 策略:

核心关键词:Claude Code 教程、AI 副业工具、AI 一人公司

请从以下维度分析:
1. 相关长尾关键词挖掘(推测搜索量梯度)
2. 内容缺口:哪些关键词竞争少但价值高
3. 内容日历建议:按照关键词规划 12 篇文章主题
4. 站内 SEO 优化重点(哪些页面要优先优化)

实现 Next.js 动态 Meta

为 Next.js 14(App Router)的课程详情页实现动态 Meta:

文件:/src/app/courses/[id]/page.tsx

要求:
1. generateMetadata 函数从数据库读取课程信息
2. 生成 title、description、openGraph、twitter 标签
3. 如果课程未发布(或不存在),返回 noindex
4. 为课程生成 JSON-LD 的 Course 结构化数据

读 /src/db/queries/courses.ts 了解现有的数据库查询。

生成 Sitemap

为 Next.js 14 项目实现自动 Sitemap:

/src/app/sitemap.ts,包含:
- 静态页面:首页、关于、所有分类页
- 动态页面:所有已发布课程(从数据库读)
- 优先级设置:首页 1.0,课程页 0.8,博客 0.6
- 更新频率:首页 daily,课程页 weekly

读 /src/db/queries/ 了解现有查询函数。

大齐 AI 课堂 · 程序员的 Agent 开发课