結構化資料與搜尋引擎的運作機制
結構化資料（Structured Data）是依照 Schema.org 詞彙標準所建立的特定格式程式碼，用於協助搜尋引擎精確理解網頁的實體內容與語意關係。在網頁中部署結構化資料，能讓搜尋引擎演算法直接讀取標準化的屬性與數值，而無需單純依賴自然語言處理技術來猜測網頁主題。
將結構化資料導入網頁，是爭取搜尋結果頁面（SERP）呈現複合式搜尋結果（Rich Results）的必要技術手段。當搜尋引擎成功解析網頁上的結構化資料，便有機會在搜尋結果中呈現額外的資訊，例如商品價格、庫存狀態或操作步驟等。這項技術對於需要手動為網站準備結構化資料的網站管理員、內容營運人員以及網頁開發者而言，是優化搜尋表現的重要環節。
JSON-LD 格式的技術優勢
本工具採用 JSON-LD（JavaScript Object Notation for Linked Data）格式來產生結構化資料。相較於 Microdata 或 RDFa 等直接嵌入在 HTML 標籤中的標記方式，JSON-LD 具有以下技術優勢：
- 程式碼與內容分離：JSON-LD 以獨立的
<script type="application/ld+json">區塊存在，可以放置於網頁的<head>或<body>區段中，不影響現有的 HTML 結構。 - 維護成本低：開發者與內容營運人員無需修改複雜的網頁標籤，即可直接新增、修改或刪除結構化資料。
- 資料結構清晰：巢狀的鍵值對（Key-Value Pairs）格式便於閱讀與偵錯，能精確表達實體之間的關聯性。
支援的 Schema 類型與欄位規範
本產生器支援三種主流的 Schema 類型，並針對各類型設有嚴格的欄位驗證規則：
1. 常見問題（FAQPage）
用於描述特定主題的常見問題與解答列表。
- 必填欄位：必須包含至少一組完整的問題與答案。若未填寫，系統會顯示「請至少新增一組完整的問題和答案。」。
- 驗證規則：若特定項目缺少內容，會觸發「項目
{index}缺少問題。」或「項目{index}缺少答案。」之錯誤提示。
2. 商品（Product）
用於描述具體商品及其報價資訊（Offer）。
- 必填欄位：商品名稱與價格。若缺失會提示「請填入商品名稱。」或「請填入商品報價。」。
- 價格格式：必須為非負數字，可包含小數點。不符時提示「價格只能使用非負數字，可包含小數點。」。
- 貨幣代碼：必須使用三碼國際貨幣代碼（例如 USD、EUR、TWD）。不符時提示「請使用 USD、EUR 或 TWD 這類三碼貨幣代碼。」。
- 網址格式：商品 URL 與圖片 URL 必須是完整的
http://或https://網址。不符時分別提示「商品 URL 必須是完整的 http:// 或 https:// 網址。」與「圖片 URL 必須是完整的 http:// 或 https:// 網址。」。 - 選填欄位：描述、品牌、SKU、庫存狀態。
3. 操作指南（HowTo）
用於說明完成某項任務的具體步驟、所需材料與工具。
- 必填欄位：操作指南標題，以及至少一個包含步驟說明的完整步驟。缺失時提示「請填入操作指南標題。」、「請至少新增一個完整步驟。」或「項目
{index}缺少步驟說明。」。 - 總分鐘數：選填，但若填寫則必須是 1 到 100,000 之間的整數分鐘。不符時提示「總時間必須是 1 到 100,000 之間的整數分鐘。」。
- 材料與工具：選填，採每行一項的格式輸入。
編輯器限制與錯誤處理機制
為了確保產生的 JSON-LD 程式碼完全符合語法規範，本產生器在輸入過程中會即時進行欄位檢查。
| 限制項目 | 錯誤提示訊息 | 處理規則 |
|---|---|---|
| 欄位字數限制 | {field} 對此編輯器而言太長，請控制在 {max} 個字元以內。 |
超過設定長度時限制輸入 |
| 項目數量限制 | 此編輯器一次最多支援 {max} 個項目。 |
限制單次新增的項目總數 |
| 欄位完整性 | 有 {count} 個問題需要修正。 |
存在無效必填欄位時，不產生 JSON-LD 程式碼 |
| 驗證通過 | 所有必填欄位都有效。 |
顯示完整 script 並提供行數提示（如：{count} 行） |
所有留空的選填欄位在產生程式碼時會自動省略，不會寫入最終的 JSON-LD 中。
隱私保護與資料處理說明
當您使用本產生器輸入網頁內容、商品價格或步驟說明時，所有資料處理均在您的本機瀏覽器中完成。您填入的內容只會留在瀏覽器中，不會上傳到 BroBroGo 伺服器。
常見問題解答
可以產生哪些 Schema 類型？
引導表單支援 FAQPage、包含 Offer 的 Product，以及具有順序步驟、材料和工具的 HowTo。留白的選填欄位不會寫入程式碼。
產生的 JSON-LD 應該放在哪裡？
把完整 script 貼到對應頁面的 <head> 或 <body> 中。結構化資料描述的內容應與訪客在頁面上實際看到的內容一致。
程式碼有效就一定會顯示複合式搜尋結果嗎？
不會。有效的 schema.org 標記能協助服務理解頁面，但不能保證特殊搜尋顯示。Google 已不再顯示 FAQ 或 HowTo 複合式搜尋結果。