典醬家食品有限公司網站規劃書

核心定位：「澎湖干貝醬專家」— 用科學化製程做出最安心的澎湖海味伴手禮

現有官網文案已點出品牌根基：典醬家的創立源自對澎湖干貝醬的熱愛，其干貝系列產品的製程並非單純混製原物料，而是深入研究個別食材的成分、口感、儲存期限與含水性差異。這是一個「重研發、重工法」的定位，區別於一般家庭式醬料小舖。

品牌定位建議聚焦三個關鍵字：

品牌一句話定位（Slogan 候選）：

• 「典醬家，把整座澎湖海洋，濃縮進一罐醬。」
• 「研究食材，不只是調味 — 典醬家干貝醬」

四類客群中，①與②是流量與轉換的主力，③④是複購與客單價提升的關鍵，網站結構需同時服務「第一次認識品牌」與「回頭客快速下單」兩種情境。

首頁
├── 關於我們（品牌故事／品牌堅持／工廠實績）
├── 商品總覽
│   ├── 經典醬料（XO醬、干貝醬、金蝦爆…）
│   ├── 私藏伴手（黑糖糕、冰心糕、魚鬆、花生酥…）
│   ├── 鮮凍好物（冷凍系列）
│   ├── 獨賣商品（環保提袋、限定款）
│   ├── 澎湖嘴呷咪（仙人掌、海菜、麵食、茶湯飲品）
│   ├── 紀念品
│   └── 醬澎派禮盒（送禮專區）
├── 美味食譜／料理應用（新增，強化GEO與內容行銷）
├── 最新消息
├── 常見問題
│   └── 增設：保存方式／團購批發／宅配運費／退換貨
├── 門市資訊（新增獨立頁，取代僅在footer露出）
├── 聯絡我們
└── 會員中心（登入／購物車／訂單查詢）

架構調整重點：

1. 目前官網「門市資訊」只藏在頁尾一行文字，建議獨立成頁，強化在地SEO（Google商家導流）。
2. 新增「料理應用／食譜」內容型頁面 — 這類內容目前完全空缺，卻是使用者搜尋「XO醬料理」「干貝醬做法」（已出現在meta-keywords中）的高需求內容，也是同業（如推推人部落格）已在搶佔的內容缺口。
3. 常見問題需補足電商基本資訊（目前僅有action=faq_0，內容需確認是否完整涵蓋保存期限、運費、退換貨）。

由上到下的內容模組建議：

1. 主視覺 Hero：一句話定位 + CTA「立即選購」，背景為干貝醬製程或澎湖海景意象
2. 品牌信任帶：反添加、二次殺菌、全自動真空封蓋（現有「品牌堅持」文案上移至首頁）
3. 熱銷商品輪播（現有功能保留，建議加上「銷售第一」「小編推薦」標籤增加說服力）
4. 分類導覽卡片：經典醬料／私藏伴手／醬澎派禮盒／澎湖嘴呷咪，圖文卡片式導引
5. 品牌故事摘要（3-4句 + 「了解更多」導至關於我們）
6. 料理應用預覽（3篇食譜縮圖，導入新增的食譜內容頁）
7. 門市資訊卡：中正路39號門市地圖、營業時間、電話一鍵撥打
8. 最新消息／公告（現有功能保留）
9. Google地圖嵌入 + 統編/聯絡資訊（footer強化）

SEO（傳統搜尋引擎優化）

現況已有一定基礎：meta-description已針對澎湖伴手禮、干貝醬XO醬、黑糖糕、魚鬆、花生酥、魷魚絲、鹹餅等關鍵字做描述，但需改善以下問題：

GEO（生成式引擎優化，因應AI搜尋/ChatGPT等回答引擎）

1. 建立FAQ結構化資料（FAQPage schema）：把「XO醬和干貝醬差別是什麼」「澎湖伴手禮推薦哪幾款」等問題以清楚問答呈現，方便AI引擎直接引用回答。
2. 產品頁補齊事實型資訊：成分表、淨重、保存期限、有效日期計算方式、產地（澎湖）、有無防腐劑 — 這些是AI摘要最常抓取的結構化事實。
3. 品牌名稱一致性：確認「典醬家」在Google商家檔案、Facebook（目前粉專地址與官網門市地址不同，一個是西文里97-8號舊址，一個是中正路39號新址）、蝦皮等平台完全一致，避免AI引擎混淆資訊來源。
4. 建立可被引用的品牌故事頁：完整、具體、有時間軸的品牌故事（如黑糖糕四代傳承的細節），比空泛行銷文案更容易被AI摘要工具當作可信來源引用。

• 商品列表頁：現有排序功能（相關性/瀏覽人次/熱銷/上架日期/價格）保留，建議加入「辣度篩選」「規格篩選」標籤，因多款產品有小辣/中辣/大辣選項。
• 商品詳情頁：需標準化呈現淨重、保存方式、成分、產地、常溫或冷藏冷凍、辣度選項，並加入「這樣搭配更好吃」延伸推薦區塊。
• 關於我們頁：現有為純文字堆疊，建議改版為「時間軸敘事＋工廠設備圖＋品牌堅持圖示化」，降低閱讀負擔。
• 禮盒頁（醬澎派禮盒）：獨立設計送禮情境（探親/公司/婚宴），附禮盒內容物清單與贈禮卡選項。
• 門市頁（新增）：地圖、實景照、營業時間、交通方式（是否鄰近觀光碼頭/機場）。

旅客到店型轉換路徑：
首頁／Google搜尋「澎湖伴手禮」→ 商品分類瀏覽 → 門市資訊確認位置與營業時間 → 到店消費（或線上先加入願望清單，到店取貨核對）

線上下單型轉換路徑：
商品頁 → 加入購物車 → （會員登入可選）→ 結帳（信用卡/貨到付款）→ 訂單確認 Email/簡訊 → 出貨通知

建議優化點：

1. 目前首頁只有「已加入購物車」的小提示，缺乏明顯的「滿額免運」倒數提示，建議加入進度條（如：再購買NT$X即享免運）。
2. 送禮流程需加入「賀卡留言」「送貨地址與收件地址分開填寫」選項，目前架構未見此功能，需向Joo系統確認是否有此模組。
3. FAQ頁需明確列出運費門檻、到貨天數、離島（本島客戶角度）配送須知，降低下單前疑慮。
4. 增加LINE官方帳號/Messenger（現有m.me連結已存在）在結帳前的客服入口，方便詢問庫存與客製化禮盒。

延續澎湖海洋與職人工藝兩條主軸：

• 色系：海洋藍／礁岩灰為主色，搭配醬料本身的琥珀橙、金黃作為商品攝影跳色，避免全站被冷色調壓過導致食物看起來不誘人。
• 字體：中文標題可用具溫度感的黑體（非過度圓潤），內文維持清晰易讀的無襯線體，確保行動裝置閱讀舒適。
• 攝影風格：目前商品照多為單品去背圖，建議加拍「情境照」— 干貝醬拌麵、XO醬入菜的成品照，提升食慾與可信度。
• 工廠實景元素：適度置入全自動真空封蓋機、二次殺菌設備等實拍照片，作為「安心」定位的視覺佐證，而非僅用文字宣稱。
• 手作/傳承感標籤：黑糖糕、冰心糕等傳統品項可用復古手寫字或印章圖騰做視覺區隔，與XO醬系列的「現代工法」形成對比敘事，同時保有品牌一致性（色系、logo規則不變）。

比對澎湖伯、澎湖之味（漁會）、宏明XO、新孟成、品興行等同業官網，典醬家可強化的差異化切角：

1. 製程透明化是目前同業普遍缺乏的內容 — 多數競品官網僅停留在「老師傅秘方」「傳承工法」等抽象敘述，典醬家已有「全自動攪拌機、全自動真空封蓋機、二次殺菌」等具體設備資訊，這是可被放大操作的獨家優勢，建議做成專屬頁面或影片，而非埋沒在關於我們的段落文字中。
2. 家族傳承故事具體化：黑糖糕四代傳承、日治時期背景等，比同業常見的「老師傅」空泛敘述更有故事深度與可信度，適合發展成品牌內容素材。
3. 料理應用內容目前是全產業鏈的空白區塊：搜尋結果顯示消費者確實在找「XO醬料理」「干貝醬做法」等內容，但同業官網鮮少經營食譜型內容，這塊內容缺口典醬家可優先卡位。
4. 雙軌通路整合（門市＋電商）：門市已遷至馬公市中正路39號市區精華地段，官網應強化「線上研究、線下取貨/體驗」的O2O敘事，而非單純把官網當成獨立電商頻道。

網站建議延用 Joo 開店系統（現有官網 0800888699.com.tw 已是 Joo 系統架設，網址結構為 joo.com.tw/800888699/），延用既有平台可降低轉換成本，並保留：

• 現有商品分類架構（經典醬料/私藏伴手/鮮凍好物/獨賣商品/澎湖嘴呷咪/紀念品/醬澎派禮盒）
• 現有會員/購物車/詢價車機制
• 現有最新消息、FAQ模組

後台優化建議：

1. Meta資訊逐頁客製化：目前多數頁面（含關於我們）meta-description與首頁完全相同，需為每個分類頁、每篇文章獨立撰寫description，避免重複內容問題。
2. 移除/修正異常設定：og:image路徑錯誤、about頁的nofollow標籤，這類技術瑕疵會直接影響SEO與社群分享成效，屬於低成本高效益的優先修正項。
3. 新增結構化資料：Product schema（含價格、庫存狀態）、LocalBusiness schema（門市資訊）、FAQPage schema，強化SEO與GEO的機器可讀性。
4. 確認RWD與圖片優化：Joo系統多數模板已支援RWD，需確認商品圖是否有alt文字、圖片是否有壓縮以加快行動裝置載入速度。
5. 後台內容更新權責分工：建議指定專人固定每月上架「最新消息」與「料理應用」文章，避免內容型頁面長期空窗（目前最新消息看似有更新，但食譜/知識型內容完全空白）。

把「澎湖旅客的隨手購買」，轉化為「離島後仍會回購的品牌關係」。

典醬家目前的最大機會不是拉新流量（澎湖伴手禮的到店客源相對穩定），而是：

1. 把到店的一次性消費，轉換成線上可回購的長期關係 — 透過會員系統、料理內容經營、送禮情境設計，讓遊客離開澎湖後仍會想起「典醬家的XO醬」並回到官網下單。
2. 用具體的製程與品質資訊，在同質化的伴手禮紅海中建立差異化信任 — 反添加、二次殺菌、全自動封蓋等優勢，需要從「一段文字」升級為「網站的核心敘事骨幹」，貫穿首頁、關於我們、商品頁。
3. 搶佔目前同業尚未經營的內容缺口（料理應用/知識型內容），同時建立GEO時代AI搜尋引擎可信賴引用的結構化事實內容，讓典醬家在「澎湖XO醬」「干貝醬做法」等搜尋情境中，成為AI與傳統搜尋皆優先推薦的品牌。

以上為第一版完整規劃。若您確認架構後，我可以比照澎湖安一海景大飯店的作業模式，接續進行：內容盤點細節補齊（如各商品淨重/保存期限等實際數據）、SVG網站架構圖、首頁HTML完整實作稿。您希望先從哪一項開始？