← 作品集首頁

電商商品上架與 SEO/GEO 自動化(Shopify)

Shopify CLI 與 Admin API(GraphQL)為核心,涵蓋商品/集合批次管理、AI 生成 SEO/GEO 商品內容、頁面產生器與安全發布、部落格內容生成、搜尋詞彙優化與加權再排序; 官方 Shopify dev-mcp 輔助開發時查詢 schema,宜搭 (Yida) 表單則作為下架流程下游同步的其中一個整合點。本頁為純前端展示

Shopify CLI Shopify Admin API (GraphQL) Shopify dev-mcp AI SEO/GEO 內容生成 批次自動化 (ThreadPoolExecutor) 頁面產生器 / 安全發布 搜尋詞彙優化 / 加權再排序 JSON-LD 結構化資料 宜搭 (Yida) 表單同步 Python / Node

🔗 Shopify × 宜搭(Yida) 雙向同步實況

下架商品時,AI 助手直接下 CLI 指令查詢並同步,後台看板即時反映狀態,宜搭端則收到同步結果通知——三端畫面同步更新。

SHOPIFY-MCP · CLI● Agent
查詢本週已下架、但宜搭尚未同步狀態的商品
shopify store execute --query-file archive_check.graphql
  --store example-shop.myshopify.com --allow-mutations
查詢完成3 筆待同步
insulated-bottle-500ml:下架 → 宜搭未更新
→ 建議批次同步狀態+原因代碼
宜搭同步助手
已找到 3 筆待同步商品,是否批次寫入宜搭表單?
全部同步 →
example-shop.com/admin/products/archivev1
下架同步看板
商品編號Shopify 狀態宜搭同步
bottle-500已下架已同步
tote-canvas已下架待同步
power-10k上架中
3
已同步 2待同步 1
09:41●●● ▲ 🔋
宜搭同步小幫手
已完成商品下架同步,共更新 3 筆記錄
→ 查看更新記錄
把所有待同步記錄標為已完成
已批次更新 3 筆記錄
狀態:待同步 → 已完成 ✅

🔁 上架與下架流程總覽(載入時依序亮燈)

1
📄
Excel 名單匯入
待處理商品清單
2
Shopify 批次讀取
Admin GraphQL 平行查詢
3
🤖
AI 生成 SEO/GEO
商品名/敘述/標籤
4
💾
Shopify 寫回
productUpdate
5
📋
宜搭同步(下游)
狀態+原因代碼
頁面載入會自動播一次;亦可手動重播

✨ AI 生成 SEO/GEO 商品文案:Shopify 原始資料 → 優化上架

原始 Shopify 商品資料
無商品圖
商品名稱
商品 Handle
商品敘述
(無,待補)
SEO 標籤
(無)
✓ AI 處理完成
尚未處理
AI 產品名稱(SEO)
商品 Handle
✓ Handle 變更,已建立 301 轉址
AI 產品敘述(列點 + GEO)
建議數量 / 價格級距(兩大關鍵)
AI 產品標籤
結構化資料 / 同步狀態

商品頁面即時預覽:從無到有生成上線

example-shop.com/products/…
尚未生成,點擊上方「執行 AI 上架處理」後,這裡會即時顯示商品頁面實際上線的樣子

📦 商品/分類批次管理

批次下架:跨平台整合流程

Excel 掉單/停產清單(本地)匯入 → Shopify 批次查詢+productUpdate(status: ARCHIVED)(以 ThreadPoolExecutor 平行處理+批次 handle:a OR handle:b 查詢取代逐筆)→ 同步宜搭(Yida)表單狀態 → 寫回本地回饋報表,橫跨三個系統的整合鏈路。

📄Excel 清單匯入本地
🔍批次查詢商品Shopify
🗑️下架 ARCHIVEDShopify
📋同步表單狀態宜搭
📊產出回饋報表本地
尚未執行,點上方按鈕模擬跨平台批次下架流程

Collection 縮圖生成 Pipeline

Prompt 生成 → AI 繪圖 → 暫存上傳 → 寫入集合 → 重新讀取驗證上線,全自動 pipeline。

📝生成 Prompt
🎨AI 繪圖
☁️暫存上傳
💾寫入集合
🔁重新驗證上線
尚無縮圖
集合原本沒有封面圖
尚未生成
AI 生成縮圖(示意)
example-shop.com/collections/…
尚未推送到集合頁,點上方「模擬生成」查看實際上線畫面

🏷️ Collection Title (SEO)

📝 Meta Description

🖼️ 圖片 Alt Text

🧩 Schema

🧱 頁面產生器與安全發布

① 頁面模板預覽

面向「還在比較怎麼選」的訪客,結構為 Hero → 目錄 TOC → 選購重點 → FAQ → CTA,適合品類介紹頁與新品導購頁。

example-shop.com/pages/insulated-bottle-buying-guide

② 安全發布 Pipeline

上方模板由下列模組拼接而成;寫入前一律先備份現有內容、只對有變動的模組產生精準切片 patch 並驗證,通過才寫入,不整頁覆寫。

Hero目錄 TOCFAQCTA比較表Sticky Bar
1
📑
備份現有內容
2
✂️
產生精準切片 patch
3
驗證 patch
4
💾
pageUpdate 寫入
5
🔁
重新讀取驗證

③ 改版前後對比:網站畫面實際變化

修改前
(尚無保冷效果實測數據)
修改後
(尚無保冷效果實測數據)

點上方「模擬安全發布」,右側「修改後」縮圖會即時反映自動化寫入的新內容。

④ 發布結果:即時頁面預覽

example-shop.com/pages/insulated-bottle-buying-guide

保溫瓶挑選完整指南

如何挑選容量、保冷/保溫效果與瓶身材質,一次搞懂企業採購常見規格。

依需求場景(贈品/展會/員工福利)給出 3 種常見組合建議。

〔待寫入〕點上方按鈕模擬安全發布,將插入下方保冷效果實測表格

常見問題 FAQ:訂購流程、印刷方式、交期說明。

只有標示+新增的區塊被切片寫入,其餘段落像素級未變動——這就是「patch 不整頁覆寫」的實際樣子。

📝 部落格文章生成與文案規則

生成標題
點選上方主題開始生成
生成 Meta Description
字數控制在 70–80 全形字:
未捏造規格數字:規則過濾誇大/杜撰數值,內容 grounding 在既有商品資料。
句式避免公式化重複:生成前比對近期輸出句型,降低模板感。

🔎 搜尋優化:詞彙分類與加權再排序

原生 Shopify 搜尋是純字串比對,容易把「巧合命中」的雜訊也算進結果。我們加一層詞彙分類規則(同義詞庫/停用詞/單位正規化)先把查詢改寫乾淨,再用加權再排序把最相關的結果排到最前面。

🔤 同義詞庫

保溫瓶保溫杯 / tumbler
帆布袋托特包 / tote bag
行動電源充電寶 / power bank

🚫 停用詞過濾

的/款/組/系列比對前先移除
限定/熱銷/新品行銷詞不參與比對

📏 單位正規化

500 ML/500ml/500毫升統一成 500ml
全形/半形空白統一去除

優化前後效果對比

優化前|原生字串比對
混入的雜訊範例:
    優化後|詞彙規則+加權排序
    只留下真正相關的商品

    加權再排序規則(即時試搜)

    加權配分:標題完全命中 +20/供應商或類型命中 +10/描述(Meta)命中 +3,依總分排序。

    🧩 SEO/GEO 結構化資料與 GEO 策略

    JSON-LD 結構化資料覆蓋

    • ✅ Organization
    • ✅ WebSite
    • ✅ Product
    • ✅ Article
    • ✅ FAQPage
    • ✅ BreadcrumbList
    • 🚫 不捏造 Review/AggregateRating(無真實評論資料時不產生假評分)
    📄 查看 JSON-LD 範例(Product,佔位資料)
    {
      "@context": "https://schema.org",
      "@type": "Product",
      "name": "Sample Product",
      "sku": "product-abc",
      "url": "https://example-shop.com/products/product-abc",
      "offers": {
        "@type": "Offer",
        "priceCurrency": "TWD",
        "price": "999",
        "availability": "https://schema.org/InStock"
      }
    }

    GEO(生成式搜尋優化)策略

    • 內容結構化為可引用事實:條列規格、明確數字,方便 AI 摘要直接引用。
    • FAQ 內容搭配 FAQPage schema,提高被生成式問答引用的機率。
    • 品牌實體資訊(名稱/網域/社群)保持一致,強化 AI 對品牌的辨識。
    • 伺服器渲染 Liquid 模板,確保 AI 爬蟲可直接讀到完整內容,不依賴前端渲染。

    技術與設計說明

    設計重點5 項
    • 🧩

      用官方工具不重造輪子

      商品/頁面/部落格操作走 Shopify CLI+官方 dev-mcp;宜搭端維持自建 MCP,兩邊各司其職,不把官方已提供的能力重新造一遍。

    • ⚙️

      批次效能設計

      用 ThreadPoolExecutor 平行處理搭配批次 GraphQL 查詢(handle:a OR handle:b),取代逐筆序列請求,大幅壓縮批次作業時間。

    • 🛡️

      安全發布:patch 不覆寫

      頁面更新流程為備份 → 切片 patch → 驗證 → 寫入 → 重新讀取驗證,避免整頁覆寫造成內容遺失或版型跑掉。

    • 🔍

      SEO+GEO 雙軌內容策略

      JSON-LD 覆蓋主要型別(Product/Article/FAQPage 等),內容同時寫成可引用事實列點,兼顧傳統搜尋與生成式搜尋。

    • 🔁

      資料一致性與稽核

      寫入前重讀最新資料避免覆蓋他人變更,寫入後重讀驗證結果,留下可追溯紀錄。

    🛠️ 專案實作項目6 項

    獨立完成的 Shopify 商品自動化:以 Shopify CLI+Admin GraphQL 驅動商品/集合/頁面/部落格批次管理,官方 dev-mcp 輔助開發查詢,並把宜搭表單接為下架流程的下游同步,加上搜尋詞彙優化提升商品可被找到的機率。

    • 🧰Shopify CLI+Admin GraphQL 批次工具

      用 Shopify CLI 執行 Admin GraphQL 查詢/異動(--query-file--variable-file--allow-mutations),並串官方 dev-mcp 輔助查詢 schema 與文件,加速開發除錯。

    • 批次下架效能優化+宜搭下游同步

      Excel 名單觸發批次 productUpdate(status:ARCHIVED),序列處理改成 ThreadPoolExecutor 平行處理+批次 handle 查詢,示意效能約 15 分鐘 → 1.6 分鐘,下架同時同步宜搭表單狀態。

    • 🖼️Collection 縮圖 AI 生成 Pipeline

      Prompt 生成 → AI 繪圖 → stagedUploadsCreatecollectionUpdate → 重新讀取驗證上線,全流程自動化不需人工上傳。

    • 🧱頁面產生器(兩套版型+區塊庫+安全發布)

      購買指南型/產業著陸頁型兩套版型,共用 Hero/TOC/FAQ/CTA/比較表/Sticky Bar 區塊庫,發布走備份→切片 patch→驗證→寫入→重新讀取驗證,不整頁覆寫。

    • 📝部落格文章與 SEO/GEO 內容規則

      生成文章標題與 70–80 全形字 meta description,規則過濾不捏造規格數字、避免句式公式化重複。

    • 🔎搜尋詞彙優化+加權再排序

      同義詞庫/停用詞/單位正規化先把查詢改寫乾淨,再依標題 +20/供應商或類型 +10/Meta +3 加權重排序;示意情境下可把原生字串比對的上千筆雜訊結果收斂到十餘筆精準結果。

    * 實際商店網域、商品 handle、GraphQL schema 細節與生成 prompt 屬營運 know-how,未公開於本展示,可於面談時說明。