必须用原生HTML<table>+<caption>+<thead>/<tbody>+scope属性，不用Markdown表格（爬虫解析不稳定）也不用截图（无法索引）。<caption>写明型号名和参数类型，让LLM在引用时有上下文。Astro MDX文件中可以直接嵌入HTML，Markdown .md文件也支持内联HTML。

技术参数表规范：原生 HTML table + LLM 可直接解析结构

参数表是 B2B 产品页里最被 AI 搜索引用的内容——当工程师问 ChatGPT “CP-100离心泵的最高工作温度是多少”，AI 会扫描你的参数表并直接回答。

但如果参数表格式不对，AI 无法解析，这个引用机会就白白丢失了。

为什么不能用 Markdown 表格

Markdown 表格（| 列1 | 列2 |）的问题：

爬虫解析不稳定：不同的 Markdown 渲染器输出的 HTML 结构不同，有些输出语义化 <table>，有些输出 <div> 模拟的假表格
无语义信息：没有 <caption> 告诉爬虫这是什么表，没有 <th scope> 说明行列关系
LLM 提取效率低：RAG 系统在切片时，无结构的 Markdown 表格容易被切断，丢失上下文

截图更不行：完全无法被 Google 索引，也无法被 LLM 提取。

标准 HTML 参数表模板

单列参数表（最常用）

<table>
  <caption>CP-100 Centrifugal Pump Technical Specifications</caption>
  <thead>
    <tr>
      <th scope="col">Parameter</th>
      <th scope="col">Specification</th>
      <th scope="col">Unit</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Flow Rate</td>
      <td>5 – 120</td>
      <td>m³/h</td>
    </tr>
    <tr>
      <td>Head</td>
      <td>10 – 50</td>
      <td>m</td>
    </tr>
    <tr>
      <td>Power</td>
      <td>1.5 – 30</td>
      <td>kW</td>
    </tr>
    <tr>
      <td>Speed</td>
      <td>1450 / 2900</td>
      <td>rpm</td>
    </tr>
    <tr>
      <td>Inlet / Outlet</td>
      <td>DN25 – DN150</td>
      <td>mm</td>
    </tr>
    <tr>
      <td>Working Temperature</td>
      <td>-20 – 120</td>
      <td>°C</td>
    </tr>
    <tr>
      <td>Max Working Pressure</td>
      <td>16</td>
      <td>bar</td>
    </tr>
    <tr>
      <td>Casing Material</td>
      <td colspan="2">Cast Iron / SS316 / Duplex Steel</td>
    </tr>
    <tr>
      <td>Seal Type</td>
      <td colspan="2">Mechanical Seal (standard) / Magnetic Drive (optional)</td>
    </tr>
    <tr>
      <td>Certification</td>
      <td colspan="2">ISO 9001, CE, ATEX Zone 1/2 (optional)</td>
    </tr>
  </tbody>
</table>

多型号对比表

<table>
  <caption>CP Series Centrifugal Pumps: Model Comparison</caption>
  <thead>
    <tr>
      <th scope="col">Parameter</th>
      <th scope="col">CP-100</th>
      <th scope="col">CP-200S</th>
      <th scope="col">CP-300 HT</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">Flow Rate (m³/h)</th>
      <td>5 – 120</td>
      <td>10 – 80</td>
      <td>20 – 200</td>
    </tr>
    <tr>
      <th scope="row">Max Temperature (°C)</th>
      <td>120</td>
      <td>120</td>
      <td>200</td>
    </tr>
    <tr>
      <th scope="row">Casing Material</th>
      <td>Cast Iron</td>
      <td>SS316</td>
      <td>Duplex Steel</td>
    </tr>
    <tr>
      <th scope="row">ATEX Certified</th>
      <td>Optional</td>
      <td>Standard</td>
      <td>Standard</td>
    </tr>
  </tbody>
</table>

注意多型号对比表的不同之处：行标题用 <th scope="row"> 而不是 <td>，这让 LLM 知道每行代表一个参数维度。

`<caption>` 标签的 GEO 价值

<caption> 是参数表里最被低估的标签。

当 Perplexity 或 ChatGPT 回答 “CP-100 centrifugal pump specifications” 时，它会：

找到你的参数表
读取 <caption> 内容确认这是 CP-100 的规格
提取 <tbody> 里的数据
在回答里引用数据，并标注来源（你的网站）

没有 <caption>，AI 无法确认这张表属于哪个型号，引用概率大幅下降。

<caption> 写法规范：

[型号名] [产品名] [表格类型]
示例：
CP-100 Centrifugal Pump Technical Specifications
CP Series Centrifugal Pumps: Model Comparison
Chemical Transfer Pump Selection Criteria

选型标准表（Application 页专用）

应用场景页的参数表和 SKU 页不同——它展示的是“在这个场景里，哪些参数最重要、推荐值是什么、为什么”：

<table>
  <caption>Key Selection Criteria: Centrifugal Pump for Chemical Transfer</caption>
  <thead>
    <tr>
      <th scope="col">Parameter</th>
      <th scope="col">Recommended Specification</th>
      <th scope="col">Engineering Rationale</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Casing Material</td>
      <td>SS316, Hastelloy C-276, or PVDF</td>
      <td>Corrosion resistance for pH 1–13 media</td>
    </tr>
    <tr>
      <td>Seal Type</td>
      <td>Mechanical seal or magnetic drive</td>
      <td>Prevent hazardous chemical leakage</td>
    </tr>
    <tr>
      <td>Temperature Rating</td>
      <td>Up to 120°C (standard); 180°C (high-temp)</td>
      <td>Many chemical processes at elevated temperatures</td>
    </tr>
    <tr>
      <td>Pressure Rating</td>
      <td>≥ 10 bar</td>
      <td>Pipeline backpressure in chemical plants</td>
    </tr>
    <tr>
      <td>Certification</td>
      <td>CE + ATEX Zone 1/2</td>
      <td>Regulatory compliance in hazardous areas</td>
    </tr>
  </tbody>
</table>

在 Astro 中使用 HTML 表格

MDX 文件（.mdx）：直接嵌入 HTML，无需特殊处理。

Markdown 文件（.md）：也支持内联 HTML，但需要在 astro.config.mjs 确认 Markdown 处理器支持：

// astro.config.mjs
export default defineConfig({
  markdown: {
    remarkPlugins: [],
    rehypePlugins: [],
    // 默认支持内联 HTML，无需额外配置
  },
});

组件化封装（推荐用于 pSEO 批量生成）：

<!-- src/components/ui/SpecTable.astro -->
---
export interface Props {
  caption: string;
  headers: string[];
  rows: string[][];
}
const { caption, headers, rows } = Astro.props;
---

<table class="w-full border-collapse text-sm">
  <caption class="text-left font-semibold mb-2 text-gray-700">{caption}</caption>
  <thead>
    <tr class="bg-gray-100">
      {headers.map(h => (
        <th scope="col" class="p-3 text-left font-medium border-b">{h}</th>
      ))}
    </tr>
  </thead>
  <tbody>
    {rows.map(row => (
      <tr class="border-b hover:bg-gray-50">
        {row.map((cell, i) => (
          i === 0
            ? <th scope="row" class="p-3 text-left font-medium">{cell}</th>
            : <td class="p-3">{cell}</td>
        ))}
      </tr>
    ))}
  </tbody>
</table>

在页面里使用：

<SpecTable
  caption="CP-100 Centrifugal Pump Technical Specifications"
  headers={["Parameter", "Value", "Unit"]}
  rows={[
    ["Flow Rate", "5 – 120", "m³/h"],
    ["Head", "10 – 50", "m"],
    ["Working Temperature", "-20 – 120", "°C"],
  ]}
/>