數位引擎筆記 · Facebook 保存

行動版內容優先索引:Dynamic Serving 別忘了 Vary

保存一則工作案例,說明 Dynamic Serving 依 User-Agent 回傳不同 HTML 時,為什麼 HTTP 的 Vary: User-Agent 可能成為重要的快取訊號。

來源註記

這篇內容保留 Facebook 貼文的原始脈絡,部分工具、介面與外部連結可能已經改變。

這則貼文保存一個與行動版內容優先索引有關的工作案例。

案例中的網站採用 Dynamic Serving,伺服器會依 User-Agent 回傳不同版本的 HTML,但網址保持不變。

這種做法需要注意快取伺服器是否知道回應內容會隨 User-Agent 變化,因此案例特別檢查 Vary: User-Agent 這個 HTTP Response Header。

如果快取只保存一份 HTML,就可能把桌機版本錯誤地提供給手機使用者,或把手機版本提供給桌機使用者。

這篇內容發布於 2020 年,行動版索引的政策背景與今日實作環境可能已經不同。

長期值得保留的是:只要同一網址會依請求條件回傳不同內容,就必須把快取、爬蟲與使用者體驗一起檢查。

Keep exploring

延伸閱讀

網站文章

網站使用體驗三大核心指標 - LCP, FID, CLS

網站使用體驗指標(Web Vitals)在2020五月由Google所提出,目的是要一套適用於所有網站的UX衡量指標,本文介紹了這項計畫以及各種測量方法。

網站文章

SEO搜尋引擎原理 - 爬蟲抓取篇

檢索是搜尋引擎的第一步,爬蟲有個網址,前去拜訪,然後發現更多的網址,如此循環下去。看似簡單的過程卻有很多的SEO細節。

網站文章

Web Story⚡ - SEO的下一個兵家必爭之地

Web Stories (前身為AMP Stories) 有著類似於現實動態的介面,能提高內容的黏著度,又能被搜尋引擎搜索。 近年來,Web Story在更多的搜尋區塊中出現,使得Web Story對於網站流量的重要性不可同日而語。