--- title: "行動版內容優先索引：Dynamic Serving 別忘了 Vary" description: "保存一則工作案例，說明 Dynamic Serving 依 User-Agent 回傳不同 HTML 時，為什麼 HTTP 的 Vary: User-Agent 可能成為重要的快取訊號。" canonical: "https://www.darrenhuang.com/notes/facebook-mobile-first-indexing.html" markdown: "https://www.darrenhuang.com/notes/facebook-mobile-first-indexing.md" language: zh-Hant type: article published: "2020-03-09T00:00:00.000Z" modified: "2026-08-24T00:00:00.000Z" --- > 此 Markdown 版本由正式 HTML 內容自動產生。 > 引用時請使用 [canonical page](https://www.darrenhuang.com/notes/facebook-mobile-first-indexing.html)。 數位引擎筆記 · Facebook 保存 # 行動版內容優先索引：Dynamic Serving 別忘了 Vary 保存一則工作案例，說明 Dynamic Serving 依 User-Agent 回傳不同 HTML 時，為什麼 HTTP 的 Vary: User-Agent 可能成為重要的快取訊號。 原始分享於數位引擎 Facebook·2020年3月9日·約 1 分鐘整理於 2026年8月24日 **來源註記** 這篇內容保留 Facebook 貼文的原始脈絡，部分工具、介面與外部連結可能已經改變。 這則貼文保存一個與行動版內容優先索引有關的工作案例。 案例中的網站採用 Dynamic Serving，伺服器會依 User-Agent 回傳不同版本的 HTML，但網址保持不變。 這種做法需要注意快取伺服器是否知道回應內容會隨 User-Agent 變化，因此案例特別檢查 `Vary: User-Agent` 這個 HTTP Response Header。 如果快取只保存一份 HTML，就可能把桌機版本錯誤地提供給手機使用者，或把手機版本提供給桌機使用者。 這篇內容發布於 2020 年，行動版索引的政策背景與今日實作環境可能已經不同。 長期值得保留的是：只要同一網址會依請求條件回傳不同內容，就必須把快取、爬蟲與使用者體驗一起檢查。 **分類** - [SEO相關](/categories/seo相關.html) - [網站技術](/categories/網站技術.html) **標籤** - [Mobile-First Indexing](/tags/mobile-first-indexing.html) - [Dynamic Serving](/tags/dynamic-serving.html) - [HTTP Header](/tags/http-header.html) - [Vary](/tags/vary.html) Keep exploring ## 延伸閱讀 網站文章 2020年6月2日 ### [網站使用體驗三大核心指標 - LCP, FID, CLS](/core-web-vitals-lcp-fid-cls.html) 網站使用體驗指標(Web Vitals)在2020五月由Google所提出，目的是要一套適用於所有網站的UX衡量指標，本文介紹了這項計畫以及各種測量方法。 網站文章 2020年5月27日 ### [SEO搜尋引擎原理 - 爬蟲抓取篇](/how-search-engines-crawl.html) 檢索是搜尋引擎的第一步，爬蟲有個網址，前去拜訪，然後發現更多的網址，如此循環下去。看似簡單的過程卻有很多的SEO細節。 網站文章 2019年4月22日 ### [Web Story⚡ - SEO的下一個兵家必爭之地](/amp-story-dedicated-section-google-serp.html) Web Stories (前身為AMP Stories) 有著類似於現實動態的介面，能提高內容的黏著度，又能被搜尋引擎搜索。 近年來，Web Story在更多的搜尋區塊中出現，使得Web Story對於網站流量的重要性不可同日而語。 Facebook 保存筆記 2022年4月10日 ### [JavaScript 產生的內容，搜尋引擎真的看得到嗎？](/notes/facebook-javascript-rendering-and-indexing.html) 保存一份以 Search Console 網址檢查工具確認 JavaScript 內容是否被渲染的實務筆記，並連回搜尋引擎抓取與索引的基礎文章。 Facebook 保存筆記 2021年4月8日 ### [Core Web Vitals 官方問答：分數、資料與排名的歷史筆記](/notes/facebook-cwv-faq.html) 保存 2021 年 Core Web Vitals 上線前整理的官方問答，聚焦 LCP、FID、CLS 的資料計算方式與排名影響邊界。 Facebook 保存筆記 2018年3月29日 ### [輸入網址後發生什麼事：從 Request 到 Status Code](/notes/facebook-http-request-lifecycle.html) 用一個簡化的網頁請求流程，理解 Request Headers、Response Headers 與 2XX、3XX、4XX、5XX 狀態碼如何描述資源的結果。 × 開啟原圖 ↗