照片、菜單亮點、Instagram 與聯絡入口集中在首頁，手機上也能快速找到下一步。
照片入口放在首頁上方，讓訪客先看真實視覺，再進入菜單、服務與聯絡資訊。
開啟 InstagramBig JJ Seafood Hotpot Restaurant 位於 you agree to our Terms of Use and Privacy Policy and consent to receive emails from Time Out about news, events, offers and partner promotions. Hong Kong。首頁先呈現餐點、氛圍、位置、照片與聯絡方式。
先讓客人看見菜色、空間與用餐節奏，再決定怎麼聯絡。
把菜單、座位、營業時間與到店資訊放進同一條瀏覽路線。
適合需要展示空間、作品、餐點或服務成果的店家；全寬視覺先鋪開，再進入資訊。
首屏先給大面積視覺，接著才是文案與行動，適合作品導向頁面。
原生 Popover 讓圖片放大檢視，不需要自製覆蓋層或額外相依套件。
之後加入真實照片時，版面不需要重新設計。
這個面板把模板選擇拆成產業、版型、內容、來源與在地訊號。它只根據目前已有資料評估，不會把分數當成排名或成效承諾。
目前模板適配度：92/100。這代表示範頁素材完整度，不代表正式網站成效。
Booking Premium Bistro - Gallery Booking 使用 餐廳與酒吧 的內容節奏，適合 restaurant 類型的示範頁。
作品集與照片模組先建立質感。這個變體把 full-width-visual、airy 密度與 booking-primary 行動模式組合成可比較版本。
目前有 5 個可放入服務、菜單或流程卡片的安全項目；正式金額與細節仍保持待確認。
目前有 4 個公開渠道、3 個素材候選與已驗證的公開信箱來源。
地址、電話、營業時間與地圖共 2 個可用訊號；頁面會把地圖按需載入並保留複製控制。
這個面板把內容、素材、社群、在地資訊、聯絡交接與上線清單拆成可加裝模組。每個模組都先檢查來源與批准狀態，避免把未確認內容直接寫成正式網站。
目前加裝準備度：78/100。分數只代表素材與流程準備程度，不代表上線後結果。
把 5 個項目擴成分類、流程、FAQ 或比較卡。
整理 Logo、主視覺、菜單圖或照片候選。
整理 Instagram、Facebook、LINE、Maps 與既有網站入口。
把地址、服務範圍、營業時間和地圖分層呈現。
把 email、LINE、電話、詢問文字與交付清單拆開。
把改動、素材、SEO、noindex、域名與批准放進清單。
這一段把第一次瀏覽最需要的資訊拆開，讓訪客先掃過重點，再往下看菜單、照片與聯絡方式。
多人、家庭或慶祝聚餐先確認座位安排。
先看主餐、分享餐或飲品方向，價格與供應以現場為準。
營業時間、午晚餐或尖峰時段放在到店區。
聯絡方式集中在到店區。
把招牌菜色、飲品與用餐場景放到最容易掃讀的位置，供應狀態以店家最新資訊為準。 內容與價格以現場公布為準。
把菜單、作品、空間、服務流程和到訪提醒拆成短篇內容，讓網站不只像型錄，而像一個能慢慢認識的品牌。
首頁相簿先呈現空間、餐桌、作品或服務細節。點開圖片可放大查看。
4/4 張公開照片候選已分配到首屏、招牌、室內與到店位置；4/4 個外部入口已放到首頁、公開來源頁、頁尾或聯絡區。
Hermes 會先決定「哪種照片放在哪裡」，再把 Logo、主視覺、菜單或服務頁、地圖與社群來源放入待確認槽。這些素材先作為候選，不會取代店家授權確認。
6/6 個素材來源已找到。
如果公開頁面提供 Logo，Hermes 會先列為候選素材；正式站仍需要店家確認可使用版本。
公開主圖會被放到素材看板，方便店家判斷是否替換示範視覺，不直接宣稱授權完成。
菜單、服務或價目來源只作為外部參考，金額、供應狀態與細節必須由店家確認後才填入頁面。
用來承接店內、吧台、餐桌、接待區、工作區或服務場景照片，讓示範頁不只靠抽象圖形。
地圖來源協助確認位置、路線與附近搜尋入口；嵌入地圖仍採用點擊後載入。
社群頁面可以提供照片、營業公告與素材方向；沒有來源時不建立不存在的帳號或貼文。
電話請以店家最新公布為準
地點you agree to our Terms of Use and Privacy Policy and consent to receive emails from Time Out about news, events, offers and partner promotions. Hong Kong
營業時間請以店家最新公布為準
Hermes 會把已找到的公開資料與可補充資料分開，讓店家知道哪些內容可直接確認，哪些還不能寫進正式網站。
15/20 個資料點已有公開來源或店家欄位。
先確認店名、類別、地區與聯絡信箱來源，避免把示範頁做成找不到來源的內容。
電話、地址與營業時間如果沒有公開來源，就保持可補充狀態，不把猜測寫進正式頁面。
Hermes 可以把公開渠道排成可點擊入口；缺少的渠道會保留可補充，不產生不存在的帳號。
公開頁面找到的 Logo、主視覺或菜單連結會先列為候選來源；正式使用前仍需要店家確認授權與內容正確性。
正式品項、照片、金額與公開回饋都需要來源或店家確認；示範頁只先把版面準備好。
這個預覽把搜尋摘要、地圖、社群分享、結構化資料與正式索引檢查分開。它只檢查資料完整度，不預測搜尋位置、流量或成效。
目前搜尋準備度：82/100。正式公開前仍需要人工確認所有來源與素材授權。
使用店名、類別、地區與首頁摘要，不加入排名、最佳、第一名等未確認宣稱。
確認正式 SEO 標題、摘要、主要服務與地區詞。
已有地址或地圖訊號。
確認 Google Maps URL、地址、電話、營業時間與服務區域。
公開渠道：Instagram、Facebook、LINE、Website。
補上正式分享圖、社群入口與店家確認過的簡短介紹。
JSON-LD 來自已存在欄位與公開來源，不使用評分、優惠、價格範圍或評論欄位。
補齊地址、電話、公開渠道與正式圖片後再公開索引。
目前 demo 頁包含 robots noindex，且所有未確認欄位仍標示待確認。
完成素材授權、正式網域、內容審核與人工批准後再解除 noindex。
Hermes 可以分析公開頁面的結構模式，但不複製外部文案、圖片、品牌資產、class name 或專有版面。這個面板只把 benchmark 類別轉成目前示範頁的內部檢查。
目前設計模式覆蓋度：86/100。這代表 demo 結構完整度，不代表市場表現。
公開 benchmark 顯示，高品質頁面通常有清楚主導覽、足夠段落深度、主要內容地標與明確頁尾。Hermes 用首頁模組和支援頁面把這些結構做成可掃讀流程。
正式上線前保持一個清楚 H1，並刪除店家不需要的模組而不是堆疊無關內容。
公開 benchmark 裡常見的高品質結構會提供多個行動入口；Hermes 將它拆成詢問、到店、比較、來源核對與交付，而不使用緊迫感或成效承諾。
補齊正式聯絡方式、LINE 或表單後，再決定首頁最主要的 CTA。
公開 benchmark 強調圖片數量、alt、lazy loading、srcset 和穩定尺寸；Hermes 使用本地生成圖片做展示，正式站再替換成授權素材。
替換成店家授權圖片，補上每張圖片的 alt、尺寸與載入策略。
公開 benchmark 會檢查 viewport、description、OpenGraph/Twitter 類預覽與 JSON-LD。Hermes 先輸出 noindex demo，再用 Search Preview 區塊讓店家確認正式公開前要補什麼。
正式公開前補上確認後的標題、描述、分享圖、正式域名與 source-backed schema 欄位。
公開 benchmark 的弱點常落在 eager scripts、重 iframe、缺少 alt 或鍵盤操作。Hermes 將互動控制做成原生按鈕、meter、details、live status 和 reduced-motion 分支。
正式素材替換後，再用瀏覽器實測手機尺寸、圖片重量與第三方嵌入成本。
這個面板把 W3C/WAI、Google Search Central、web.dev 與 schema.org 的公開指南轉成 demo 內部檢查。它只檢查結構與資料完整度，不承諾搜尋位置、流量或業績。
目前標準準備度：86/100。正式公開前仍要由店家確認內容、圖片、聯絡資訊與索引設定。
互動控制要容易點擊、可用鍵盤操作，並有清楚狀態回饋。
正式內容替換後，再用手機與鍵盤走完主要路徑，確認沒有過小或過密的控制。
頁面應關注載入、互動反應與視覺穩定，但 demo 分數不是真實使用者資料。
正式素材上線前，壓縮圖片、確認第三方嵌入成本，並用真機重新量測。
在地資料要以店家確認與公開來源為準，demo 保持 noindex 到正式批准。
補齊正式地址、電話、營業時間、圖片與公開渠道後，再進入正式索引前檢查。
結構化資料只描述已知商家事實，不加入未確認社會證明、優惠或金額。
正式版只保留能由公開來源或店家確認的欄位，並在發布前驗證 JSON-LD。
正式公開前要把內容、來源、體驗與索引狀態分開檢查。
等店家確認文字、素材授權、正式網域、聯絡資訊與索引設定後，再移除 noindex。
香港與台灣商家常需要中文掃讀、英文輔助與清楚的店家確認流程。這個互動面板把首屏、CTA、內容、來源與地圖文字拆開檢查，避免把未確認內容翻成正式宣稱。
目前雙語交付準備度：78/100。正式公開前仍需店家確認語氣、專有名詞、地址、價格與素材授權。
Confirm the hero headline, category wording, and city label in both languages.
Approve the final CTA labels, recipient, and manual-send flow before outreach.
Confirm menu names, item descriptions, photos, availability, and any prices in both languages.
Review public website, Google Maps, Instagram, Facebook, LINE, menu/service, logo, and hero-image candidates.
Confirm address, service area, hours, phone, and Google Maps URL before launch.
這個互動模擬器讓店家看到顧客如何從首屏、內容、來源、地圖走到聯絡。每一步都標示哪些資料已準備好，哪些仍需確認。
5/5 個顧客動線節點已有可用資料。
首屏以 餐廳與酒吧 的視覺方向承接 Big JJ Seafood Hotpot Restaurant，讓手機訪客先看到名稱、類別、重點與聯絡行動。
顧客會往下掃過 5 個待確認項目，先理解服務、菜單或流程方向，再決定是否繼續看來源與地圖。
顧客進一步確認外部渠道、素材候選與可補充資料；Hermes 只展示有來源或明確標示待確認的內容。
地圖採取按需載入，頁面先保持快速，顧客需要路線時再開啟 Google Maps 或複製地址電話。
顧客可以回覆、複製詢問訊息或開啟聯絡入口；示範頁不會自動送出內容，也不冒充預約系統。
這個互動面板把詢問、到店、比較、核對來源與上線交付拆成不同 CTA 路徑。分數只代表資料完整度，不代表詢問量、排名或營收。
目前 CTA 路徑準備度：86/100。正式網站仍需店家確認內容與素材授權。
這條路徑把手機訪客帶到聯絡方式、可複製訊息與最後 CTA，但不自動送出內容。
這條路徑把地址、電話、營業時間與按需載入的 Google Maps 放在同一個判斷流程。
這條路徑讓訪客先看服務、菜單或流程方向，再進到菜單價格確認頁；未確認金額仍保持空白。
這條路徑把網站、地圖、社群、素材候選與可補充清單分開，避免用沒有來源的評論或分數建立信任。
這條路徑把內容、來源、素材、noindex 與最後核准連成交付流程，適合店家或內部審核。
這個面板把 email、LINE、電話、地圖、既有網站與交付清單分開檢查。它只整理下一步；真人確認後才按送出、撥號或開始對話。
目前聯絡路線準備度：71/100。正式公開前仍需店家確認所有入口與回覆流程。
適合需要店家先人工核對內容、素材與正式報價的網站交接情境。
適合台港商家常用的手機對話入口；沒有公開 LINE 來源時只保留可補充狀態。
電話適合到店、預約或服務範圍確認；沒有電話時會引導到安全詢問訊息。
適合需要地址、服務區域、營業資訊或導航的訪客；地圖仍保持點擊後載入。
這條路線讓店家或 Skyline 先核對既有網站、社群與素材候選，再決定正式站內容。
適合內部或店家審核，把缺少的聯絡、地圖、來源與批准狀態一次列清楚。
這個互動清單把「已有資料」和「仍需店家確認」分開。勾選狀態只代表準備程度，不會自動送出內容或宣稱已上線。
準備度正在計算
首頁先把社群、菜單價格、顧客回饋與聯絡入口的位置留好，等資料確認後再替換。
訪客可以先選一個安全的詢問方向，再複製整理好的訊息。這裡不會自動送出任何內容。
把第一次瀏覽最常問的內容留在最後，讓訪客看完照片、菜單與到店資訊後能快速決定下一步。
多人、家庭聚餐或特定時段用餐時，建議先確認座位與營業時間。
內容、價格與供應狀態以現場公布為準，頁面先提供瀏覽方向。
相簿照片可以放大查看，適合先看空間、餐點、作品或服務細節。
到店區集中放電話、地址、時間與外部入口，也可以直接使用頁尾聯絡按鈕。
看完故事、菜單、照片與到訪資訊後，可以直接從這裡開始聯絡。
