专注于影响搜索排名的 SEO 问题的专业能力
缺失的标题、描述以及 Next.js App Router 中正确的元数据导出
每个页面都需要一个唯一的、描述性的标题(50-60 字符)和 meta 描述(120-160 字符)。SEO Expert 在上线前捕获缺失、重复或格式错误的元数据页面。
OpenGraph 标签、Twitter Cards 和社交分享优化以提高点击率
当您的页面在 Slack、Twitter 或 LinkedIn 上分享时,需要正确的 og:title、og:description 和 og:image(1200x630px)。社交预览损坏会降低点击率。
规范 URL、尾部斜杠和防止内容重复
重复内容会稀释您的 SEO 权威性。规范 URL 告诉搜索引擎哪个版本的页面是'原版'。缺失规范标签可能导致排名分散到多个 URL。
用于富媒体摘要的 JSON-LD 架构 - 组织、产品、文章、常见问题
结构化数据可在搜索结果中启用富媒体摘要——星级评分、常见问题下拉菜单、产品价格。这些能显著提高搜索结果的点击率。
正确的 H1→H2→H3 结构用于内容组织和可访问性
搜索引擎使用标题结构来理解您的内容层级。每个页面应该只有一个 H1,并有逻辑性的 H2/H3 嵌套。错误的层级会让爬虫和用户都感到困惑。
Alt 文本、next/image 使用和适当的图片 SEO 用于图片搜索
没有 alt 文本的图片对搜索引擎和屏幕阅读器是不可见的。在 Next.js 中,使用带有正确尺寸的 next/image 可以改善 Core Web Vitals 并启用自动优化。
每个 PR 都会针对这些关键 SEO 规则进行检查
120-160 字符,每页唯一,富含关键词
og:title, og:description, og:image (1200x630)
绝对 URL,一致的尾部斜杠
单个 H1,正确的 H1→H2→H3 结构
所有内容图片都有描述性 alt
组织、网站、产品、文章
所有页面、lastModified、正确优先级
允许公开访问,阻止管理后台,包含 sitemap
使用 next/image,LCP 使用 priority
避免不必要的 'use client' 以优化 SEO
高优先级| 中优先级
这些是每天在代码审查中被遗漏的真实 SEO 问题。 SEO 专家自动捕获它们。
问题: 页面部署时没有描述——Google 显示页面内容中的随机文本
影响: 搜索结果点击率降低,用户不知道页面是关于什么的
// ❌ 问题:没有元数据导出
export default function ProductPage() {
return <div>...</div>
}
// ✅ 修复:正确的元数据
export const metadata = {
title: "高级小部件 | Acme Store",
description: "高质量小部件,5 星好评。订单满 50 美元免运费。",
}问题: og:image URL 返回 404——分享的链接在社交媒体上显示损坏
影响: 第一印象差,分享减少,互动降低
// ❌ 问题:相对或错误的 URL
openGraph: {
images: ["/og-image.png"], // 相对 URL 会失败
}
// ✅ 修复:带尺寸的绝对 URL
openGraph: {
images: [{
url: "https://example.com/og-image.png",
width: 1200,
height: 630,
alt: "产品预览",
}],
}问题: 相同内容可通过 /product 和 /product/ 访问——重复内容问题
影响: 排名分散,爬虫预算浪费,权威性稀释
// ❌ 问题:未指定 canonical
export const metadata = {
title: "产品页面",
}
// ✅ 修复:明确的规范 URL
export const metadata = {
title: "产品页面",
alternates: {
canonical: "https://example.com/product",
},
}问题: 产品页面没有结构化数据——搜索结果中没有富媒体摘要
影响: 搜索中可见度降低,有富媒体摘要的竞争对手获得更多点击
// ✅ 添加 JSON-LD 以获得富媒体摘要
const jsonLd = {
"@context": "https://schema.org",
"@type": "Product",
name: "高级小部件",
image: "https://example.com/widget.jpg",
aggregateRating: {
"@type": "AggregateRating",
ratingValue: "4.8",
reviewCount: "127",
},
}
// 在您的组件中:
<script type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
/>SEO 专家在您的 PR 中捕获这些问题—— 在它们进入生产环境并损害排名之前。
"人们现在用 ChatGPT 和 Perplexity 搜索。SEO 还重要吗?"
比以往任何时候都重要。AI 搜索工具没有自己的索引。 它们从 Google、Bing 和网络中获取数据。当 ChatGPT 回答问题时,当 Perplexity 引用来源时—— 它们展示的是在传统搜索中排名靠前的内容。
1. 用户向 ChatGPT 提问
2. ChatGPT 搜索网络(使用 Bing)
3. 您的页面排名靠前 → ChatGPT 引用您的内容
4. 用户点击进入您的网站
AI 搜索通常只显示 1-2 个来源——而不是十个蓝色链接。 如果您不在顶部结果中,您就是不可见的。没有第二页可以滚动查看。
AI 驱动的搜索引擎
明确显示使用了哪些来源——这些来源按传统搜索信号排名。
OpenAI 的搜索功能
使用 Bing 结果——您的 Bing SEO 直接影响 AI 可见性。
Anthropic 的网络搜索
搜索网络获取最新信息——良好的 SEO 意味着在 Claude 回答中有良好的可见性。
一次优化,两个发现渠道。
在 Google 排名靠前 → 被 AI 工具引用。
SEO 专家理解框架特定的模式。无论您使用 Next.js App Router、 React with Helmet 还是 WordPress——它都知道实现 SEO 的正确方式。
generateMetadata、metadata 导出、sitemap.ts、robots.ts
next/head、_document.tsx、getStaticProps SEO
React Helmet Async、动态 meta 标签、SPA SEO
Yoast/RankMath 钩子、主题 SEO、插件集成
扫描变更
分析页面组件、布局和 meta 文件
检查元数据
验证标题、描述、OG 标签、canonical
验证结构
标题层级、alt 文本、结构化数据
报告问题
提供可操作的修复建议和 SEO 影响评估
SEO 足够复杂,值得专门关注
在缺失的 meta 标签、损坏的 OG 图片和架构错误进入生产环境之前发现它们
一个缺失的 canonical 或 noindex 可能导致流量暴跌——SEO 智能体防止这种情况
更好的标题、描述和富媒体摘要意味着从搜索结果获得更多点击
大多数团队几周后才在 Google Search Console 中发现 SEO 问题。
SEO 专家在您的 PR 中就能捕获它们。
SEO 专家自带 10+ 内置规则,但每个团队都有独特的需求。 也许您有特定的 meta 标签约定、自定义结构化数据架构, 或者超出基础范围的内部 SEO 指南。
创建您自己的自定义 SEO 规则。 编写一个 YAML 文件,定义要检查的内容,SEO 专家将在每个 PR 上执行它。 您团队的 SEO 标准变成自动化检查。
自定义 meta 长度规则
要求描述在 140-155 字符之间
特定 OG 图片尺寸
要求所有页面必须是 1200x630
必需的 JSON-LD 架构
要求所有产品页面必须有 Product 架构
rules:
- id: seo_og_image_dimensions
agent: seo
title: OG image must be 1200x630
description: |
Ensure all OpenGraph images are
exactly 1200x630 for optimal
social sharing on all platforms.
why_important: |
Wrong dimensions cause cropping
on LinkedIn, Twitter, Slack.
importance: 7
match:
file_glob:
- '**/app/**/page.tsx'
- '**/app/**/layout.tsx'
checklist:
- Find all openGraph.images configs
- Verify width is 1200, height is 630
- Flag any different dimensions
examples:
bad: |
images: [{
url: '/og.png',
width: 800,
height: 400,
}]
good: |
images: [{
url: '/og.png',
width: 1200,
height: 630,
}]
tags:
- seo
- opengraph
- social-sharing添加到 .diffray/rules/seo/——每个 PR 自动运行。
的页面缺失 meta 描述
的图片缺少正确的 alt 文本
的网站有损坏的 OG 图片
新页面缺失规范 URL