Viewport meta 標籤（視窗 meta 標籤）
別稱 響應式 viewport · 行動裝置 viewport meta
<meta name="viewport"> 標籤告訴行動瀏覽器要讓版面寬度配合裝置螢幕，藉此達成響應式、適合行動裝置的呈現。
這是什麼
Viewport meta 標籤放在 <head> 中，用來控制頁面在行動裝置上的縮放與尺寸。標準值 width=device-width, initial-scale=1 會把 CSS 像素對應到裝置的實際寬度，讓響應式版面能正確顯示。
為什麼重要
若沒有這個標籤，行動瀏覽器會假設畫布為桌機寬度並縮小頁面，傷害可用性，也在 Google 的行動優先索引（mobile-first indexing）下拖累行動排名。由於 Google 主要以行動版本進行爬取與評估，正確的 viewport 是傳統與 AI 搜尋可見度的基礎。
如何檢查
檢視原始碼，確認 <head> 中有 <meta name="viewport" content="width=device-width, initial-scale=1">。在 DevTools 的裝置工具列或 Chrome 的 Lighthouse 中測試，後者會標示出缺少正確 viewport 設定的頁面。
如何修正
在每個頁面的 <head> 中加入 <meta name="viewport" content="width=device-width, initial-scale=1">。避免用 maximum-scale=1 或 user-scalable=no 來停用縮放，因為這會損害無障礙性，並搭配真正響應式的 CSS 一起使用。
相關詞彙
- 頁面效能（page performance）頁面載入與變為可互動的速度與順暢度，常以伺服器回應時間、HTML 大小與 Core Web Vitals（核心網頁指標）來衡量。
- 圖片 alt 文字（替代文字）<img> 上的 alt 屬性為圖片提供文字描述，供螢幕報讀軟體、搜尋引擎使用，並在圖片載入失敗時顯示。
- Title 標籤（標題標籤）Title 標籤是放在頁面 <head> 中的 <title> 元素，用來定義頁面的正式名稱，會顯示為搜尋結果中可點擊的標題，以及瀏覽器分頁的名稱。
- HTTPS 與 HSTS（強制 HTTPS）以 HTTPS 提供每個頁面可加密流量，而 HSTS 回應標頭則強制瀏覽器之後對該網域的所有請求都使用 HTTPS。
官方參考資料
外部連結，將於新分頁開啟。
把知識化為行動。
親手逐項完成每一項檢查，並轉成可分享的 GEO Score 報告——或在數秒內自動掃描你的網站。