大圖區塊先抓住注意力，文案保持短句，避免把手機首屏塞滿。
About
先看氛圍，再看菜色與位置
Hutong 位於 18/F, H Zentre、15 Middle Rd、Tsim Sha Tsui、Hong Kong。首頁先呈現餐點、氛圍、位置、照片與聯絡方式。
餐廳與酒吧 · signature-items
大圖先行，讓視覺素材帶路
適合有漂亮產品、餐點、作品或空間照片的店家；首屏把圖片權重提高，再用內容卡接住行動。
圖片後接服務卡與地圖，讓訪客不用返回導覽也能往下完成判斷。
店家提供真實照片後，可以直接替換本地示範圖，不動版面結構。
Template Fit
Hermes 為什麼選這個模板
這個面板把模板選擇拆成產業、版型、內容、來源與在地訊號。它只根據目前已有資料評估，不會把分數當成排名或成效承諾。
目前模板適配度：91/100。這代表示範頁素材完整度，不代表正式網站成效。
產業與模板家族相符
Premium Restaurant - Image Ledger 使用 餐廳與酒吧 的內容節奏，適合 restaurant 類型的示範頁。
目前證據模板標籤：restaurant、dining、bistro、noodle、hotpot、bar。目前判定：餐廳與酒吧。
訊號分數100/100
下一步確認店家是否接受此產業方向。
變體策略清楚可交付
大圖先行，讓視覺素材帶路。這個變體把 image-led、airy 密度與 pill 行動模式組合成可比較版本。
目前證據變體：v02；影像模式：wide-crops；模組焦點：signature-items。
訊號分數88/100
下一步讓店家在首頁、菜單、來源與上線簡報間比較是否符合品牌個性。
服務與內容槽位可支撐首頁
目前有 3 個可放入服務、菜單或流程卡片的安全項目；正式金額與細節仍保持待確認。
目前證據已找到菜單或服務來源：https://hutong.com.hk/menus/
訊號分數84/100
下一步補上正式菜單、供應時段、照片與價格確認。
公開來源足以建立待補清單
目前有 4 個公開渠道、3 個素材候選與已驗證的公開信箱來源。
目前證據公開渠道：Instagram、Facebook、Website、Google Maps。
訊號分數100/100
下一步補齊缺少的公開來源，避免未確認評論、分數、價格或官方宣稱。
到店與聯絡路徑有基本支撐
地址、電話、營業時間與地圖共 3 個可用訊號；頁面會把地圖按需載入並保留複製控制。
目前證據區域：Hong Kong / Tsim Sha Tsui。
訊號分數84/100
下一步確認地址、電話、營業時間、服務區域與 Google Maps 連結。
Template Add-on Planner
讓 Hermes 知道下一步該加什麼模組
這個面板把內容、素材、社群、在地資訊、聯絡交接與上線清單拆成可加裝模組。每個模組都先檢查來源與批准狀態，避免把未確認內容直接寫成正式網站。
目前加裝準備度：76/100。分數只代表素材與流程準備程度，不代表上線後結果。
加深菜單與服務內容區
把 3 個項目擴成分類、流程、FAQ 或比較卡。
- 項目數量 3 個可整理項目 可加裝
- 正式說明 待補正式描述 待補
- 頁面位置 首頁與菜單/服務頁已可承接 可加裝
- 金額安全 未確認金額保持待補 可加裝
加裝來源標記的圖片與素材區
整理 Logo、主視覺、菜單圖或照片候選。
- 素材候選 3 個公開素材候選 可加裝
- 本地視覺 模板已有本地 bitmap fallback 可加裝
- 替代文字 產生時保留圖片 alt 欄位 可加裝
- 授權狀態 正式使用前仍需確認 待補
加裝社群與公開渠道導流
整理 Instagram、Facebook、LINE、Maps 與既有網站入口。
- 公開渠道 4 個公開渠道候選 可加裝
- 社群入口 已有社群或 LINE 候選 可加裝
- 來源面板 Evidence workbench 可回查 可加裝
- 不冒充帳號 只呈現可確認 URL 可加裝
加裝到店、服務區域與地圖區
把地址、服務範圍、營業時間和地圖分層呈現。
- 地圖或地址 已有地圖/地址候選 可加裝
- 營業時間 營業時間待補 待補
- 按需載入 地圖點擊後才載入 可加裝
- 手機路線 可接 Google Maps 外部入口 可加裝
加裝人工批准的詢問與交接區
把 email、LINE、電話、詢問文字與交付清單拆開。
- 聯絡候選 已有聯絡入口候選 可加裝
- 詢問產生器 首頁已有人工複製訊息 可加裝
- 寄送安全 不自動送出外聯 可加裝
- 批准流程 店家確認前保持示範狀態 待補
加裝上線與內容交付清單
把改動、素材、SEO、noindex、域名與批准放進清單。
- 上線清單 Launch readiness 已建立 可加裝
- 企劃簡報 Site brief 已建立 可加裝
- Noindex 安全 示範頁保持 noindex 可加裝
- 正式批准 等待店家最後確認 待補
來源
餐廳與酒吧
菜單亮點
把招牌菜色、飲品與用餐場景放到最容易掃讀的位置，供應狀態以店家最新資訊為準。
招牌菜式
重點資訊保持短句與清楚層次，方便手機訪客快速掃讀。
分享小點
重點資訊保持短句與清楚層次，方便手機訪客快速掃讀。
飲品與甜點
重點資訊保持短句與清楚層次，方便手機訪客快速掃讀。
到店動線
從菜色一路看到到店資訊
先看餐廳風格，再看菜單方向，最後把地址、電話與地圖放近。
- 01先抓住餐廳風格
- 02接著呈現菜單方向
- 03最後把地圖與電話放近
Gallery
餐廳空間與菜色照片
照片與社群位置
每張照片與每個外部入口都有固定放置位
2/4 張公開照片候選已分配到首屏、招牌、室內與到店位置；4/5 個外部入口已放到首頁、公開來源頁、頁尾或地圖區。
素材確認
把照片、社群與公開素材整理成候選看板
Hermes 會先決定「哪種照片放在哪裡」，再把 Logo、主視覺、菜單或服務頁、地圖與社群來源放入待確認槽。這些素材先作為候選，不會取代店家授權確認。
5/6 個素材來源已找到。
- 首屏主圖 首頁第一眼 店面、室內、招牌餐點，或店家批准的最強封面照
- 招牌餐點 照片牆第一張與菜單頁 真實餐點、產品、服務過程或作品細節
- 店內氛圍 照片牆第二張與關於區 吧台、座位、接待區、工作區或團隊工作照
- 到店門面 照片牆第三張與地圖區 門口、招牌、建築外觀、街道路線或到店照片
- 社群頭像 外部入口、公開來源頁與頁尾 Facebook、Instagram、LINE、Google Maps 或店家上傳 Logo
來源連結已找到
品牌
品牌標誌候選來源
如果公開頁面提供 Logo，Hermes 會先列為候選素材；正式站仍需要店家確認可使用版本。
- 放置位置
- 導覽品牌、頁尾、分享預覽與社群入口頭像
- 來源優先
- 店家上傳 Logo、社群頭像、店家網站圖示、公開品牌素材
- 替換規則
- 只用店家批准版本；沒有時保留文字品牌，不抓不明圖檔。
首屏
主視覺照片候選來源
公開主圖會被放到素材看板，方便店家判斷是否替換示範視覺，不直接宣稱授權完成。
- 放置位置
- 首頁第一屏大圖與分享預覽候選
- 來源優先
- 店面、空間、招牌菜/作品、社群封面、Google Business/Profile 圖片、店家上傳
- 替換規則
- 有批准實拍照就替換 assets/demo-visual.png；沒有則保留生成 fallback 並標示待確認。
菜單
菜單與價目候選
菜單、服務或價目來源只作為外部參考，金額、供應狀態與細節必須由店家確認後才填入頁面。
- 放置位置
- 照片牆第一張、重點項目卡片與菜單服務頁圖片位
- 來源優先
- 菜單圖、招牌菜/飲品、服務過程、作品照、店家上傳照片
- 替換規則
- 只放真實菜色/服務照片；金額與品名無來源時保持待補。
生成示範圖，等實拍替換
店內
室內與體驗照片槽
用來承接店內、吧台、餐桌、接待區、工作區或服務場景照片，讓示範頁不只靠抽象圖形。
- 放置位置
- 照片牆第二張、關於區與體驗動線旁
- 來源優先
- 店家上傳、Facebook/Instagram 相簿、Google Business/Profile 室內照
- 替換規則
- 沒有授權實拍照時使用生成 fallback；不從社群偷圖。
來源連結已找到
Maps
地圖與到店來源
地圖來源協助確認位置、路線與附近搜尋入口；嵌入地圖仍採用點擊後載入。
- 放置位置
- 地圖區、照片牆第三張與到店按鈕
- 來源優先
- Google Maps、店門、招牌、街景入口、建築外觀、店家上傳
- 替換規則
- Maps 只作路線來源；外觀照片需店家批准後才替換 assets/gallery-3.png。
來源連結已找到
Instagram
公開社群候選來源
社群頁面可以提供照片、營業公告與素材方向；沒有來源時不建立不存在的帳號或貼文。
- 放置位置
- 首頁外部入口、公開來源頁與頁尾
- 來源優先
- Instagram、Facebook、LINE、Google Maps、店家網站；同一品牌才使用
- 替換規則
- 只連可驗證 URL；缺 Instagram 就顯示待補，不產生假帳號。
Google Maps
地址、營業資訊與路線
地址：18/F, H Zentre、15 Middle Rd、Tsim Sha Tsui、Hong Kong
電話：+852 3428 8342
營業時間：請以店家最新公布為準
Public Evidence
把公開資料變成正式網站清單
Hermes 會把已找到的公開資料與待補資料分開，讓店家知道哪些內容可直接確認，哪些還不能寫進正式網站。
16/20 個資料點已有公開來源或店家欄位。
店家身分與來源頁
先確認店名、類別、地區與聯絡信箱來源，避免把示範頁做成找不到來源的內容。
- 店名 Hutong 已找到
- 類別 restaurant 已找到
- 城市 Tsim Sha Tsui 已找到
- Email 來源 https://hutong.com.hk/contact-us/ 已找到
聯絡與到店資料
電話、地址與營業時間如果沒有公開來源，就保持待補狀態，不把猜測寫進正式頁面。
- 公開聯絡信箱 hutong@aqua.com.hk 已找到
- 電話 +852 3428 8342 已找到
- 地址 18/F, H Zentre、15 Middle Rd、Tsim Sha Tsui、Hong Kong 已找到
- 營業時間 待補 待補
公開網站、地圖與社群
Hermes 可以把公開渠道排成可點擊入口；缺少的渠道會保留待補，不產生不存在的帳號。
- 既有網站 https://hutong.com.hk/contact-us/ 已找到
- Google Maps 正式連結 https://www.google.com/maps/search/?api=1&query=22.2954247,114.1733149 已找到
- Instagram https://www.instagram.com/hutonghk/ 已找到
- Facebook 或 LINE https://www.facebook.com/HutongHK/ 已找到
公開圖片與菜單候選素材
公開頁面找到的 Logo、主視覺或菜單連結會先列為候選來源；正式使用前仍需要店家確認授權與內容正確性。
- Logo 候選來源 https://hutong.com.hk/wp-content/uploads/2022/01/logo-hutong.svg 已找到
- 主視覺候選來源 https://hutong.com.hk/wp-content/uploads/2024/01/Hutong-Main-Dining-Room-7.jpg 已找到
- 菜單或價目來源 https://hutong.com.hk/menus/ 已找到
- 素材使用授權 店家確認後才替換進正式站 待補
菜單、照片與回饋素材
正式品項、照片、金額與公開回饋都需要來源或店家確認；示範頁只先把版面準備好。
- 菜單項目 待補 待補
- 真實照片 已找到公開候選素材，仍需授權確認 已找到
- 正式金額或方案 店家確認後才填 待補
- 公開回饋素材 可從公開渠道開始確認 已找到
Search Preview
上線前先看搜尋與分享會怎麼呈現
這個預覽把搜尋摘要、地圖、社群分享、結構化資料與正式索引檢查分開。它只檢查資料完整度，不預測搜尋位置、流量或成效。
目前搜尋準備度：84/100。正式公開前仍需要人工確認所有來源與素材授權。
搜尋結果摘要預覽
使用店名、類別、地區與首頁摘要，不加入排名、最佳、第一名等未確認宣稱。
https://skyline-demo-sites.pages.dev/goal-hutong-quality-proof/
Hutong | restaurant Tsim Sha Tsui
照片、菜單亮點、地址與聯絡入口集中在首頁，手機上也能快速找到下一步。
標題
Hutong | restaurant Tsim Sha Tsui
摘要
照片、菜單亮點、地址與聯絡入口集中在首頁，手機上也能快速找到下一步。
地區
Tsim Sha Tsui
內容來源
已有服務或菜單方向
確認正式 SEO 標題、摘要、主要服務與地區詞。
Google Maps 與到店資訊
已有地址或地圖訊號。
https://skyline-demo-sites.pages.dev/goal-hutong-quality-proof/
Hutong - Google Maps 與聯絡資訊
地址、電話或地圖入口已可被放進示範動線，地圖仍採按需載入。
Google Maps
https://www.google.com/maps/search/?api=1&query=22.2954247,114.1733149
地址
18/F, H Zentre、15 Middle Rd、Tsim Sha Tsui、Hong Kong
電話
+852 3428 8342
營業時間
待補
確認 Google Maps URL、地址、電話、營業時間與服務區域。
社群與手機分享預覽
公開渠道：Instagram、Facebook、Website。
https://skyline-demo-sites.pages.dev/goal-hutong-quality-proof/
Hutong - 餐廳與酒吧
可連到 Instagram、Facebook、Website 等公開渠道。
分享標題
Hutong | restaurant Tsim Sha Tsui
預覽圖片
已有公開候選或本地示範圖
公開渠道
Instagram、Facebook、Website
Demo URL
https://skyline-demo-sites.pages.dev/goal-hutong-quality-proof/
補上正式分享圖、社群入口與店家確認過的簡短介紹。
LocalBusiness 結構化資料
JSON-LD 來自已存在欄位與公開來源，不使用評分、優惠、價格範圍或評論欄位。
https://skyline-demo-sites.pages.dev/goal-hutong-quality-proof/
Restaurant schema
示範頁只輸出安全的 LocalBusiness 欄位，排除星等、價格、優惠、評論與未確認承諾。
Schema 類型
Restaurant
名稱
Hutong
地址/電話
18/F, H Zentre、15 Middle Rd、Tsim Sha Tsui、Hong Kong / +852 3428 8342
sameAs
Instagram、Facebook、Website
補齊地址、電話、公開渠道與正式圖片後再公開索引。
正式索引前安全檢查
目前 demo 頁包含 robots noindex，且所有未確認欄位仍標示待確認。
https://skyline-demo-sites.pages.dev/goal-hutong-quality-proof/
正式公開前仍保留 noindex
Hermes 會把示範頁保持 noindex，等內容、圖片、價格、回饋與聯絡資訊人工確認後再進入正式上線。
Noindex
示範頁保持 noindex，正式公開前再移除
真實素材
候選素材待店家確認授權
正式 URL
https://hutong.com.hk/contact-us/
內容確認
文字、價格、回饋與聯絡資訊需人工確認
完成素材授權、正式網域、內容審核與人工批准後再解除 noindex。
Design Pattern Lab
把公開頁面的結構訊號轉成安全設計檢查
Hermes 可以分析公開頁面的結構模式，但不複製外部文案、圖片、品牌資產、class name 或專有版面。這個面板只把 benchmark 類別轉成目前示範頁的內部檢查。
目前設計模式覆蓋度：86/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 Restaurant - Image Ledger 對應 餐廳與酒吧 已覆蓋
正式上線前保持一個清楚 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
本頁證據3 個公開素材候選已列入來源面板。
- 本地視覺 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 排除評分、優惠、評論與價格範圍 已覆蓋
- 公開渠道 4 個公開渠道候選 已覆蓋
正式公開前補上確認後的標題、描述、分享圖、正式域名與 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
本頁證據Restaurant JSON-LD 已存在；地址、電話、時間與公開渠道依目前來源填入或標示待補。
- Name Hutong 已覆蓋
- Address or map 已有地址或地圖來源 已覆蓋
- Phone or contact 已有公開聯絡候選 已覆蓋
- Public channels Instagram、Facebook、Website、Google Maps 已覆蓋
補齊正式地址、電話、營業時間、圖片與公開渠道後，再進入正式索引前檢查。
Schema vocabulary matches the business type
結構化資料只描述已知商家事實，不加入未確認社會證明、優惠或金額。
公開指南schema.org LocalBusiness
本頁證據目前類型：Restaurant；demo URL：https://skyline-demo-sites.pages.dev/goal-hutong-quality-proof/。
- Type Restaurant 已覆蓋
- 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、內容、來源與地圖文字拆開檢查，避免把未確認內容翻成正式宣稱。
目前雙語交付準備度：78/100。正式公開前仍需店家確認語氣、專有名詞、地址、價格與素材授權。
Hero message alignment
Confirm the hero headline, category wording, and city label in both languages.
繁體中文Hutong
EnglishHutong - source-confirmed restaurant website preview for Tsim Sha Tsui.
目前證據
Template supports zh-Hant + en.
- 中文品牌 Hutong 可確認
- English brand Hutong 可確認
- Category restaurant 可確認
- 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 prepared as confirmation-ready placeholders; 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.
目前證據
4 public channel candidates found.
- Source channels 4 candidates 可確認
- Evidence board 4 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 個顧客動線節點已有可用資料。
第一眼先知道這是誰、做什麼
首屏以 餐廳與酒吧 的視覺方向承接 Hutong，讓手機訪客先看到名稱、類別、重點與聯絡行動。
目前證據目前使用 Restaurant & Dining 版型與 Hutong。
準備狀態已有資料可確認
下一個動作回到首屏
菜單內容 讓顧客快速判斷適不適合
顧客會往下掃過 3 個待確認項目，先理解服務、菜單或流程方向，再決定是否繼續看來源與地圖。
目前證據目前使用安全示範項目，正式內容待補。
準備狀態仍需店家或公開來源補齊
下一個動作查看菜單內容
用公開來源取代空泛稱讚
顧客進一步確認外部渠道、素材候選與待補資料；Hermes 只展示有來源或明確標示待確認的內容。
目前證據目前公開渠道：Instagram、Facebook、Website。
準備狀態已有資料可確認
下一個動作查看來源
地址、地圖與聯絡方式要一滑就到
地圖採取按需載入，頁面先保持快速，顧客需要路線時再開啟 Google Maps 或複製地址電話。
目前證據已有地址或地圖搜尋入口。
準備狀態已有資料可確認
下一個動作查看地圖
最後一步只留下清楚、可確認的聯絡行動
顧客可以回覆、複製詢問訊息或開啟聯絡入口；示範頁不會自動送出內容，也不冒充預約系統。
目前證據已有公開信箱或電話欄位。
準備狀態已有資料可確認
下一個動作前往聯絡
CTA Path Lab
讓每種訪客意圖都有下一步
這個互動面板把詢問、到店、比較、核對來源與上線交付拆成不同 CTA 路徑。分數只代表資料完整度，不代表詢問量、排名或營收。
目前 CTA 路徑準備度：86/100。正式網站仍需店家確認內容與素材授權。
想立刻詢問的訪客
這條路徑把手機訪客帶到聯絡方式、可複製訊息與最後 CTA，但不自動送出內容。
目前證據
已有公開信箱或電話欄位可確認。
- 首屏 CTA 首屏已有聯絡按鈕 可確認
- 公開聯絡 已有候選聯絡入口 可確認
- 訊息模板 詢問訊息可複製，不會自動寄出 可確認
- 人工確認 正式送出前仍由人操作 可確認
想確認位置與營業資訊的訪客
這條路徑把地址、電話、營業時間與按需載入的 Google Maps 放在同一個判斷流程。
目前證據
已有地址或地圖入口。
- 地圖入口 已有地圖或地址線索 可確認
- 營業資訊 營業時間待補 待補
- 複製操作 地址與電話可一鍵複製 可確認
- 效能安全 Google Maps 點擊後才載入 可確認
想比較品項的訪客
這條路徑讓訪客先看服務、菜單或流程方向，再進到菜單價格確認頁；未確認金額仍保持空白。
目前證據
已有內容項目或菜單候選來源。
- 首頁內容卡 已有可掃讀項目 可確認
- 菜單頁 已建立互動篩選頁 可確認
- 價格安全 金額預設待確認，不自動編造 可確認
- 素材候選 已有素材候選來源 可確認
想先核對公開來源的訪客
這條路徑把網站、地圖、社群、素材候選與待補清單分開，避免用沒有來源的評論或分數建立信任。
目前證據
4 個公開渠道可確認。
- 來源面板 公開資料與待補資料已分區 可確認
- 公開渠道 4 個渠道候選 可確認
- 素材來源 已有素材候選 可確認
- 安全界線 不產生虛構評論、星等或價格 可確認
準備把示範頁交接成正式站
這條路徑把內容、來源、素材、noindex 與最後核准連成交付流程，適合店家或內部審核。
目前證據
首頁、菜單、來源、上線計畫與企劃簡報頁已建立；正式核准仍待人工確認。
- 頁面組合 五頁交付面已建立 可確認
- noindex 示範頁保持不索引 可確認
- 企劃簡報 site-brief.html 可供核對 可確認
- 最後批准 店家確認前不視為正式站 待補
Contact Route Planner
把聯絡方式變成可選路線
這個面板把 email、LINE、電話、地圖、既有網站與交付清單分開檢查。它只整理下一步；真人確認後才按送出、撥號或開始對話。
目前聯絡路線準備度：74/100。正式公開前仍需店家確認所有入口與回覆流程。
以公開信箱作為主要聯絡入口
適合需要店家先人工核對內容、素材與正式報價的網站交接情境。
目前證據
公開信箱來源：https://hutong.com.hk/contact-us/
- 公開信箱 hutong@aqua.com.hk 可確認
- 來源頁 信箱有可回查來源 可確認
- 安全模式 示範頁不會自動寄出 可確認
- 品牌署名 正式寄出前仍需 Skyline 人工確認 可確認
以 LINE 或即時訊息承接手機訪客
適合台港商家常用的手機對話入口；沒有公開 LINE 來源時只保留待補狀態。
目前證據
LINE 官方連結仍待補。
- LINE 入口 LINE URL 待補 待補
- 手機友善 按鈕可作為手機優先 CTA 可確認
- 回覆範圍 服務條件與時段仍需店家確認 待補
- 無自動送出 只開啟外部入口，不代替店家回覆 可確認
以電話承接需要快速確認的訪客
電話適合到店、預約或服務範圍確認；沒有電話時會引導到安全詢問訊息。
目前證據
電話欄位已整理：+852 3428 8342
- 電話欄位 +852 3428 8342 可確認
- 點擊撥號 tel: 入口已可用 可確認
- 營業時段 時段待補 待補
- 人工接聽 不自動撥打或記錄通話 可確認
以 Google Maps 和到店資訊建立路線
適合需要地址、服務區域、營業資訊或導航的訪客；地圖仍保持點擊後載入。
目前證據
已有地址或 Google Maps 候選。
- 地圖入口 已有 Google Maps URL 或搜尋入口 可確認
- 地址 18/F, H Zentre、15 Middle Rd、Tsim Sha Tsui、Hong Kong 可確認
- 營業 營業時間待補 待補
- 效能 嵌入地圖點擊後才載入 可確認
以既有網站和社群來源輔助核對
這條路線讓店家或 Skyline 先核對既有網站、社群與素材候選，再決定正式站內容。
目前證據
既有網站候選：https://hutong.com.hk/contact-us/
- 既有網站 已有網站 URL 可確認
- 社群來源 2 個社群候選 可確認
- 素材候選 已有素材/菜單候選 可確認
- 不複製外站 只記錄來源，不複製第三方版面或素材 可確認
把聯絡路徑整理成交付清單
適合內部或店家審核，把缺少的聯絡、地圖、來源與批准狀態一次列清楚。
目前證據
已建立上線計畫與 site brief；正式公開仍需人工批准。
- 上線計畫 launch-plan.html 已建立 可確認
- 企劃簡報 site-brief.html 已建立 可確認
- 正式批准 店家確認前仍保持示範狀態 待補
- 不自動 outreach 這裡只輔助交付，不送真實外聯 可確認
Launch Readiness
把示範頁推進成正式網站
這個互動清單把「已有資料」和「仍需店家確認」分開。勾選狀態只代表準備程度，不會自動送出內容或宣稱已上線。
6/7
準備度正在計算
Hutong 正式網站準備清單
已具備：品牌身分、聯絡入口、地圖與到店、菜單內容、圖片與素材、公開渠道
待補齊：店家最終確認
正式公開前請由店家確認所有文字、圖片、價格、回饋來源與聯絡資訊。
店家確認後才進正式站
待補內容
可直接補內容的區塊
首頁先把社群、菜單價格、顧客回饋與地圖入口的位置留好，等資料確認後再替換。
Content Slot
首屏主照片
放入店家批准的門面、空間或招牌照片
位置首頁第一屏主視覺
來源店家上傳或可驗證公開來源
Fallbackassets/demo-visual.png
Content Slot
首頁三張照片
放入招牌、室內、到店路線照片
第一張招牌菜/作品/服務細節
第二張室內/吧台/接待/工作區
第三張門面/招牌/街景入口
Content Slot
社群連結區
放入 Instagram、Facebook、LINE 或網站
帳號待補
連結有來源才填
顯示順序待補
Content Slot
菜單價格入口
連到菜單與價格確認頁
品項待補
金額店家確認
照片待補
Content Slot
顧客回饋入口
連到顧客回饋素材頁
來源待補
短句店家確認
截圖待補
Content Slot
地圖與外部入口
放入 Google Maps 與公開渠道
地圖已接入
外部入口來源確認
備註待補
上線前確認
正式公開前的確認事項
這個區塊讓店家快速看懂哪些資料已經排好、哪些還需要補齊，降低從示範頁走到正式站的落差。
這個示範頁可以直接公開使用嗎？
目前頁面已經能展示版面與動線，但仍標記為 noindex 示範頁。正式公開前，店家需要確認文字、照片、地址、電話、營業時間與外部連結。
哪些內容最需要先補齊？
菜色、供應時段、座位資訊與店內照片 是最優先的確認項目。未確認的價格、回饋、數字與服務條件不會被自動填入。
如果店家還沒有完整素材怎麼辦？
可以先用本地示範視覺與待補欄位保留版面，等真實照片、社群連結或正式說明準備好，再逐步替換。
下一步怎麼變成正式網站？
確認素材與文案後，就能補上正式網址、SEO 標題、聯絡方式與公開來源，讓頁面從示範版本進入正式交付流程。
Inquiry Builder
先選想詢問的方向
訪客可以先選一個安全的詢問方向，再複製整理好的訊息。這裡不會自動送出任何內容。
想訂位、問路或確認最新菜單？
使用下方入口聯絡店家，或開啟地圖查看到店路線。
社群、地圖與外部入口
追蹤最新菜單、活動與營業公告，或直接開啟地圖與聯絡入口。