专业审查智能体

SEO 专家

在 SEO 问题影响排名之前捕获它们

专注于技术 SEO、meta 标签、结构化数据和搜索可见性的专业 AI 智能体。 深度掌握 Next.js、React 和 WordPress——确保每个页面都针对 Google 进行优化。

SEO 专家能捕获什么

专注于影响搜索排名的 SEO 问题的专业能力

Meta 标签和元数据

缺失的标题、描述以及 Next.js App Router 中正确的元数据导出

每个页面都需要一个唯一的、描述性的标题(50-60 字符)和 meta 描述(120-160 字符)。SEO Expert 在上线前捕获缺失、重复或格式错误的元数据页面。

缺失 generateMetadata空描述重复标题

OpenGraph 和社交分享

OpenGraph 标签、Twitter Cards 和社交分享优化以提高点击率

当您的页面在 Slack、Twitter 或 LinkedIn 上分享时,需要正确的 og:title、og:description 和 og:image(1200x630px)。社交预览损坏会降低点击率。

缺失 og:image无 Twitter cards尺寸错误

规范 URL

规范 URL、尾部斜杠和防止内容重复

重复内容会稀释您的 SEO 权威性。规范 URL 告诉搜索引擎哪个版本的页面是'原版'。缺失规范标签可能导致排名分散到多个 URL。

缺失 canonical相对 URLWWW 不一致

结构化数据

用于富媒体摘要的 JSON-LD 架构 - 组织、产品、文章、常见问题

结构化数据可在搜索结果中启用富媒体摘要——星级评分、常见问题下拉菜单、产品价格。这些能显著提高搜索结果的点击率。

缺失 schema.org无效 JSON-LD属性不完整

标题层级

正确的 H1→H2→H3 结构用于内容组织和可访问性

搜索引擎使用标题结构来理解您的内容层级。每个页面应该只有一个 H1,并有逻辑性的 H2/H3 嵌套。错误的层级会让爬虫和用户都感到困惑。

多个 H1 标签跳过层级缺失 H1

图片优化

Alt 文本、next/image 使用和适当的图片 SEO 用于图片搜索

没有 alt 文本的图片对搜索引擎和屏幕阅读器是不可见的。在 Next.js 中,使用带有正确尺寸的 next/image 可以改善 Core Web Vitals 并启用自动优化。

缺失 alt 文本使用 <img> 而非 next/image无宽度/高度
10+ 内置规则

全面的 SEO 检查清单

每个 PR 都会针对这些关键 SEO 规则进行检查

Meta 描述

120-160 字符,每页唯一,富含关键词

OpenGraph 标签

og:title, og:description, og:image (1200x630)

规范 URL

绝对 URL,一致的尾部斜杠

标题层级

单个 H1,正确的 H1→H2→H3 结构

图片 Alt 文本

所有内容图片都有描述性 alt

JSON-LD 架构

组织、网站、产品、文章

Sitemap.xml

所有页面、lastModified、正确优先级

Robots.txt

允许公开访问,阻止管理后台,包含 sitemap

Next.js Image

使用 next/image,LCP 使用 priority

Server Components

避免不必要的 'use client' 以优化 SEO

高优先级| 中优先级

修复前后对比

我们捕获的真实问题

这些是每天在代码审查中被遗漏的真实 SEO 问题。 SEO 专家自动捕获它们。

缺失 Meta 描述

问题: 页面部署时没有描述——Google 显示页面内容中的随机文本

影响: 搜索结果点击率降低,用户不知道页面是关于什么的

// ❌ 问题:没有元数据导出
export default function ProductPage() {
  return <div>...</div>
}

// ✅ 修复:正确的元数据
export const metadata = {
  title: "高级小部件 | Acme Store",
  description: "高质量小部件,5 星好评。订单满 50 美元免运费。",
}

OpenGraph 图片损坏

问题: 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: "产品预览",
  }],
}

缺失规范 URL

问题: 相同内容可通过 /product 和 /product/ 访问——重复内容问题

影响: 排名分散,爬虫预算浪费,权威性稀释

// ❌ 问题:未指定 canonical
export const metadata = {
  title: "产品页面",
}

// ✅ 修复:明确的规范 URL
export const metadata = {
  title: "产品页面",
  alternates: {
    canonical: "https://example.com/product",
  },
}

缺失 JSON-LD 架构

问题: 产品页面没有结构化数据——搜索结果中没有富媒体摘要

影响: 搜索中可见度降低,有富媒体摘要的竞争对手获得更多点击

// ✅ 添加 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 中捕获这些问题—— 在它们进入生产环境并损害排名之前。

AI 搜索时代

SEO 比以往任何时候都重要

"人们现在用 ChatGPT 和 Perplexity 搜索。SEO 还重要吗?"

比以往任何时候都重要。AI 搜索工具没有自己的索引。 它们从 Google、Bing 和网络中获取数据。当 ChatGPT 回答问题时,当 Perplexity 引用来源时—— 它们展示的是在传统搜索中排名靠前的内容。

新的发现漏斗

1. 用户向 ChatGPT 提问

2. ChatGPT 搜索网络(使用 Bing)

3. 您的页面排名靠前 → ChatGPT 引用您的内容

4. 用户点击进入您的网站

AI 搜索通常只显示 1-2 个来源——而不是十个蓝色链接。 如果您不在顶部结果中,您就是不可见的。没有第二页可以滚动查看。

Perplexity

AI 驱动的搜索引擎

明确显示使用了哪些来源——这些来源按传统搜索信号排名。

带搜索的 ChatGPT

OpenAI 的搜索功能

使用 Bing 结果——您的 Bing SEO 直接影响 AI 可见性

带搜索的 Claude

Anthropic 的网络搜索

搜索网络获取最新信息——良好的 SEO 意味着在 Claude 回答中有良好的可见性

一次优化,两个发现渠道。
在 Google 排名靠前 → 被 AI 工具引用。

多框架支持

适配您的技术栈

SEO 专家理解框架特定的模式。无论您使用 Next.js App Router、 React with Helmet 还是 WordPress——它都知道实现 SEO 的正确方式。

Next.js App Router

generateMetadata、metadata 导出、sitemap.ts、robots.ts

  • 验证 page.tsx 和 layout.tsx 中的 metadata 导出
  • 检查动态路由的 generateMetadata
  • 确保 sitemap.ts 和 robots.ts 正确配置
  • 验证 next/image 使用以获得最佳性能

Next.js Pages Router

next/head、_document.tsx、getStaticProps SEO

  • 检查页面组件中的 next/head 使用
  • 验证 _document.tsx 中的基础 meta 标签
  • 确保 getStaticProps 页面中有正确的 meta 标签

React + Helmet

React Helmet Async、动态 meta 标签、SPA SEO

  • 验证路由中的 Helmet 使用
  • 检查动态 meta 标签更新
  • 确保 SSR 友好的 meta 标签处理

WordPress

Yoast/RankMath 钩子、主题 SEO、插件集成

  • 验证 Yoast SEO API 的正确使用
  • 检查 wp_head 钩子中的 meta 标签
  • 确保主题与 SEO 插件的兼容性

工作原理

1

扫描变更

分析页面组件、布局和 meta 文件

2

检查元数据

验证标题、描述、OG 标签、canonical

3

验证结构

标题层级、alt 文本、结构化数据

4

报告问题

提供可操作的修复建议和 SEO 影响评估

为什么需要专业的 SEO 智能体?

SEO 足够复杂,值得专门关注

部署前捕获

在缺失的 meta 标签、损坏的 OG 图片和架构错误进入生产环境之前发现它们

保护排名

一个缺失的 canonical 或 noindex 可能导致流量暴跌——SEO 智能体防止这种情况

提高点击率

更好的标题、描述和富媒体摘要意味着从搜索结果获得更多点击

大多数团队几周后才在 Google Search Console 中发现 SEO 问题。
SEO 专家在您的 PR 中就能捕获它们。

可扩展规则

您的 SEO,您的规则

SEO 专家自带 10+ 内置规则,但每个团队都有独特的需求。 也许您有特定的 meta 标签约定、自定义结构化数据架构, 或者超出基础范围的内部 SEO 指南。

创建您自己的自定义 SEO 规则。 编写一个 YAML 文件,定义要检查的内容,SEO 专家将在每个 PR 上执行它。 您团队的 SEO 标准变成自动化检查。

自定义 meta 长度规则

要求描述在 140-155 字符之间

特定 OG 图片尺寸

要求所有页面必须是 1200x630

必需的 JSON-LD 架构

要求所有产品页面必须有 Product 架构

了解规则如何提升 diffray 的准确性

示例:自定义规则

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 自动运行。

我们防止的 SEO 问题

40%

的页面缺失 meta 描述

25%

的图片缺少正确的 alt 文本

60%

的网站有损坏的 OG 图片

35%

新页面缺失规范 URL

每个 PR 优化每个页面

让 SEO 专家在技术 SEO 问题损害排名之前捕获它们。 免费试用 14 天,无需信用卡。

Next.js, React, WordPress
10+ SEO 规则内置
每个 PR 自动运行