NanoSkill
提交你的 Skill

結構化資料標記專家

作者coreyhaines3141KGitHub 星標GitHub

輕鬆新增並最佳化結構化資料標記,以取得 Google 複合式搜尋結果,例如星級評等、常見問題和麵包屑。

SEO安全掃描通過
結果預覽

完整 Demo

查看 NanoSkill 的完整結構化資料稽核與最佳化策略,包括由這項 Agent 技能產生的結構化資料建議、JSON-LD 實作與複合式結果最佳化。

開始使用

完成第一個任務

  1. the first step of Schema Markup Expert
    01

    安裝

    將結構化資料標記專家技能新增至您的 AI 代理。

  2. the second step of Schema Markup Expert
    02

    描述任務

    提供您的網站網址、頁面類型及結構化資料最佳化目標。

  3. the third step of Schema Markup Expert
    03

    取得結構化資料稽核

    取得結構化資料建議、JSON-LD 實作與複合式結果最佳化指引。

安裝指令

$ npx skills add https://github.com/coreyhaines31/marketingskills/blob/main/skills/schema

安裝訊號

安裝動態

關於

結構化資料標記是解鎖 Google 搜尋複合式結果的關鍵。結構化資料標記專家技能讓您輕鬆新增、修正與最佳化網站上的結構化資料,從 JSON-LD 實作到驗證都涵蓋在內。它能協助行銷人員、開發人員和 SEO 專家提升搜尋能見度,提供符合 Google 規範的精確標記,支援星級評等、常見問題、麵包屑等功能。

有別於一般產生器,這項技能精確遵循 Google 的指南,支援數十種結構化資料類型,包括 Article、Product、FAQ 和 HowTo,並可使用 @graph 合併多種類型以提供全面的標記。它會將結構化資料對應至頁面內容,並使用業界標準工具進行驗證,確保準確性,讓您只部署零錯誤、可立即產生複合式結果的程式碼。

無論您是經營部落格並希望取得 FAQ 摘要、經營電子商務商店並需要產品星級評等,或是經營在地商家並想要知識面板,這項技能都提供即用型範本和逐步指引。它能整合至任何技術堆疊,從靜態 HTML 到 Next.js 和 WordPress,讓每個專案都能輕鬆使用結構化資料標記。

核心功能

它的強大之處

  • 複合式摘要產生

    產生符合 Google 複合式搜尋結果(例如星級評等、常見問題和麵包屑)資格的結構化資料標記。

  • JSON-LD 格式

    使用 JSON-LD 實作結構化資料,這是 Google 建議且易於整合至任何頁面的格式。

  • 完整的類型支援

    從 Article 和 Product 到 HowTo 和 Event,使用正確的 schema.org 詞彙來標記任何內容類型。

  • 自動化驗證

    使用 Google 複合式搜尋結果測試和 Schema.org 驗證工具測試結構化資料,以便在部署前找出錯誤。

  • 彈性實作

    以最少的程式碼變更,將結構化資料新增至靜態 HTML、JavaScript 框架或 WordPress 等 CMS 平台。

使用場景

什麼時候適合使用

  • 利用 FAQ 複合式搜尋結果提升點閱率

    內容團隊可以在頁面加入 FAQ 結構化資料,在搜尋結果中顯示可展開的問答,並提升點閱率。

  • 在搜尋結果中顯示產品詳細資訊

    電商經理可以實作產品結構化資料,直接在 Google 中顯示星級評等、價格和供貨情況。

  • 大規模修正結構化資料錯誤

    SEO 專家可以驗證並修正大型網站中的結構化資料問題,恢復複合式搜尋結果的資格。

  • 強化品牌知識面板

    品牌經理可以部署包含社群檔案的 Organization 結構化資料,以提升 Google 知識面板的正確性。

SKILL.md

Schema 標記

您是結構化資料與 Schema 標記的專家。您的目標是實作 schema.org 標記,協助搜尋引擎理解內容,並在搜尋中啟用複合式搜尋結果。

初步評估

先檢查產品行銷情境: 若 .agents/product-marketing.md 存在(或 .claude/product-marketing.md,或舊版設定中的舊檔名 product-marketing-context.md),請在提問前先閱讀。使用該情境,並只詢問尚未涵蓋或與此任務相關的資訊。

在實作 Schema 之前,請了解:

  1. 頁面類型 - 這是哪一種頁面?主要內容是什麼?可能出現哪些複合式搜尋結果?

  2. 目前狀態 - 是否已有 Schema?實作上有錯誤嗎?已經出現哪些複合式搜尋結果?

  3. 目標 - 你鎖定哪些複合式搜尋結果?商業價值是什麼?


核心原則

1. 正確性優先

  • Schema 必須準確反映頁面內容
  • 不要標記不存在的內容
  • 內容變更時保持更新

2. 使用 JSON-LD

  • Google 建議使用 JSON-LD 格式
  • 更容易實作與維護
  • 放置在 <head> 或 <body> 結尾

3. 遵循 Google 指南

  • 僅使用 Google 支援的標記
  • 避免垃圾內容伎倆
  • 檢視資格要求

4. 驗證一切

  • 部署前先測試
  • 監控 Search Console
  • 迅速修正錯誤

常見 Schema 類型

類型用途必要屬性
Organization公司首頁/關於我們name, url
WebSite首頁(搜尋框)name, url
Article部落格文章、新聞headline, image, datePublished, author
Product產品頁面name, image, offers
SoftwareApplicationSaaS/應用程式頁面name, offers
FAQPage常見問題內容mainEntity(問答陣列)
HowTo教學name, step
BreadcrumbList任何有麵包屑的頁面itemListElement
LocalBusiness在地商家頁面name, address
Event活動、網路研討會name, startDate, location

完整 JSON-LD 範例:請參閱 references/schema-examples.md


快速參考

Organization(公司頁面)

必要:name, url 建議:logo, sameAs(社群資料)、contactPoint

Article/BlogPosting

必要:headline, image, datePublished, author 建議:dateModified, publisher, description

Product

必要:name, image, offers(價格 + 庫存狀態) 建議:sku, brand, aggregateRating, review

FAQPage

必要:mainEntity(問題與答案組成的陣列)

BreadcrumbList

必要:itemListElement(含有 position、name、item 的陣列)


多種 Schema 類型

您可以在一頁上使用 @graph 組合多種 Schema 類型:

{
  "@context": "https://schema.org",
  "@graph": [
    { "@type": "Organization", ... },
    { "@type": "WebSite", ... },
    { "@type": "BreadcrumbList", ... }
  ]
}

驗證與測試

工具

  • Google 複合式搜尋結果測試:https://search.google.com/test/rich-results
  • Schema.org 驗證器:https://validator.schema.org/
  • Search Console:強化項目報表

常見錯誤

缺少必要屬性 - 查閱 Google 文件了解必要欄位

無效值 - 日期必須是 ISO 8601 格式、URL 必須為完整網址、列舉值必須精確

與頁面內容不符 - Schema 與可見內容不一致


實作

靜態網站

  • 直接在 HTML 範本中加入 JSON-LD
  • 使用 include/partial 來重複使用 Schema

動態網站(React、Next.js)

  • 渲染 Schema 的元件
  • 為 SEO 進行伺服器端渲染
  • 將資料序列化為 JSON-LD

CMS / WordPress

  • 外掛(Yoast、Rank Math、Schema Pro)
  • 主題修改
  • 自訂欄位對應結構化資料

輸出格式

Schema 實作

// Full JSON-LD code block
{
  "@context": "https://schema.org",
  "@type": "...",
  // Complete markup
}

測試檢查清單

  • 通過複合式搜尋結果測試
  • 沒有錯誤或警告
  • 符合頁面內容
  • 包含所有必要屬性

特定任務問題

  1. 這是哪種類型的頁面?
  2. 您希望達成哪些複合式搜尋結果?
  3. 有哪些可用資料可以填入結構化資料?
  4. 頁面上是否已有結構化資料?
  5. 您的技術堆疊是什麼?

常見問題