地址、電話與營業資訊被放入首屏支援卡，降低訪客尋找成本。
About
讓第一次到訪的顧客更快理解你
Contact Us 位於 Hong Kong。以下內容以公開資訊與示範文案整理，未確認的資料會標示「示範內容，請店家確認」。
餐廳與酒吧 · google-map
街邊到店資訊放到更前面
適合靠地點、電話、營業時間與路線決策的店家；密度較高，但資訊位置更直接。
卡片間距更緊，適合路邊店、診所、服務業等高意圖流量。
Google Maps 保持點擊後載入，讓頁面初始速度不被第三方嵌入拖慢。
Template Fit
Hermes 為什麼選這個模板
這個面板把模板選擇拆成產業、版型、內容、來源與在地訊號。它只根據目前已有資料評估，不會把分數當成排名或成效承諾。
目前模板適配度：92/100。這代表示範頁素材完整度，不代表正式網站成效。
產業與模板家族相符
Premium Restaurant - Streetfront Guide 使用 餐廳與酒吧 的內容節奏，適合 restaurant 類型的示範頁。
目前證據模板標籤：restaurant、dining、bistro、noodle、hotpot、bar。目前判定：餐廳與酒吧。
訊號分數100/100
下一步確認店家是否接受此產業方向。
變體策略清楚可交付
街邊到店資訊放到更前面。這個變體把 contact-first、dense 密度與 underlined 行動模式組合成可比較版本。
目前證據變體：v03；影像模式：route-panels；模組焦點：google-map。
訊號分數88/100
下一步讓店家在首頁、菜單、來源與上線簡報間比較是否符合品牌個性。
服務與內容槽位可支撐首頁
目前有 5 個可放入服務、菜單或流程卡片的安全項目；正式金額與細節仍保持待確認。
目前證據已找到菜單或服務來源：https://www.boncafe.com.hk/service-repair.php
訊號分數100/100
下一步補上正式菜單、供應時段、照片與價格確認。
公開來源足以建立待補清單
目前有 3 個公開渠道、3 個素材候選與已驗證的公開信箱來源。
目前證據公開渠道：Instagram、Facebook、Website、Google Maps。
訊號分數100/100
下一步補齊缺少的公開來源，避免未確認評論、分數、價格或官方宣稱。
到店與聯絡路徑有基本支撐
地址、電話、營業時間與地圖共 2 個可用訊號；頁面會把地圖按需載入並保留複製控制。
目前證據區域：Hong Kong / Hong Kong。
訊號分數72/100
下一步確認地址、電話、營業時間、服務區域與 Google Maps 連結。
餐廳與酒吧
菜單亮點用待確認卡片先排好
菜色、飲品與用餐場景可以先建立版面；金額、供應狀態與真實評語不會被自動編造。
Our Coffee
把顧客最常找的資訊放在首頁，讓手機訪客能快速了解服務、位置與聯絡方式。
待店家確認Sponsorship
把顧客最常找的資訊放在首頁，讓手機訪客能快速了解服務、位置與聯絡方式。
待店家確認ENQUIRY CART: 0 ITEM(S)
把顧客最常找的資訊放在首頁，讓手機訪客能快速了解服務、位置與聯絡方式。
待店家確認
Interactive Scroll
瓶身視覺滑到段落底部才離開
餐廳類頁面用瓶身、餐盤或醬料罐帶出動態感，像一個可替換的招牌視覺槽。
- 01先抓住餐廳風格
- 02接著呈現菜單方向
- 03最後把地圖與電話放近
Visual Assets
多張本地視覺素材，之後可替換真實照片
Source Media
把線上公開素材整理成候選看板
Hermes 會從公開頁面提取 Logo、主視覺、菜單或服務頁、地圖與社群來源。這些素材先作為候選，不會取代店家授權確認。
5/5 個素材來源已找到。
來源連結已找到
來源連結已找到
來源連結已找到
Google Maps
地址、營業資料與地圖放在同一段
Public Evidence
把公開資料變成正式網站清單
Hermes 會把已找到的公開資料與待補資料分開，讓店家知道哪些內容可直接確認，哪些還不能寫進正式網站。
15/20 個資料點已有公開來源或店家欄位。
店家身分與來源頁
先確認店名、類別、地區與聯絡信箱來源，避免把示範頁做成找不到來源的內容。
- 店名 Contact Us 已找到
- 類別 restaurant 已找到
- 城市 Hong Kong 已找到
- Email 來源 https://www.boncafe.com.hk/contact-us.php 已找到
聯絡與到店資料
電話、地址與營業時間如果沒有公開來源，就保持待補狀態，不把猜測寫進正式頁面。
- 公開聯絡信箱 info@boncafe.com.hk 已找到
- 電話 +852 2415 6080 已找到
- 地址 待補 待補
- 營業時間 待補 待補
公開網站、地圖與社群
Hermes 可以把公開渠道排成可點擊入口；缺少的渠道會保留待補，不產生不存在的帳號。
- 既有網站 https://www.boncafe.com.hk/contact-us.php 已找到
- Google Maps 正式連結 待補 待補
- Instagram https://www.instagram.com/boncafe_hk/ 已找到
- Facebook 或 LINE https://www.facebook.com/BoncafeHongKong/ 已找到
公開圖片與菜單候選素材
公開頁面找到的 Logo、主視覺或菜單連結會先列為候選來源；正式使用前仍需要店家確認授權與內容正確性。
- Logo 候選來源 https://www.boncafe.com.hk/images/mainLogo.png 已找到
- 主視覺候選來源 http://www.boncafe.com.hk//uploadedFile/15674287791488788975.jpg 已找到
- 菜單或價目來源 https://www.boncafe.com.hk/service-repair.php 已找到
- 素材使用授權 店家確認後才替換進正式站 待補
菜單、照片與回饋素材
正式品項、照片、金額與公開回饋都需要來源或店家確認；示範頁只先把版面準備好。
- 菜單項目 Our Coffee、Sponsorship、ENQUIRY CART: 0 ITEM(S)、Coffee、Coffee Machines、Your Business、Our Services、All Product 已找到
- 真實照片 已找到公開候選素材，仍需授權確認 已找到
- 正式金額或方案 店家確認後才填 待補
- 公開回饋素材 可從公開渠道開始確認 已找到
Search Preview
上線前先看搜尋與分享會怎麼呈現
這個預覽把搜尋摘要、地圖、社群分享、結構化資料與正式索引檢查分開。它只檢查資料完整度，不預測搜尋位置、流量或成效。
目前搜尋準備度：79/100。正式公開前仍需要人工確認所有來源與素材授權。
搜尋結果摘要預覽
使用店名、類別、地區與首頁摘要，不加入排名、最佳、第一名等未確認宣稱。
https://skyline-demo-sites.pages.dev/research-starter-1/
Contact Us | restaurant Hong Kong
以清楚資訊、手機優先版面、Google 地圖與快速聯絡行動，呈現店家的服務特色。
標題
Contact Us | restaurant Hong Kong
摘要
以清楚資訊、手機優先版面、Google 地圖與快速聯絡行動，呈現店家的服務特色。
地區
Hong Kong
內容來源
已有服務或菜單方向
確認正式 SEO 標題、摘要、主要服務與地區詞。
Google Maps 與到店資訊
尚未取得完整到店資料。
https://skyline-demo-sites.pages.dev/research-starter-1/
Contact Us - Google Maps 與聯絡資訊
地圖、地址、電話或服務區域需要補齊後再正式公開。
Google Maps
可用搜尋連結，正式 Maps URL 待補
地址
待補
電話
+852 2415 6080
營業時間
待補
確認 Google Maps URL、地址、電話、營業時間與服務區域。
社群與手機分享預覽
公開渠道：Instagram、Facebook、Website。
https://skyline-demo-sites.pages.dev/research-starter-1/
Contact Us - 餐廳與酒吧
可連到 Instagram、Facebook、Website 等公開渠道。
分享標題
Contact Us | restaurant Hong Kong
預覽圖片
已有公開候選或本地示範圖
公開渠道
Instagram、Facebook、Website
Demo URL
https://skyline-demo-sites.pages.dev/research-starter-1/
補上正式分享圖、社群入口與店家確認過的簡短介紹。
LocalBusiness 結構化資料
JSON-LD 來自已存在欄位與公開來源，不使用評分、優惠、價格範圍或評論欄位。
https://skyline-demo-sites.pages.dev/research-starter-1/
Restaurant schema
示範頁只輸出安全的 LocalBusiness 欄位，排除星等、價格、優惠、評論與未確認承諾。
Schema 類型
Restaurant
名稱
Contact Us
地址/電話
+852 2415 6080
sameAs
Instagram、Facebook、Website
補齊地址、電話、公開渠道與正式圖片後再公開索引。
正式索引前安全檢查
目前 demo 頁包含 robots noindex，且所有未確認欄位仍標示待確認。
https://skyline-demo-sites.pages.dev/research-starter-1/
正式公開前仍保留 noindex
Hermes 會把示範頁保持 noindex，等內容、圖片、價格、回饋與聯絡資訊人工確認後再進入正式上線。
Noindex
示範頁保持 noindex，正式公開前再移除
真實素材
候選素材待店家確認授權
正式 URL
https://www.boncafe.com.hk/contact-us.php
內容確認
文字、價格、回饋與聯絡資訊需人工確認
完成素材授權、正式網域、內容審核與人工批准後再解除 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 Restaurant - Streetfront Guide 對應 餐廳與酒吧 已覆蓋
正式上線前保持一個清楚 H1，並刪除店家不需要的模組而不是堆疊無關內容。
Multi-entry conversion path without pressure tactics
公開 benchmark 裡常見的高品質結構會提供多個行動入口；Hermes 將它拆成詢問、到店、比較、來源核對與交付，而不使用緊迫感或成效承諾。
Benchmark patternmulti-entry conversion path + direct inquiry surface
本頁證據已有公開聯絡入口候選，CTA Path Lab 可指向聯絡與地圖。
- 聯絡 CTA 有公開信箱或電話候選 已覆蓋
- 到店 CTA 地圖/地址待補 待補
- 比較 CTA 5 個內容項目可比較 已覆蓋
- 交付 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 排除評分、優惠、評論與價格範圍 已覆蓋
- 公開渠道 3 個公開渠道候選 已覆蓋
正式公開前補上確認後的標題、描述、分享圖、正式域名與 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 內部檢查。它只檢查結構與資料完整度，不承諾搜尋位置、流量或業績。
目前標準準備度：83/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 Contact Us 已覆蓋
- 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/research-starter-1/。
- Type Restaurant 已覆蓋
- Services 5 個內容項目可確認 已覆蓋
- 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。
Visitor Journey
把漂亮頁面變成可追蹤的顧客動線
這個互動模擬器讓店家看到顧客如何從首屏、內容、來源、地圖走到聯絡。每一步都標示哪些資料已準備好，哪些仍需確認。
4/5 個顧客動線節點已有可用資料。
第一眼先知道這是誰、做什麼
首屏以 餐廳與酒吧 的視覺方向承接 Contact Us，讓手機訪客先看到名稱、類別、重點與聯絡行動。
目前證據目前使用 Restaurant Demo System 版型與 Contact Us 的網站示範頁。
準備狀態已有資料可確認
下一個動作回到首屏
菜單內容 讓顧客快速判斷適不適合
顧客會往下掃過 5 個待確認項目，先理解服務、菜單或流程方向，再決定是否繼續看來源與地圖。
目前證據已有服務或菜單欄位可整理。
準備狀態已有資料可確認
下一個動作查看菜單內容
用公開來源取代空泛稱讚
顧客進一步確認外部渠道、素材候選與待補資料；Hermes 只展示有來源或明確標示待確認的內容。
目前證據目前公開渠道：Instagram、Facebook、Website。
準備狀態已有資料可確認
下一個動作查看來源
地址、地圖與聯絡方式要一滑就到
地圖採取按需載入，頁面先保持快速，顧客需要路線時再開啟 Google Maps 或複製地址電話。
目前證據地址、地圖或服務區域仍待確認。
準備狀態仍需店家或公開來源補齊
下一個動作查看地圖
最後一步只留下清楚、可確認的聯絡行動
顧客可以回覆、複製詢問訊息或開啟聯絡入口；示範頁不會自動送出內容，也不冒充預約系統。
目前證據已有公開信箱或電話欄位。
準備狀態已有資料可確認
下一個動作前往聯絡
CTA Path Lab
讓每種訪客意圖都有下一步
這個互動面板把詢問、到店、比較、核對來源與上線交付拆成不同 CTA 路徑。分數只代表資料完整度，不代表詢問量、排名或營收。
目前 CTA 路徑準備度：83/100。正式網站仍需店家確認內容與素材授權。
想立刻詢問的訪客
這條路徑把手機訪客帶到聯絡方式、可複製訊息與最後 CTA，但不自動送出內容。
目前證據
已有公開信箱或電話欄位可確認。
- 首屏 CTA 首屏已有聯絡按鈕 可確認
- 公開聯絡 已有候選聯絡入口 可確認
- 訊息模板 詢問訊息可複製，不會自動寄出 可確認
- 人工確認 正式送出前仍由人操作 可確認
想確認位置與營業資訊的訪客
這條路徑把地址、電話、營業時間與按需載入的 Google Maps 放在同一個判斷流程。
目前證據
地址、地圖或服務區域仍待補。
- 地圖入口 待補地圖或地址 待補
- 營業資訊 營業時間待補 待補
- 複製操作 地址與電話可一鍵複製 可確認
- 效能安全 Google Maps 點擊後才載入 可確認
想比較品項的訪客
這條路徑讓訪客先看服務、菜單或流程方向，再進到菜單價格確認頁；未確認金額仍保持空白。
目前證據
已有內容項目或菜單候選來源。
- 首頁內容卡 已有可掃讀項目 可確認
- 菜單頁 已建立互動篩選頁 可確認
- 價格安全 金額預設待確認，不自動編造 可確認
- 素材候選 已有素材候選來源 可確認
想先核對公開來源的訪客
這條路徑把網站、地圖、社群、素材候選與待補清單分開，避免用沒有來源的評論或分數建立信任。
目前證據
3 個公開渠道可確認。
- 來源面板 公開資料與待補資料已分區 可確認
- 公開渠道 3 個渠道候選 可確認
- 素材來源 已有素材候選 可確認
- 安全界線 不產生虛構評論、星等或價格 可確認
準備把示範頁交接成正式站
這條路徑把內容、來源、素材、noindex 與最後核准連成交付流程，適合店家或內部審核。
目前證據
首頁、菜單、來源、上線計畫與企劃簡報頁已建立；正式核准仍待人工確認。
- 頁面組合 五頁交付面已建立 可確認
- noindex 示範頁保持不索引 可確認
- 企劃簡報 site-brief.html 可供核對 可確認
- 最後批准 店家確認前不視為正式站 待補
Launch Readiness
把示範頁推進成正式網站
這個互動清單把「已有資料」和「仍需店家確認」分開。勾選狀態只代表準備程度，不會自動送出內容或宣稱已上線。
6/7
準備度正在計算
Contact Us 正式網站準備清單
已具備：品牌身分、聯絡入口、地圖與到店、菜單內容、圖片與素材、公開渠道
待補齊：店家最終確認
正式公開前請由店家確認所有文字、圖片、價格、回饋來源與聯絡資訊。
店家確認後才進正式站
Fill Areas
可直接補內容的區塊
首頁先把社群、菜單價格、顧客回饋與地圖入口的位置留好，等資料確認後再替換。
Content Slot
社群連結區
放入 Instagram、Facebook、LINE 或網站
帳號待補
連結有來源才填
顯示順序待補
Content Slot
菜單價格入口
連到菜單與價格確認頁
品項待補
金額店家確認
照片待補
Content Slot
顧客回饋入口
連到顧客回饋素材頁
來源待補
短句店家確認
截圖待補
Content Slot
地圖與外部入口
放入 Google Maps 與公開渠道
地圖已接入
外部入口來源確認
備註待補
Launch FAQ
正式公開前的確認事項
這個區塊讓店家快速看懂哪些資料已經排好、哪些還需要補齊，降低從示範頁走到正式站的落差。
這個示範頁可以直接公開使用嗎？
目前頁面已經能展示版面與動線，但仍標記為 noindex 示範頁。正式公開前，店家需要確認文字、照片、地址、電話、營業時間與外部連結。
哪些內容最需要先補齊？
菜色、供應時段、座位資訊與店內照片 是最優先的確認項目。未確認的價格、回饋、數字與服務條件不會被自動填入。
如果店家還沒有完整素材怎麼辦？
可以先用本地示範視覺與待補欄位保留版面，等真實照片、社群連結或正式說明準備好，再逐步替換。
下一步怎麼變成正式網站？
確認素材與文案後，就能補上正式網址、SEO 標題、聯絡方式與公開來源，讓頁面從示範版本進入正式交付流程。
Inquiry Builder
先選想詢問的方向
訪客可以先選一個安全的詢問方向，再複製整理好的訊息。這裡不會自動送出任何內容。
想修正或加入更多內容？
回覆此示範頁需要修正或新增的內容
社群、地圖與外部入口
有公開社群連結時，Hermes 會直接放入示範頁；沒有來源的社群帳號不會被自動編造。