你截图中红箭头指的内容（价格 + 库存状态）是通过 Google 富媒体摘要（Rich Snippets）/结构化数据（Structured Data） 实现的。
在 WordPress + WooCommerce + Rank Math 环境下，你也可以实现同样效果。下面是完整配置步骤：

🚀 实现目标

在 Google 搜索结果中显示：

$570.00 · In stock

✅ 步骤一：确保 WooCommerce 产品启用结构化数据

WooCommerce 默认会为每个产品生成 Product schema，其中包括：

• 产品名称（name）
• SKU
• 价格（price）
• 库存状态（availability）
• 图片
• 品牌（brand）

📍检查方法：

1. 打开你的产品详情页（例如 https://yourdomain.com/product/hima-f7130a/）
2. 在浏览器打开 Google Rich Results Test
3. 输入该产品链接 → 点击“测试”
4. 看看是否检测到：

   @type: Product
   price: 570.00
   availability: InStock
   

   ✅ 如果有这些字段，说明你的结构化数据已生效。

✅ 步骤二：在 Rank Math 中启用产品 Schema

1. 后台 → Rank Math → Titles & Meta → Products（产品）
2. 确保已启用：
   • Schema Type: Product
   • “Automatically Generate Schema” 已打开
3. 点击“编辑单个产品”时，Rank Math 面板中应自动显示 “Product Schema” 部分。

📌 建议手动确认以下字段：

• Product Name ✅
• SKU ✅
• Description ✅
• Offer → Price、Currency、Availability ✅
• Brand ✅（可手动填写“HIMA”）

✅ 步骤三：确保 WooCommerce 提供价格与库存

Google 只会在搜索结果中显示价格与库存，如果：

• 产品价格是可见的（非“询价”或空值）；
• 库存状态是“有库存”或“无库存”；
• 页面可被索引（非 noindex 状态）；
• 页面 schema 标注正确。

📍检查 WooCommerce 设置：

• 产品编辑页 → 库存 → “库存状态”必须选择“有库存”
• 价格字段填写完整（常规价、促销价都可）

✅ 步骤四：提交给 Google 索引

1. 在 Google Search Console 提交该产品 URL
2. 等待 Google 重新抓取（可能需几天）
3. 可在 “增强功能 → 产品” 部分查看结构化数据检测情况。

✅ 可选增强（让显示更快更全）

🧩 方法 1：使用 Rank Math PRO 自定义 Schema

Rank Math Pro 可在 Schema Builder 中自定义：

"offers": {
  "@type": "Offer",
  "priceCurrency": "USD",
  "price": "570.00",
  "availability": "https://schema.org/InStock"
}

保存后立即生效。

🧩 方法 2：手动添加 JSON-LD 代码（如果想精确控制）

在子主题的 functions.php 或代码片段插件中加入：

add_action('wp_head', function() {
  if (is_product()) {
    global $product;
    echo '<script type="application/ld+json">' . json_encode([
      "@context" => "https://schema.org/",
      "@type" => "Product",
      "name" => $product->get_name(),
      "image" => wp_get_attachment_url($product->get_image_id()),
      "sku" => $product->get_sku(),
      "brand" => ["@type" => "Brand", "name" => "HIMA"],
      "offers" => [
        "@type" => "Offer",
        "priceCurrency" => get_woocommerce_currency(),
        "price" => $product->get_price(),
        "availability" => $product->is_in_stock() ? "https://schema.org/InStock" : "https://schema.org/OutOfStock",
        "url" => get_permalink($product->get_id())
      ]
    ], JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) . '</script>';
  }
});

🧩 方法 3：检查 Rank Math + WooCommerce 集成

Rank Math 有一个专门的 WooCommerce 模块：

进入后台：

Rank Math → Dashboard → Modules
确保 WooCommerce 模块已启用 ✅

✅ 最终检查

1. 产品页打开 → 右键“查看源代码” → 搜索 "@type": "Product"
2. 应能看到包含 price 与 availability 的 JSON-LD 数据。
3. 用 Google Rich Results Test 验证。

💡 注意

• Google 是否展示价格/库存由其算法决定，即便数据正确，也可能不会马上显示。
• 保持网站信任度高（HTTPS、无重复内容、产品详情完整），可加速展示。

如果你愿意，我可以帮你生成一段 适配 Rank Math + WooCommerce 的 JSON-LD schema 模板，自动根据产品动态输出价格和库存。是否需要我帮你生成这段代码？