Brand Story
先看氛圍，再看飲品與位置
巷口咖啡 位於 台北市巷口路 12 號。首頁先呈現飲品與輕食、位置、照片與聯絡方式。
香氣先到
把飲品、甜點與座位節奏整理成一眼能懂的店面印象。
留坐感
用照片和短句讓客人知道這裡適合停一下、坐久一點。
咖啡與輕食 · google-map
作品集與照片模組先建立質感
適合需要展示空間、作品、餐點或服務成果的店家；全寬視覺先鋪開，再進入資訊。
首屏先給大面積視覺，接著才是文案與行動，適合作品導向頁面。
原生 Popover 讓圖片放大檢視，不需要自製覆蓋層或額外相依套件。
之後加入真實照片時，版面不需要重新設計。
Template Fit
Hermes 為什麼選這個模板
這個面板把模板選擇拆成產業、版型、內容、來源與在地訊號。它只根據目前已有資料評估，不會把分數當成排名或成效承諾。
目前模板適配度：77/100。這代表示範頁素材完整度，不代表正式網站成效。
產業與模板家族相符
Premium Cafe - Gallery First 使用 咖啡與輕食 的內容節奏，適合 cafe 類型的示範頁。
目前證據模板標籤：cafe、bakery、tea、coffee、brunch。目前判定：咖啡與輕食。
訊號分數100/100
下一步確認店家是否接受此產業方向。
變體策略清楚可交付
作品集與照片模組先建立質感。這個變體把 full-width-visual、balanced 密度與 block 行動模式組合成可比較版本。
目前證據變體：v06；影像模式：gallery-grid；模組焦點：google-map。
訊號分數88/100
下一步讓店家在首頁、菜單、來源與上線簡報間比較是否符合品牌個性。
服務與內容槽位可支撐首頁
目前有 3 個可放入服務、菜單或流程卡片的安全項目；正式金額與細節仍保持待確認。
目前證據尚未找到正式菜單或服務來源，先使用安全待補槽位。
訊號分數70/100
下一步補上正式菜單、供應時段、照片與價格確認。
公開來源足以建立待補清單
目前有 1 個公開渠道、0 個素材候選與待確認的公開信箱來源。
目前證據公開渠道：Website。
訊號分數42/100
下一步補齊缺少的公開來源，避免未確認評論、分數、價格或官方宣稱。
到店與聯絡路徑有基本支撐
地址、電話、營業時間與地圖共 3 個可用訊號；頁面會把地圖按需載入並保留複製控制。
目前證據區域：Taiwan / Taipei。
訊號分數84/100
下一步確認地址、電話、營業時間、服務區域與 Google Maps 連結。
Template Add-on Planner
讓 Hermes 知道下一步該加什麼模組
這個面板把內容、素材、社群、在地資訊、聯絡交接與上線清單拆成可加裝模組。每個模組都先檢查來源與批准狀態，避免把未確認內容直接寫成正式網站。
目前加裝準備度：74/100。分數只代表素材與流程準備程度，不代表上線後結果。
加深菜單與服務內容區
把 3 個項目擴成分類、流程、FAQ 或比較卡。
- 項目數量 3 個可整理項目 可加裝
- 正式說明 待補正式描述 待補
- 頁面位置 首頁與菜單/服務頁已可承接 可加裝
- 金額安全 未確認金額保持待補 可加裝
加裝來源標記的圖片與素材區
整理 Logo、主視覺、菜單圖或照片候選。
- 素材候選 0 個公開素材候選 待補
- 本地視覺 模板已有本地 bitmap fallback 可加裝
- 替代文字 產生時保留圖片 alt 欄位 可加裝
- 授權狀態 正式使用前仍需確認 待補
加裝社群與公開渠道導流
整理 Instagram、Facebook、LINE、Maps 與既有網站入口。
- 公開渠道 1 個公開渠道候選 可加裝
- 社群入口 社群入口待補 待補
- 來源面板 Evidence workbench 可回查 可加裝
- 不冒充帳號 只呈現可確認 URL 可加裝
加裝到店、服務區域與地圖區
把地址、服務範圍、營業時間和地圖分層呈現。
- 地圖或地址 已有地圖/地址候選 可加裝
- 營業時間 以店家最新公布為準 可加裝
- 按需載入 地圖點擊後才載入 可加裝
- 手機路線 可接 Google Maps 外部入口 可加裝
加裝人工批准的詢問與交接區
把 email、LINE、電話、詢問文字與交付清單拆開。
- 聯絡候選 已有聯絡入口候選 可加裝
- 詢問產生器 首頁已有人工複製訊息 可加裝
- 寄送安全 不自動送出外聯 可加裝
- 批准流程 店家確認前保持示範狀態 待補
加裝上線與內容交付清單
把改動、素材、SEO、noindex、域名與批准放進清單。
- 上線清單 Launch readiness 已建立 可加裝
- 企劃簡報 Site brief 已建立 可加裝
- Noindex 安全 示範頁保持 noindex 可加裝
- 正式批准 等待店家最後確認 待補
來源
Before You Visit
來之前先看懂重點。
這一段把第一次瀏覽最需要的資訊拆開，讓訪客先掃過重點，再往下看菜單、照片與聯絡方式。
座位與時段
想久坐、帶電腦或多人同行，可先確認尖峰時段。
飲品與甜點
到店前先看主打內容，抵達後再依現場供應選擇。
照片與空間
首屏與相簿先放店面氣氛，讓客人知道適合哪種停留。
快速聯絡
電話已放在到店區，可直接複製或點擊。
A Day Here
從第一杯飲品，到想多待一會兒。
- 10:30 先看品牌氛圍
- 12:20 再看飲品與甜點
- 15:00 最後看地址與聯絡方式
Seasonal Menu
飲品與輕食重點
把招牌飲品、甜點、早午餐方向放在首頁，細節以店家最新資訊為準。 內容與價格以現場公布為準。
Journal
專欄不只是部落格，是長期品牌資產。
把菜單、作品、空間、服務流程和到訪提醒拆成短篇內容，讓網站不只像型錄，而像一個能慢慢認識的品牌。
Visual Warmth
店內氛圍與飲品
首頁相簿先呈現空間、餐桌、作品或服務細節。點開圖片可放大查看。
照片與社群位置
每張照片與每個外部入口都有固定放置位
0/4 張公開照片候選已分配到首屏、招牌、室內與到店位置；1/4 個外部入口已放到首頁、公開來源頁、頁尾或聯絡區。
待補實拍
首屏主圖
首頁第一眼
店面、室內、招牌餐點，或店家批准的最強封面照
示範內容，請店家確認
待補實拍
招牌餐點
照片牆第一張與菜單頁
真實餐點、產品、服務過程或作品細節
示範內容，請店家確認
待補實拍
店內氛圍
照片牆第二張與關於區
吧台、座位、接待區、工作區或團隊工作照
示範內容，請店家確認
待補實拍
到店門面
照片牆第三張與地圖區
門口、招牌、建築外觀、街道路線或到店照片
示範內容，請店家確認
素材確認
把照片、社群與公開素材整理成候選看板
Hermes 會先決定「哪種照片放在哪裡」，再把 Logo、主視覺、菜單或服務頁、地圖與社群來源放入待確認槽。這些素材先作為候選，不會取代店家授權確認。
2/6 個素材來源已找到。
- 首屏主圖 首頁第一眼 店面、室內、招牌餐點，或店家批准的最強封面照
- 招牌餐點 照片牆第一張與菜單頁 真實餐點、產品、服務過程或作品細節
- 店內氛圍 照片牆第二張與關於區 吧台、座位、接待區、工作區或團隊工作照
- 到店門面 照片牆第三張與地圖區 門口、招牌、建築外觀、街道路線或到店照片
- 社群頭像 外部入口、公開來源頁與頁尾 Facebook、Instagram、LINE、Google Maps 或店家上傳 Logo
待補公開來源
品牌
品牌標誌候選來源
如果公開頁面提供 Logo，Hermes 會先列為候選素材；正式站仍需要店家確認可使用版本。
- 放置位置
- 導覽品牌、頁尾、分享預覽與社群入口頭像
- 來源優先
- 店家上傳 Logo、社群頭像、店家網站圖示、公開品牌素材
- 替換規則
- 只用店家批准版本；沒有時保留文字品牌，不抓不明圖檔。
等店家批准實拍替換
首屏
主視覺照片候選來源
公開主圖會被放到素材看板，方便店家判斷是否替換示範視覺，不直接宣稱授權完成。
- 放置位置
- 首頁第一屏大圖與分享預覽候選
- 來源優先
- 店面、空間、招牌菜/作品、社群封面、Google Business/Profile 圖片、店家上傳
- 替換規則
- 有批准實拍照就替換 assets/demo-visual.png；沒有則保留本地非照片視覺並標示待確認。
等店家批准實拍替換
菜單
菜單與價目候選
菜單、服務或價目來源只作為外部參考，金額、供應狀態與細節必須由店家確認後才填入頁面。
- 放置位置
- 照片牆第一張、重點項目卡片與菜單服務頁圖片位
- 來源優先
- 菜單圖、招牌菜/飲品、服務過程、作品照、店家上傳照片
- 替換規則
- 只放真實菜色/服務照片；金額與品名無來源時保持待補。
等店家批准實拍替換
店內
室內與體驗照片槽
用來承接店內、吧台、餐桌、接待區、工作區或服務場景照片，讓示範頁不只靠抽象圖形。
- 放置位置
- 照片牆第二張、關於區與體驗動線旁
- 來源優先
- 店家上傳、Facebook/Instagram 相簿、Google Business/Profile 室內照
- 替換規則
- 沒有授權實拍照時使用本地非照片視覺；不從社群偷圖。
來源連結已找到
Maps
地圖與到店來源
地圖來源協助確認位置、路線與附近搜尋入口；嵌入地圖仍採用點擊後載入。
- 放置位置
- 地圖區、照片牆第三張與到店按鈕
- 來源優先
- Google Maps、店門、招牌、街景入口、建築外觀、店家上傳
- 替換規則
- Maps 只作路線來源；外觀照片需店家批准後才替換 assets/gallery-3.png。
來源連結已找到
Website
公開社群候選來源
社群頁面可以提供照片、營業公告與素材方向；沒有來源時不建立不存在的帳號或貼文。
- 放置位置
- 首頁外部入口、公開來源頁與頁尾
- 來源優先
- Instagram、Facebook、LINE、Google Maps、店家網站；同一品牌才使用
- 替換規則
- 只連可驗證 URL；缺 Instagram 就顯示待補，不產生假帳號。
Visit
地址、營業資訊與路線
電話+886 2 0000 0000
地點台北市巷口路 12 號
營業時間以店家最新公布為準
Public Evidence
把公開資料變成正式網站清單
Hermes 會把已找到的公開資料與待補資料分開，讓店家知道哪些內容可直接確認，哪些還不能寫進正式網站。
8/20 個資料點已有公開來源或店家欄位。
店家身分與來源頁
先確認店名、類別、地區與聯絡信箱來源，避免把示範頁做成找不到來源的內容。
- 店名 巷口咖啡 已找到
- 類別 cafe 已找到
- 城市 Taipei 已找到
- Email 來源 待補公開頁面 待補
聯絡與到店資料
電話、地址與營業時間如果沒有公開來源，就保持待補狀態，不把猜測寫進正式頁面。
- 公開聯絡信箱 待補 待補
- 電話 +886 2 0000 0000 已找到
- 地址 台北市巷口路 12 號 已找到
- 營業時間 以店家最新公布為準 已找到
公開網站、地圖與社群
Hermes 可以把公開渠道排成可點擊入口；缺少的渠道會保留待補，不產生不存在的帳號。
- 既有網站 https://skyline-demo-sites.pages.dev 已找到
- Google Maps 正式連結 待補 待補
- Instagram 待補 待補
- Facebook 或 LINE 待補 待補
公開圖片與菜單候選素材
公開頁面找到的 Logo、主視覺或菜單連結會先列為候選來源；正式使用前仍需要店家確認授權與內容正確性。
- Logo 候選來源 待補公開圖檔或品牌素材 待補
- 主視覺候選來源 待補公開照片或店家素材 待補
- 菜單或價目來源 待補公開菜單、價目或服務頁 待補
- 素材使用授權 店家確認後才替換進正式站 待補
菜單、照片與回饋素材
正式品項、照片、金額與公開回饋都需要來源或店家確認；示範頁只先把版面準備好。
- 菜單項目 待補 待補
- 真實照片 待店家提供 待補
- 正式金額或方案 店家確認後才填 待補
- 公開回饋素材 可從公開渠道開始確認 已找到
Search Preview
上線前先看搜尋與分享會怎麼呈現
這個預覽把搜尋摘要、地圖、社群分享、結構化資料與正式索引檢查分開。它只檢查資料完整度，不預測搜尋位置、流量或成效。
目前搜尋準備度：82/100。正式公開前仍需要人工確認所有來源與素材授權。
搜尋結果摘要預覽
使用店名、類別、地區與首頁摘要，不加入排名、最佳、第一名等未確認宣稱。
https://skyline-demo-sites-tertiary.pages.dev/template-premium-cafe-v06/
巷口咖啡 | cafe Taipei
照片、飲品重點、Instagram 與聯絡入口集中在首頁，手機上也能快速找到下一步。
標題
巷口咖啡 | cafe Taipei
摘要
照片、飲品重點、Instagram 與聯絡入口集中在首頁，手機上也能快速找到下一步。
地區
Taipei
內容來源
已有服務或菜單方向
確認正式 SEO 標題、摘要、主要服務與地區詞。
Google Maps 與到店資訊
已有地址或地圖訊號。
https://skyline-demo-sites-tertiary.pages.dev/template-premium-cafe-v06/
巷口咖啡 - Google Maps 與聯絡資訊
地址、電話或地圖入口已可被放進示範動線，地圖仍採按需載入。
Google Maps
可用搜尋連結，正式 Maps URL 待補
地址
台北市巷口路 12 號
電話
+886 2 0000 0000
營業時間
以店家最新公布為準
確認 Google Maps URL、地址、電話、營業時間與服務區域。
社群與手機分享預覽
公開渠道：Website。
https://skyline-demo-sites-tertiary.pages.dev/template-premium-cafe-v06/
巷口咖啡 - 咖啡與輕食
可連到 Website 等公開渠道。
分享標題
巷口咖啡 | cafe Taipei
預覽圖片
正式分享圖待補
公開渠道
Website
Demo URL
https://skyline-demo-sites-tertiary.pages.dev/template-premium-cafe-v06/
補上正式分享圖、社群入口與店家確認過的簡短介紹。
LocalBusiness 結構化資料
JSON-LD 來自已存在欄位與公開來源，不使用評分、優惠、價格範圍或評論欄位。
https://skyline-demo-sites-tertiary.pages.dev/template-premium-cafe-v06/
CafeOrCoffeeShop schema
示範頁只輸出安全的 LocalBusiness 欄位，排除星等、價格、優惠、評論與未確認承諾。
Schema 類型
CafeOrCoffeeShop
名稱
巷口咖啡
地址/電話
台北市巷口路 12 號 / +886 2 0000 0000
sameAs
Website
補齊地址、電話、公開渠道與正式圖片後再公開索引。
正式索引前安全檢查
目前 demo 頁包含 robots noindex，且所有未確認欄位仍標示待確認。
https://skyline-demo-sites-tertiary.pages.dev/template-premium-cafe-v06/
正式公開前仍保留 noindex
Hermes 會把示範頁保持 noindex，等內容、圖片、價格、回饋與聯絡資訊人工確認後再進入正式上線。
Noindex
示範頁保持 noindex，正式公開前再移除
真實素材
待補 Logo、照片或分享圖
正式 URL
https://skyline-demo-sites.pages.dev
內容確認
文字、價格、回饋與聯絡資訊需人工確認
完成素材授權、正式網域、內容審核與人工批准後再解除 noindex。
Design Pattern Lab
把公開頁面的結構訊號轉成安全設計檢查
Hermes 可以分析公開頁面的結構模式，但不複製外部文案、圖片、品牌資產、class name 或專有版面。這個面板只把 benchmark 類別轉成目前示範頁的內部檢查。
目前設計模式覆蓋度：84/100。這代表 demo 結構完整度，不代表市場表現。
Section-rich, scannable page structure
公開 benchmark 顯示，高品質頁面通常有清楚主導覽、足夠段落深度、主要內容地標與明確頁尾。Hermes 用首頁模組和支援頁面把這些結構做成可掃讀流程。
Benchmark patternscannable primary navigation + section-rich landing flow
本頁證據作品集與照片模組先建立質感；首頁含模板、內容、互動、素材、地圖、來源、搜尋、路徑與上線模組。
- 主導覽 首頁有多入口導覽與 scroll-aware 狀態 已覆蓋
- 段落深度 首頁模組覆蓋內容、來源、搜尋與 CTA 路徑 已覆蓋
- 支援頁面 Menu / Sources / Launch / Brief 已建立 已覆蓋
- 產業匹配 Premium Cafe - Gallery First 對應 咖啡與輕食 已覆蓋
正式上線前保持一個清楚 H1，並刪除店家不需要的模組而不是堆疊無關內容。
Multi-entry conversion path without pressure tactics
公開 benchmark 裡常見的高品質結構會提供多個行動入口；Hermes 將它拆成詢問、到店、比較、來源核對與交付，而不使用緊迫感或成效承諾。
Benchmark patternmulti-entry conversion path + direct inquiry surface
本頁證據已有公開聯絡入口候選，CTA Path Lab 可指向聯絡與地圖。
- 聯絡 CTA 有公開信箱或電話候選 已覆蓋
- 到店 CTA 地圖或地址可確認 已覆蓋
- 比較 CTA 3 個內容項目可比較 已覆蓋
- 交付 CTA 上線計畫頁已建立 已覆蓋
補齊正式聯絡方式、LINE 或表單後，再決定首頁最主要的 CTA。
Responsive visual storytelling with safe assets
公開 benchmark 強調圖片數量、alt、lazy loading、srcset 和穩定尺寸；Hermes 使用本地生成圖片做展示，正式站再替換成授權素材。
Benchmark patternresponsive visual storytelling
本頁證據目前使用本地示範視覺，正式素材待補。
- 本地視覺 hero、gallery、scroll object 均為本地生成 已覆蓋
- 響應圖片 srcset、width、height 已輸出 已覆蓋
- 延遲載入 下方圖片與地圖採 lazy/按需載入 已覆蓋
- 公開素材 待店家提供 待補
替換成店家授權圖片，補上每張圖片的 alt、尺寸與載入策略。
Metadata-backed public preview
公開 benchmark 會檢查 viewport、description、OpenGraph/Twitter 類預覽與 JSON-LD。Hermes 先輸出 noindex demo，再用 Search Preview 區塊讓店家確認正式公開前要補什麼。
Benchmark patternmetadata-backed public preview + LocalBusiness schema
本頁證據示範頁包含 noindex、description、LocalBusiness JSON-LD 與 BreadcrumbList；Search Preview 面板拆出正式索引檢查。
- mobile viewport 所有生成頁包含 viewport 已覆蓋
- noindex 安全 示範頁保留 robots noindex 已覆蓋
- LocalBusiness 排除評分、優惠、評論與價格範圍 已覆蓋
- 公開渠道 1 個公開渠道候選 已覆蓋
正式公開前補上確認後的標題、描述、分享圖、正式域名與 source-backed schema 欄位。
Performance and accessibility baseline
公開 benchmark 的弱點常落在 eager scripts、重 iframe、缺少 alt 或鍵盤操作。Hermes 將互動控制做成原生按鈕、meter、details、live status 和 reduced-motion 分支。
Benchmark patternsemantic accessibility baseline + lightweight embeds
本頁證據頁面使用一個本地互動腳本，地圖按需載入，控制項有 focus-visible 與 aria-live 狀態。
- 鍵盤狀態 tabs/buttons 有 focus-visible 與 aria 狀態 已覆蓋
- live status 互動面板有 role=status 或 aria-live 已覆蓋
- reduced motion CSS 包含 prefers-reduced-motion 已覆蓋
- 輕量嵌入 Google Maps 點擊後才載入 已覆蓋
正式素材替換後，再用瀏覽器實測手機尺寸、圖片重量與第三方嵌入成本。
Standards Cockpit
把公開指南變成上線前檢查
這個面板把 W3C/WAI、Google Search Central、web.dev 與 schema.org 的公開指南轉成 demo 內部檢查。它只檢查結構與資料完整度，不承諾搜尋位置、流量或業績。
目前標準準備度：86/100。正式公開前仍要由店家確認內容、圖片、聯絡資訊與索引設定。
Accessible controls and target sizing
互動控制要容易點擊、可用鍵盤操作，並有清楚狀態回饋。
公開指南W3C WAI WCAG 2.2 Target Size
本頁證據首頁 tabs、copy buttons、FAQ、地圖載入、菜單篩選與支援頁 checklist 都使用原生控制和 focus-visible。
- 44px demo controls 核心按鈕與 tab 使用穩定觸控尺寸 已覆蓋
- Visible focus 主要連結與控制都有 focus-visible 樣式 已覆蓋
- Live status 互動面板使用 role=status 或 aria-live 已覆蓋
- Native controls FAQ、checkbox、button 與 meter 保留語意 已覆蓋
正式內容替換後，再用手機與鍵盤走完主要路徑，確認沒有過小或過密的控制。
Core user-experience signal readiness
頁面應關注載入、互動反應與視覺穩定，但 demo 分數不是真實使用者資料。
公開指南web.dev Core Web Vitals
本頁證據首屏圖片有尺寸和優先提示，下方圖片 lazy load，Google Maps iframe 點擊後才載入。
- Hero priority 主視覺有尺寸與 fetchpriority 已覆蓋
- Lazy media 下方圖片與地圖不阻塞首屏 已覆蓋
- Stable layout 圖片、meter、cards 都有固定尺寸或網格 已覆蓋
- Final assets 正式圖片仍待補 待補
正式素材上線前，壓縮圖片、確認第三方嵌入成本，並用真機重新量測。
LocalBusiness data readiness
在地資料要以店家確認與公開來源為準，demo 保持 noindex 到正式批准。
公開指南Google Search Central Local Business structured data
本頁證據CafeOrCoffeeShop JSON-LD 已存在；地址、電話、時間與公開渠道依目前來源填入或標示待補。
- Name 巷口咖啡 已覆蓋
- Address or map 已有地址或地圖來源 已覆蓋
- Phone or contact 已有公開聯絡候選 已覆蓋
- Public channels Website 已覆蓋
補齊正式地址、電話、營業時間、圖片與公開渠道後，再進入正式索引前檢查。
Schema vocabulary matches the business type
結構化資料只描述已知商家事實，不加入未確認社會證明、優惠或金額。
公開指南schema.org LocalBusiness
本頁證據目前類型：CafeOrCoffeeShop；demo URL：https://skyline-demo-sites-tertiary.pages.dev/template-premium-cafe-v06/。
- Type CafeOrCoffeeShop 已覆蓋
- Services 3 個內容項目可確認 已覆蓋
- No invented proof 不輸出星等、優惠、評論或未確認金額 已覆蓋
- sameAs 公開渠道候選已建立 已覆蓋
正式版只保留能由公開來源或店家確認的欄位，並在發布前驗證 JSON-LD。
Safe noindex-to-launch workflow
正式公開前要把內容、來源、體驗與索引狀態分開檢查。
公開指南Google Search Central Core Web Vitals and page experience
本頁證據示範頁包含 noindex、上線計畫、企劃簡報、搜尋預覽與 launch-readiness checklist。
- Noindex demo 示範頁預設不被正式索引 已覆蓋
- Launch checklist 首頁與支援頁都有可勾選交付項 已覆蓋
- Contact fields 聯絡資訊有候選 已覆蓋
- Hours 營業時間有候選 已覆蓋
等店家確認文字、素材授權、正式網域、聯絡資訊與索引設定後，再移除 noindex。
Bilingual Handoff
中英雙語內容先對齊再交付
香港與台灣商家常需要中文掃讀、英文輔助與清楚的店家確認流程。這個互動面板把首屏、CTA、內容、來源與地圖文字拆開檢查，避免把未確認內容翻成正式宣稱。
目前雙語交付準備度：80/100。正式公開前仍需店家確認語氣、專有名詞、地址、價格與素材授權。
Hero message alignment
Confirm the hero headline, category wording, and city label in both languages.
繁體中文巷口咖啡
EnglishShowcase Corner Cafe - source-confirmed cafe website preview for Taipei.
目前證據
Template supports zh-Hant + en.
- 中文品牌 巷口咖啡 可確認
- English brand Showcase Corner Cafe 可確認
- Category cafe 可確認
- Template language support zh-Hant, en 可確認
Contact wording handoff
Approve the final CTA labels, recipient, and manual-send flow before outreach.
繁體中文聯絡店家，確認正式內容與素材。
EnglishContact the business after details and media are confirmed.
目前證據
A public email or phone field is available for confirmation.
- Public contact available 可確認
- No auto-send CTA copy does not submit outreach by itself 可確認
- Opt-out safe Outreach remains behind Hermes send gates 可確認
menu content translation
Confirm menu names, item descriptions, photos, availability, and any prices in both languages.
繁體中文菜單內容以可審閱項目呈現，價格和細節不自動編造。
Englishmenu content is arranged as review-ready draft items; prices and claims are not invented.
目前證據
3 homepage items are available for review.
- Items ready for review 可確認
- Price safety Unconfirmed prices stay blank 可確認
- Terminology 咖啡與輕食 wording 可確認
Public-source explanation
Review public website, Google Maps, Instagram, Facebook, LINE, menu/service, logo, and hero-image candidates.
繁體中文公開來源、社群、地圖與素材候選分開標示，未確認資料不當成正式宣稱。
EnglishPublic sources, social links, maps, and media candidates are labeled separately; unconfirmed data is never treated as a claim.
目前證據
1 public channel candidates found.
- Source channels 1 candidates 可確認
- Evidence board 1 rendered external links 可確認
- No unsupported proof No external praise, promises, or prices are invented 可確認
Location and visit wording
Confirm address, service area, hours, phone, and Google Maps URL before launch.
繁體中文地址、地圖與到店資訊需由店家確認後公開。
EnglishAddress, map, and visit details should be confirmed by the business before launch.
目前證據
Map or address evidence is present.
- Map/address available 可確認
- Hours 以店家最新公布為準 可確認
- Mobile copy Short enough for compact buttons and map panels 可確認
不自動翻譯成正式宣稱
Visitor Journey
把漂亮頁面變成可追蹤的顧客動線
這個互動模擬器讓店家看到顧客如何從首屏、內容、來源、地圖走到聯絡。每一步都標示哪些資料已準備好，哪些仍需確認。
4/5 個顧客動線節點已有可用資料。
第一眼先知道這是誰、做什麼
首屏以 咖啡與輕食 的視覺方向承接 巷口咖啡，讓手機訪客先看到名稱、類別、重點與聯絡行動。
目前證據目前使用 Coffee & Cafe 版型與 巷口咖啡。
準備狀態已有資料可確認
下一個動作回到首屏
菜單內容 讓顧客快速判斷適不適合
顧客會往下掃過 3 個待確認項目，先理解服務、菜單或流程方向，再決定是否繼續看來源與地圖。
目前證據目前使用安全示範項目，正式內容待補。
準備狀態仍需店家或公開來源補齊
下一個動作查看菜單內容
用公開來源取代空泛稱讚
顧客進一步確認外部渠道、素材候選與待補資料；Hermes 只展示有來源或明確標示待確認的內容。
目前證據目前公開渠道：Website。
準備狀態已有資料可確認
下一個動作查看來源
地址、地圖與聯絡方式要一滑就到
地圖採取按需載入，頁面先保持快速，顧客需要路線時再開啟 Google Maps 或複製地址電話。
目前證據已有地址或地圖搜尋入口。
準備狀態已有資料可確認
下一個動作查看地圖
最後一步只留下清楚、可確認的聯絡行動
顧客可以回覆、複製詢問訊息或開啟聯絡入口；示範頁不會自動送出內容，也不冒充預約系統。
目前證據已有公開信箱或電話欄位。
準備狀態已有資料可確認
下一個動作前往聯絡
CTA Path Lab
讓每種訪客意圖都有下一步
這個互動面板把詢問、到店、比較、核對來源與上線交付拆成不同 CTA 路徑。分數只代表資料完整度，不代表詢問量、排名或營收。
目前 CTA 路徑準備度：83/100。正式網站仍需店家確認內容與素材授權。
想立刻詢問的訪客
這條路徑把手機訪客帶到聯絡方式、可複製訊息與最後 CTA，但不自動送出內容。
目前證據
已有公開信箱或電話欄位可確認。
- 首屏 CTA 首屏已有聯絡按鈕 可確認
- 公開聯絡 已有候選聯絡入口 可確認
- 訊息模板 詢問訊息可複製，不會自動寄出 可確認
- 人工確認 正式送出前仍由人操作 可確認
想確認位置與營業資訊的訪客
這條路徑把地址、電話、營業時間與按需載入的 Google Maps 放在同一個判斷流程。
目前證據
已有地址或地圖入口。
- 地圖入口 已有地圖或地址線索 可確認
- 營業資訊 已有營業時間欄位 可確認
- 複製操作 地址與電話可一鍵複製 可確認
- 效能安全 Google Maps 點擊後才載入 可確認
想比較品項的訪客
這條路徑讓訪客先看服務、菜單或流程方向，再進到菜單價格確認頁；未確認金額仍保持空白。
目前證據
已有內容項目或菜單候選來源。
- 首頁內容卡 已有可掃讀項目 可確認
- 菜單頁 已建立互動篩選頁 可確認
- 價格安全 金額預設待確認，不自動編造 可確認
- 素材候選 照片與素材待補 待補
想先核對公開來源的訪客
這條路徑把網站、地圖、社群、素材候選與待補清單分開，避免用沒有來源的評論或分數建立信任。
目前證據
1 個公開渠道可確認。
- 來源面板 公開資料與待補資料已分區 可確認
- 公開渠道 1 個渠道候選 可確認
- 素材來源 素材待補 待補
- 安全界線 不產生虛構評論、星等或價格 可確認
準備把示範頁交接成正式站
這條路徑把內容、來源、素材、noindex 與最後核准連成交付流程，適合店家或內部審核。
目前證據
首頁、菜單、來源、上線計畫與企劃簡報頁已建立；正式核准仍待人工確認。
- 頁面組合 五頁交付面已建立 可確認
- noindex 示範頁保持不索引 可確認
- 企劃簡報 site-brief.html 可供核對 可確認
- 最後批准 店家確認前不視為正式站 待補
Contact Route Planner
把聯絡方式變成可選路線
這個面板把 email、LINE、電話、地圖、既有網站與交付清單分開檢查。它只整理下一步；真人確認後才按送出、撥號或開始對話。
目前聯絡路線準備度：69/100。正式公開前仍需店家確認所有入口與回覆流程。
以公開信箱作為主要聯絡入口
適合需要店家先人工核對內容、素材與正式報價的網站交接情境。
目前證據
公開 business email 仍待來源確認。
- 公開信箱 待補公開信箱來源 待補
- 來源頁 來源頁待補 待補
- 安全模式 示範頁不會自動寄出 可確認
- 品牌署名 正式寄出前仍需 Skyline 人工確認 可確認
以 LINE 或即時訊息承接手機訪客
適合台港商家常用的手機對話入口；沒有公開 LINE 來源時只保留待補狀態。
目前證據
LINE 官方連結仍待補。
- LINE 入口 LINE URL 待補 待補
- 手機友善 按鈕可作為手機優先 CTA 可確認
- 回覆範圍 服務條件與時段仍需店家確認 待補
- 無自動送出 只開啟外部入口，不代替店家回覆 可確認
以電話承接需要快速確認的訪客
電話適合到店、預約或服務範圍確認；沒有電話時會引導到安全詢問訊息。
目前證據
電話欄位已整理：+886 2 0000 0000
- 電話欄位 +886 2 0000 0000 可確認
- 點擊撥號 tel: 入口已可用 可確認
- 營業時段 已有時段線索 可確認
- 人工接聽 不自動撥打或記錄通話 可確認
以 Google Maps 和到店資訊建立路線
適合需要地址、服務區域、營業資訊或導航的訪客；地圖仍保持點擊後載入。
目前證據
已有地址或 Google Maps 候選。
- 地圖入口 已有 Google Maps URL 或搜尋入口 可確認
- 地址 台北市巷口路 12 號 可確認
- 營業 以店家最新公布為準 可確認
- 效能 嵌入地圖點擊後才載入 可確認
以既有網站和社群來源輔助核對
這條路線讓店家或 Skyline 先核對既有網站、社群與素材候選，再決定正式站內容。
目前證據
既有網站候選：https://skyline-demo-sites.pages.dev
- 既有網站 已有網站 URL 可確認
- 社群來源 0 個社群候選 待補
- 素材候選 素材待補 待補
- 不複製外站 只記錄來源，不複製第三方版面或素材 可確認
把聯絡路徑整理成交付清單
適合內部或店家審核，把缺少的聯絡、地圖、來源與批准狀態一次列清楚。
目前證據
已建立上線計畫與 site brief；正式公開仍需人工批准。
- 上線計畫 launch-plan.html 已建立 可確認
- 企劃簡報 site-brief.html 已建立 可確認
- 正式批准 店家確認前仍保持示範狀態 待補
- 不自動 outreach 這裡只輔助交付，不送真實外聯 可確認
Launch Readiness
把示範頁推進成正式網站
這個互動清單把「已有資料」和「仍需店家確認」分開。勾選狀態只代表準備程度，不會自動送出內容或宣稱已上線。
5/7
準備度正在計算
巷口咖啡 正式網站準備清單
已具備：品牌身分、聯絡入口、地圖與到店、菜單內容、公開渠道
待補齊：圖片與素材、店家最終確認
正式公開前請由店家確認所有文字、圖片、價格、回饋來源與聯絡資訊。
店家確認後才進正式站
待補內容
可直接補內容的區塊
首頁先把社群、菜單價格、顧客回饋與聯絡入口的位置留好，等資料確認後再替換。
More Details
首屏主照片
可加入門面、空間或招牌照片
位置首頁第一屏主視覺
來源品牌提供或可回查入口
備用圖內建品牌視覺
More Details
首頁三張照片
可加入招牌、室內、到店路線照片
第一張招牌菜/作品/服務細節
第二張室內/吧台/接待/工作區
第三張門面/招牌/街景入口
More Details
社群連結區
可加入 Instagram、Facebook、LINE 或網站
帳號可加入
連結有來源才填
顯示順序依主入口排序
More Details
菜單價格入口
連到菜單與價格頁
品項依最新內容
金額以最新公布為準
照片可加入
More Details
顧客回饋入口
連到顧客回饋素材頁
入口可加入
短句依內容補充
截圖可加入
More Details
到店與外部入口
放入地址、電話與公開渠道
到店資料以最新資訊為準
外部入口保留清楚出處
備註依現場資訊
Inquiry Builder
先選想詢問的方向
訪客可以先選一個安全的詢問方向，再複製整理好的訊息。這裡不會自動送出任何內容。
FAQ
來訪前常見問題。
把第一次瀏覽最常問的內容留在最後，讓訪客看完照片、菜單與到店資訊後能快速決定下一步。
需要先確認座位嗎？
週末、多人同行或想停留久一點時，建議先確認座位與營業時間。
菜單和價格固定嗎？
內容、價格與供應狀態以現場公布為準，頁面先提供瀏覽方向。
照片可以點開看嗎？
相簿照片可以放大查看，適合先看空間、餐點、作品或服務細節。
最快怎麼聯絡？
到店區集中放電話、地址、時間與外部入口，也可以直接使用頁尾聯絡按鈕。
想確認座位、飲品或營業時間？
看完故事、菜單、照片與到訪資訊後，可以直接從這裡開始聯絡。