名称: pseo-templates 描述: 创建具有动态路由的程序化SEO页面模板，包括每个页面的独特意图匹配内容、差异化标题、标题、描述和FAQ。适用于构建或重构pSEO页面模板、设置动态路由或确保每个生成的页面具有独特、有价值的内容。参数提示: “[页面类型]” 允许工具: 读取, 全局搜索, 文本搜索, Bash脚本, 编辑, 写入

pSEO页面模板

构建页面模板，通过动态路由和结构化数据渲染，大规模生成独特、意图匹配的内容。

核心原则

一个模板，多个独特页面: 模板是内容无关的外壳，用于渲染数据
无薄弱页面: 每个生成的页面必须具有实质、差异化的内容
意图匹配: 每个页面针对从其数据派生的特定搜索意图
语义HTML: 使用正确的标题层次结构、地标和元素
渐进增强: 页面无需JavaScript即可工作

实施步骤

1. 设置动态路由

使用框架的路由系统创建动态路由段：

Next.js应用路由:

app/
  [category]/
    page.tsx                    # 类别中心页面
    [slug]/
      page.tsx                  # 单个pSEO页面

Next.js页面路由:

pages/
  [category]/
    index.tsx
    [slug].tsx

使用数据层的getAllSlugs()实现generateStaticParams（应用路由）或getStaticPaths（页面路由）。

2. 设计页面模板结构

每个pSEO页面模板必须包括这些内容部分。价值优先 — 2025年12月核心更新将隐藏有用内容在填充介绍、过多广告或样板文本下的页面降权。用户的查询应在第一个可见视口内得到回答。

┌─────────────────────────────┐
│ 面包屑导航                 │
├─────────────────────────────┤
│ H1（每个页面唯一）         │
│ 关键答案 / 前置价值        │  ← 立即回答搜索意图
├─────────────────────────────┤
│ 主要内容部分               │
│ （独特主体/数据）          │
├─────────────────────────────┤
│ E-E-A-T信号                 │  ← 作者、来源、数据来源
├─────────────────────────────┤
│ FAQ部分（如适用）          │
├─────────────────────────────┤
│ 相关页面 / 内部链接        │
├─────────────────────────────┤
│ 类别中心链接               │
└─────────────────────────────┘

“满足需求”规则（谷歌2025年12月）： 如果用户从搜索结果登陆到此页面，他们应在第一屏内容中找到答案或主要价值。无填充段落、无“在当今世界…”介绍、无在真实内容前的通用文本墙。立即切入主题。

LLM提取规则： 每个标题之间的部分应是一个自包含的“答案胶囊”，包含134-167个单词，在脱离周围上下文时仍能理解。LLMs提取单独块，而非完整页面。章节标题应作为问题或主题读取，下方内容应独立完整回答它。完整LLM优化指南见pseo-llm-visibility。

3. 确保内容独特性

每个页面必须通过以下方式区分自己：

标题: 从数据字段构建，而非单一模板字符串的变量替换
H1: 可能与标题不同；应自然地包含主要关键词
元描述: 从页面特定数据生成，而非样板文本的令牌替换
主体内容: 由页面数据驱动 — 描述、统计数据、属性、比较
FAQ部分: 针对页面主题的特定问题和答案

坏例: “{城市}最佳{关键词}” 每个页面。更好: 标题融入多个数据维度（类型、位置、属性、用例）。

4. 使用结构化内容块

仅文本变化不足以避免薄弱内容标志。构建可重用的内容组件，渲染实质、数据驱动的部分：

数据表: 将结构化属性渲染为比较或规格表（如功能、规格、定价层级）
统计亮点: 将数值数据提取为视觉突出显示（如“4.8评分”、“500+评论”、“Est. 2019”）
属性分解: 将数据模型中的键值对渲染为描述性部分（不仅仅是列表）
比较网格: 如果页面涉及替代品，渲染并排比较
上下文散文: 从多个数据字段生成介绍和总结段落 — 非单一句子模板
FAQ手风琴: 渲染页面特定的Q&A对（要求: 如使用FAQPage架构，问题必须在页面上可见）
相关内容卡片: 相关页面的预览，包含标题、描述和图片

目标: 如果移除页面标题和URL，剩余内容仍应可识别为此特定主题，不与其他页面互换。

5. 实现页面组件

// pSEO页面组件的模式
export default async function Page({ params }) {
  const data = await getPageData(params.slug);

  if (!data) return notFound();

  return (
    <article>
      <Breadcrumbs category={data.category} current={data.h1} />
      <h1>{data.h1}</h1>
      <IntroSection data={data} />
      <MainContent data={data} />
      {data.faqs?.length > 0 && <FAQSection faqs={data.faqs} />}
      <RelatedPages slug={data.slug} category={data.category} />
    </article>
  );
}

6. 处理边缘案例

缺失数据: 对无数据的slug返回notFound() — 绝不渲染空页面
后备渲染: 如果使用ISR和后备，显示加载状态，而非空内容
草稿页面: 添加机制从生成中排除草稿/未完成内容
分页: 如果页面类型内容过多，实现分页，使用rel prev/next

7. 创建类别中心页面

中心页面聚合并链接到类别内的各个页面：

显示类别的所有页面的分类列表
包含类别的独特介绍段落
链接到每个子页面（如>100，则分页）
包含类别自身的元数据和架构标记

8. 添加E-E-A-T信号

谷歌的2025年更新高度重视经验、专业知识、权威性和可信度 — 即使在程序化页面上。每个pSEO模板应包括：

数据来源: 信息从何而来（引用来源、数据库、官方记录）
最后更新日期: 在页面上可见，不只在架构中。显示内容被维护。
作者或组织归属: 谁对此内容负责。程序化SEO可以是组织。
方法论注释（如适用）: “价格每日从[来源]更新”或“排名基于[标准]”
第一方证据: 如果业务有专有数据，展示它（原创研究、真实用户数据、已验证评论）

对于YMYL主题（健康、金融、公民、法律），E-E-A-T要求更严格：

作者凭证必须明确
来源必须权威（政府、医疗、法律来源）
内容必须由合格人员审核

// E-E-A-T组件模式
function ContentAttribution({ source, lastUpdated, methodology }: EEATProps) {
  return (
    <aside aria-label="内容信息">
      <p>数据来源于 {source}</p>
      <p>最后更新: <time dateTime={lastUpdated}>{formatDate(lastUpdated)}</time></p>
      {methodology && <p>方法论: {methodology}</p>}
    </aside>
  );
}

9. 大规模图像SEO

图像通常是pSEO页面的关键区分因素（产品照片、位置图像、比较视觉）。模板渲染的每个图像必须具有：

唯一替代文本: 从数据字段生成，而非通用模板。坏例: alt="产品图像"。好例: alt="{产品名称} - {颜色} {材料}, {品牌}"。
描述性文件名: 在图像URL中尽可能使用slug化数据字段（如蓝色-羊毛-毛衣-品牌.webp而非IMG_4523.jpg）
明确尺寸: width和height属性以防止CLS
懒加载: 所有视口下的图像使用loading="lazy"；LCP图像使用loading="eager"或priority
图像架构: 如果图像是页面价值的核心，在页面的JSON-LD中包含ImageObject（与pseo-schema协调）

对于无唯一图像的页面，考虑：

类别级别的占位图像（优于无图像用于OG标签）
数据驱动的视觉元素（图表、比较表）作为页面的视觉内容
完全省略og:image而非在数千个页面中使用通用占位符

模板检查清单

在认为模板完成前：

[ ] 每个生成的页面有唯一的H1，不同于其他页面
[ ] 主体内容在页面间有实质变化（非仅变量替换）
[ ] 至少存在2个结构化内容块（数据表、统计数据、属性、FAQ等）
[ ] FAQ部分渲染页面特定问题（如果数据包括FAQ）
[ ] 面包屑导航正确渲染页面的类别层次结构
[ ] 对无效slug返回notFound()
[ ] 相关页面部分链接到同一类别的其他页面
[ ] 使用语义HTML（article, section, nav, h1-h3层次结构）
[ ] generateStaticParams生成完整的slug列表
[ ] E-E-A-T信号存在：数据来源、最后更新日期、归属
[ ] 主要价值/答案在第一个视口可见（无填充介绍）
[ ] YMYL页面具有更高的可信信号（作者凭证、权威来源）

与其他技能的关系

依赖于: pseo-data（内容模型和获取）
被消费于: pseo-metadata（模板结构通知元标签放置）
协作于: pseo-linking（模板渲染链接组件）, pseo-schema（模板包括架构脚本）