INTERNAL TOOL · FB OG MASTER GUIDE
Facebook Open Graph
完整標籤設定手冊
泡泡怪獸 × 米速 MISO 官網 8 個核心頁面的完整 OG 標籤內容、FB 分享調試指南、轉發文案模板（新手/DIY/門店）與萬能全鏈路優化提示詞。全部繁體中文，可直接複製貼上。
SECTION 02
HTML 實作代碼範例
直接複製此模板貼入各產品頁 <head> 區段，替換 [大括號] 中的變數即可。
<!-- ═══ Facebook Open Graph ═══ -->
<meta property="og:type" content="product">
<meta property="og:site_name" content="泡泡怪獸 POP MONSTER × MISO 汽車美容">
<meta property="og:title" content="[產品名稱]｜[核心賣點]・[次要特色]・[品牌尾綴]">
<meta property="og:description" content="[核心痛點解決]，[功能特色1]，[功能特色2]。[稀缺訊號：漲價前/限量]，[行動呼籲：加LINE/立即搶購]！">
<meta property="og:image" content="https://kguzfrfy.gensparkspace.com/images/[圖片名稱].jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="[產品名稱] [核心功能] [目標車況] 泡泡怪獸 POP MONSTER">
<meta property="og:url" content="https://kguzfrfy.gensparkspace.com/[頁面路徑].html">
<meta property="fb:app_id" content="966242223397117">
<
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="[產品名稱]｜[核心賣點]（≤60字）">
<meta name="twitter:description" content="[核心賣點2行]。[行動呼籲]！（≤160字）">
<meta name="twitter:image" content="https://kguzfrfy.gensparkspace.com/images/[圖片名稱].jpg">
💡 og:image 尺寸重要說明
目前各產品頁圖片為 1200×1200（正方形），FB 最佳比例為 1200×630（1.91:1）。建議：① 使用原圖並聲明 og:image:width="1200" og:image:height="1200"，FB 會自動裁切中央部分顯示。② 或額外製作 1200×630 版本命名為 [產品]-og-banner.jpg 效果更佳。
SECTION 03
FB Debug Tool 調試與避坑指南
更新 OG 標籤後 FB 不會立即重新抓取，必須手動清除快取才能看到最新預覽。
2
輸入頁面 URL 並點擊「Debug」
貼上完整頁面網址（包含 https://），點擊 Debug 按鈕。查看底部「Link Preview」確認標題、描述、圖片是否正確顯示。
3
點擊「Scrape Again」重新抓取
若預覽顯示的是舊版內容，點擊「Scrape Again」強制 FB 重新爬取頁面。可能需要點擊多次（2-3次）才能完全清除快取。
⚡ 有時需要等待 5-10 分鐘後再次點擊，快取才能完全更新。
4
確認「Time Scraped」更新為最新時間
查看頁面頂部的「Time Scraped」欄位，確認時間已更新為當前時間，代表 FB 已成功重新抓取最新 OG 標籤。
5
用 Facebook 貼文驗證分享預覽
在 FB 發文輸入框貼上網址（不要縮短網址），確認預覽卡片正確顯示後，再刪除網址只留文案發布，效果更乾淨。
🎯 貼入網址後等待預覽卡片載入，確認圖片、標題、描述無誤後才發布。
⚠️ 常見避坑 1：圖片不顯示
確保圖片 URL 為 HTTPS，圖片可公開訪問（非登入後才能看），檔案 <8MB，且圖片伺服器允許外部爬取（無 noindex/robots 阻擋）。
⚠️ 常見避坑 2：Facebook 文字覆蓋率限制
舊版 FB 廣告圖片有 20% 文字覆蓋率限制（分享貼文無此限制）。若打算同時用於廣告投放，建議製作文字量 <20% 的版本。
⚠️ 常見避坑 3：快取問題
FB 快取時間約 24-72小時。急需更新時使用 Sharing Debugger「Scrape Again」，或在 URL 尾部加上查詢參數（如 ?v=2）讓 FB 視為新 URL。
✅ 最佳實踐：使用永久固定網址
OG URL 一旦確定不要更改，FB 會累積此 URL 的社交數據（按讚、分享次數）。若必須更改，使用 301 永久重定向，並在新頁面設置 og:url 為最終規範 URL。
SECTION 04
OG 圖片 規格標準與避坑
| 規格項目 | 最佳值 | 最低要求 | 說明 |
|---|
| 尺寸（首選） | 1200 × 630px | 600 × 315px | 1.91:1 比例，高解析度顯示 |
| 正方形尺寸 | 1200 × 1200px | 600 × 600px | 目前各產品頁使用，FB 自動裁切 |
| 格式 | JPEG | PNG / GIF | JPEG 檔案最小，載入最快 |
| 檔案大小 | <1MB | <8MB | 超過 8MB FB 不顯示 |
| 協議 | HTTPS | HTTPS | HTTP 圖片 FB 可能阻擋 |
| 文字覆蓋率 | <10% | <20%（廣告） | 分享貼文無限制，廣告有限制 |
| 主視覺重點 | 圖片中央70% | - | 裁切時邊緣會被切掉 |
SECTION 05
UTM 參數 追蹤範例
在分享連結加上 UTM 參數，即可在 Google Analytics 中追蹤各渠道的流量來源。
| 參數 | 說明 | 範例值 |
|---|
| utm_source | 流量來源平台 | facebook / line / whatsapp / instagram |
| utm_medium | 行銷媒介類型 | social / organic / paid_social |
| utm_campaign | 具體活動名稱 | price_increase_2025 / diy_campaign / new_store |
| utm_content | 區分不同廣告素材 | hero_banner / product_card / story_swipe |
# 從FB分享三件組頁面
https://kguzfrfy.gensparkspace.com/miso-combo-3set.html?utm_source=facebook&utm_medium=social&utm_campaign=price_increase_2025&utm_content=3set_post
# 從LINE分享天使塗層
https://kguzfrfy.gensparkspace.com/angel-coating.html?utm_source=line&utm_medium=social&utm_campaign=new_car_protect&utm_content=guard_share
# 從FB廣告導向伍號單品頁
https://kguzfrfy.gensparkspace.com/miso-no5-600cut.html?utm_source=facebook&utm_medium=paid_social&utm_campaign=miso_no5_launch&utm_content=single_product_ad
SECTION 06
FB 轉發 文案模板
三類目標受眾專屬文案，可直接複製貼入 FB 發文框。每篇均符合：手機端短句、明確轉化引導、稀缺感塑造。
【新手車主注意⚠️】
你有沒有這些困擾：
✗ 車子剛買，不知道怎麼保養
✗ 白色車總是一碰就髒
✗ 研磨拋光看起來好複雜，怕傷漆
我之前也是這樣想的——
然後我發現了「泡泡怪獸 × 米速 MISO」
🛡 天使塗層Guard
→ 洗後濕上濕直噴，4步驟10分鐘
→ 115°疏水效果，水珠一推就跑
→ 零門檻，任何人都能做到
✋ 米速液體橡皮擦
→ 零研磨配方，絕對不傷漆
→ 黑刁底/水垢/鳥糞/殘蠟一瓶搞定
→ 白車淺色車效果更有感
不確定怎麼選？加LINE免費諮詢 👇
LINE：@150tiznd
⚠️ 漲價100%確定，舊價現貨有限
詳細介紹 → https://kguzfrfy.gensparkspace.com/
【DIY 車友分享｜玩研磨必看👇】
研磨劑用過一堆，
最後留下來的只有這一套：
米速 MISO 全流程三件組
🔴 三號 80番 — 極限重切
→ P80-P400砂痕、深層刮痕直接幹掉
→ 低粉塵不飛濺，棕色盤/羊毛盤首選
🟡 伍號 600番 — 一劑拋光主力
→ 蜘蛛紋、氧化、輕中度刮痕一次到位
→ 素黑的必殺技，90%車況一步搞定
⚪ 拾號 1000番 — 鏡面收尾
→ 太陽紋消除、鏡面化收光
→ 無矽配方，鍍膜前直上不用脫脂
RO / GA / DA 三機全通用 ✅
水性無矽，施工不傷人也不傷漆 ✅
漲價前舊價限量，現在入手最划算 ↓
蝦皮直購 → https://s.shopee.tw/3fzneUIhU0
LINE 諮詢 → @150tiznd
【汽美店老闆、鈑噴廠老師傅看過來】
同業推薦不說廢話，直接講重點：
我們店用米速 MISO 研磨劑已經超過一年
500+ 汽美店商用指定，不是說說而已
✅ 切削效率穩定，大量施工零誤差
✅ 水性無矽低粉塵，師傅做一整天不傷身
✅ 不飛濺結塊，清潔超好處理
✅ 無矽油配方，客戶要接鍍膜直接做不用重來
三號80番 / 伍號600番 / 拾號1000番
批量訂購有專屬優惠 + 完整SOP教材
現在是漲價前最後機會！
批量採購、試用諮詢都加LINE 👇
LINE：@150tiznd
WhatsApp：+886 970 527 037
創辦人親自回，外貿忙回覆稍長但不漏訊 💬
SECTION 07
萬能全鏈路 優化提示詞
可直接貼入 ChatGPT / Claude / Gemini 生成具體內容。每則提示詞已內嵌品牌資訊與轉化目標，輸出結果可直接使用。
📌 使用說明
複製提示詞後，貼入 AI 工具對話框，根據實際需求調整 [方括號] 中的可選變數即可。輸出結果若需微調，可繼續對話指定方向。
你是泡泡怪獸 POP MONSTER × 米速 MISO 汽車美容品牌的文案師。
品牌定位：安全永遠第一，更快解決・更安全解決・更容易解決。
產品：天使塗層Guard（護膜）、米速MISO研磨劑三件組（三號80番+伍號600番+拾號1000番）、米速液體橡皮擦。
受眾：①新手車主（零基礎，白車淺色車）②DIY玩家（有拋光機，追求職人效果）③汽美門店老闆（批量採購，穩定切削效率）
請生成官網首頁Hero區塊的三個用戶畫像分流按鈕文案，每個按鈕包含：
- 一個直擊痛點的標題（≤15字）
- 一句描述用戶狀況的副文（≤25字）
- 一個行動呼籲CTA（≤8字）
語氣：直白不廢話，手機端短句，有危機感但不過度。繁體中文台灣用語。
你是泡泡怪獸 POP MONSTER × 米速 MISO 的社群文案師。
目標受眾：[新手車主 / DIY玩家 / 汽美門店]（選一個）
目標產品：[天使塗層Guard / 米速三件組 / 米速液體橡皮擦 / 米速三號80番 / 米速伍號600番]（選一個）
發布平台：[Facebook動態 / Instagram限時動態 / LINE官方帳號]（選一個）
請生成一篇痛點共情貼文，結構如下：
1. 開頭：2-3行描述受眾日常痛點場景（讓人點頭說「就是我！」）
2. 過渡：一句話連接到解決方案
3. 產品方案：3-5個bullet points（每條≤20字）
4. 行動呼籲：稀缺感 + 具體行動（蝦皮連結/LINE/WhatsApp）
要求：全繁體中文台灣用語，手機端短句，禁止套話，保留適當emoji，字數200-350字。
你是泡泡怪獸 POP MONSTER × 米速 MISO 的產品組合策略師。
用戶情境：[二手車剛入手，全車漆面氧化、有刮痕、水垢 / 新車想一次做好保護 / 有拋光機想自己做全流程]（選一個）
請根據此情境，生成一個「全需求閉環產品組合推薦」，包含：
1. 情境確認：一句話描述此用戶面對的最大問題
2. 推薦組合（按施工順序排列）：
- 每個產品：名稱 + 解決什麼問題 + 使用順序
3. 為什麼這組合能「一次解決」的核心邏輯（2-3句）
4. 關鍵問答：「不確定自己需要哪一步？」的回答引導
5. 行動呼籲：加LINE免費諮詢 @150tiznd
語氣：像一個懂車的朋友在給你建議，直接不囉嗦，繁體中文台灣用語。
你是泡泡怪獸 POP MONSTER × 米速 MISO 的轉化文案師。
用戶正在瀏覽：[米速伍號600番 / 天使塗層Guard / 米速三號80番 / 米速液體橡皮擦]（選一個）單品頁面，已到頁面底部。
請生成一個「連帶購買鉤子」區塊的文案，包含：
1. 段落標題：讓用戶意識到「只買這一個不夠用」（≤20字）
2. 場景描述：2-3行說明為什麼需要搭配使用（具體場景，非抽象說教）
3. 連帶推薦：2個搭配產品，每個：名稱 + 搭配原因 + 一句描述（≤15字）
4. 組合優惠暗示：引導加LINE詢問組合價
5. 行動呼籲：≤10字的CTA按鈕文字
語氣：自然不推銷感，邏輯清晰，讓用戶覺得是在幫他節省麻煩。繁體中文台灣用語。
你是泡泡怪獸 POP MONSTER × 米速 MISO 的轉化率優化師。
用戶已決定購買：[米速伍號600番 / 天使塗層Guard / 米速三件組]（選一個）
目標：在結算前讓用戶加購一個搭配產品，同時強化稀缺感促使立即付款。
請生成一段「結算頁加購模組」文案，包含：
1. 標題橫幅（≤15字）：稀缺感警示，讓用戶覺得現在不加就沒機會
2. 加購產品介紹（≤40字）：為什麼此次搭配買最划算
3. 稀缺性說明（≤20字）：漲價前舊價限量的具體說法
4. 加購CTA（≤8字）：按鈕文字
5. 跳過CTA（≤10字）：讓用戶不加購也能繼續，但帶有微妙的遺憾感
語氣：緊迫但不焦慮，像朋友提醒你不要後悔，繁體中文台灣用語。
你是一位精通台灣汽車美容市場的 SEO 策略師。
品牌：泡泡怪獸 POP MONSTER × 米速 MISO
目標產品：[米速三件組研磨劑 / 天使塗層Guard / 米速液體橡皮擦]（選一個）
目標受眾搜尋意圖：[購買型 / 學習型 / 比較型]（選一個）
請生成10個針對台灣搜尋市場的長尾關鍵字文章標題，要求：
- 每個標題包含1個核心關鍵字 + 1個修飾語 + 用戶情境
- 標題長度18-35字
- 融入台灣在地用語（汽美、鈑噴、漆面、拋光）
- 包含明確數字（如「5步驟」「10分鐘」「3個月」）
- 禁止使用英文單字作為主要賣點
輸出格式：標題 + 對應搜尋意圖說明（一句話）
SECTION 08
修改位置 完整說明表
本次所有檔案修改的完整紀錄，含檔案路徑、修改位置、變動說明。
| 檔案 | 修改位置 | 修改說明 | 類型 |
|---|
miso-no3-80cut.html |
完整頁面 |
米速三號80番重切研磨劑單品頁。含BreadcrumbList（首頁→全部產品→三號80番）、Product schema（SKU: MISO-A001-NO3-80）、HowTo 6步驟施工SOP、FAQPage 5問答。雙CTA（蝦皮+LINE），稀缺橫幅，圖片輪播（A001-no3-hero/features/before-after/sop/pads/scope）。 |
NEW |
miso-no5-600cut.html |
完整頁面 |
米速伍號600番中切削研磨劑單品頁。含BreadcrumbList（首頁→全部產品→伍號600番）、Product schema（SKU: MISO-A002-NO5-600）、HowTo施工SOP、FAQPage。圖片組：A002-no5-hero/features/before-after/sop/pads/scope。 |
NEW |
miso-no10-1000finish.html |
完整頁面 |
米速拾號1000番鏡面還原劑單品頁。含BreadcrumbList（首頁→全部產品→拾號1000番）、Product schema（SKU: MISO-A003-NO10-1000）。圖片組：A003-no10-hero/features/before-after/sop/pads/scope。 |
NEW |
miso-chromium-polish.html |
完整頁面 |
米速鍍鉻拋光劑單品頁。純水性金屬亮面還原。含Product schema（SKU: MISO-A008-CHROME）、HowTo 5步驟手工施工SOP、FAQPage 5問答。圖片：A008-chrome-hero/sop。 |
NEW |
miso-combo-3set.html |
完整頁面 |
米速MISO全流程三件組套裝頁。含三件組Product schema、HowToSupply（三號/伍號/拾號）、FAQPage。流程圖展示三步驟施工順序。 |
NEW |
products.html |
Line 588-614 A002卡片 |
[修正] A002三號重切研磨劑缺少外層 <div class="product-card"> wrapper，補齊後卡片結構完整可點擊、filter可作用。詳情連結指向 miso-no3-80cut.html。 |
FIX |
products.html |
Line 615-641 A003卡片 |
[修正] A003拾號鏡面還原劑同樣缺少外層div，已補齊。詳情連結指向 miso-no10-1000finish.html。 |
FIX |
products.html |
Line 800-819 A005卡片 |
[修正] A005素黑必殺技套裝缺少外層div，已補齊。 |
FIX |
products.html |
Line 657-661 A008 card-footer |
[更新] A008鍍鉻拋光劑卡片footer從「LINE諮詢+搶購」改為「詳情（→miso-chromium-polish.html）+搶購」雙CTA，符合方案22規範。 |
UPDATE |
products.html |
Line 55-180 JSON-LD ItemList |
[更新] numberOfItems 從9更新為14；追加三號/伍號/拾號/鍍鉻4個新Product ListItem（position 11-14），各含完整SKU、URL、image、description。 |
UPDATE |
products.html |
nav.topnav / .mobile-menu |
[更新] 桌機nav新增三號/伍號/拾號/鍍鉻快速連結；行動選單新增三件組/三號/伍號/拾號/鍍鉻5個入口。 |
UPDATE |
index.html |
Line 1209 伍號卡片 |
[更新] 伍號連結從舊版 miso-compound-5.html 更新至 miso-no5-600cut.html，加稀缺橫幅與雙CTA按鈕，圖片改用 A002-no5-hero.jpg。 |
UPDATE |
index.html |
Line 1266 拾號卡片 |
[更新] 拾號連結從舊版 miso-compound-10.html 更新至 miso-no10-1000finish.html，加稀缺橫幅與雙CTA按鈕，圖片改用 A003-no10-hero.jpg。 |
UPDATE |
index.html |
MISO研磨系列區塊 |
[新增] 三號80番（→miso-no3-80cut.html）和鍍鉻拋光劑（→miso-chromium-polish.html）兩張新入口卡片，含稀缺橫幅與雙CTA。 |
NEW |
index.html |
nav.nav-links + nav-mobile |
[更新] 導覽列新增三號/伍號/拾號連結；行動選單新增三號/伍號/拾號/鍍鉻入口。 |
UPDATE |
og-guide.html |
完整頁面（本頁） |
[新增] FB OG標籤完整指南：8頁OG標籤內容（標題/描述/URL/圖片規格）、HTML實作代碼範例、FB Debug調試指南、圖片規格表、UTM參數範例、三類轉發文案模板、六則萬能全鏈路優化提示詞、修改說明表。 |
NEW |
images/A001-no3-*.jpg |
images/目錄 |
[新增] 三號產品圖片組：A001-no3-hero、features、before-after、sop、pads、scope（共6張，從Coupang下載）。 |
NEW |
images/A002-no5-*.jpg |
images/目錄 |
[新增] 伍號產品圖片組：A002-no5-hero（暫用no3相關圖替代）、sop、pads、scope（共4張）。 |
NEW |
images/A003-no10-*.jpg |
images/目錄 |
[新增] 拾號產品圖片組：A003-no10-hero（暫用no10相關圖替代）、sop、pads、scope（共4張）。 |
NEW |
images/A008-chrome-*.jpg |
images/目錄 |
[新增] 鍍鉻拋光劑圖片：A008-chrome-hero、A008-chrome-sop（共2張）。 |
NEW |