這篇內容保留 Facebook 貼文的原始脈絡,部分工具、介面與外部連結可能已經改變。
這則貼文保存一個與行動版內容優先索引有關的工作案例。
案例中的網站採用 Dynamic Serving,伺服器會依 User-Agent 回傳不同版本的 HTML,但網址保持不變。
這種做法需要注意快取伺服器是否知道回應內容會隨 User-Agent 變化,因此案例特別檢查 Vary: User-Agent 這個 HTTP Response Header。
如果快取只保存一份 HTML,就可能把桌機版本錯誤地提供給手機使用者,或把手機版本提供給桌機使用者。
這篇內容發布於 2020 年,行動版索引的政策背景與今日實作環境可能已經不同。
長期值得保留的是:只要同一網址會依請求條件回傳不同內容,就必須把快取、爬蟲與使用者體驗一起檢查。
延伸閱讀
網站使用體驗三大核心指標 - LCP, FID, CLS
網站使用體驗指標(Web Vitals)在2020五月由Google所提出,目的是要一套適用於所有網站的UX衡量指標,本文介紹了這項計畫以及各種測量方法。
SEO搜尋引擎原理 - 爬蟲抓取篇
檢索是搜尋引擎的第一步,爬蟲有個網址,前去拜訪,然後發現更多的網址,如此循環下去。看似簡單的過程卻有很多的SEO細節。
Web Story⚡ - SEO的下一個兵家必爭之地
Web Stories (前身為AMP Stories) 有著類似於現實動態的介面,能提高內容的黏著度,又能被搜尋引擎搜索。 近年來,Web Story在更多的搜尋區塊中出現,使得Web Story對於網站流量的重要性不可同日而語。
JavaScript 產生的內容,搜尋引擎真的看得到嗎?
保存一份以 Search Console 網址檢查工具確認 JavaScript 內容是否被渲染的實務筆記,並連回搜尋引擎抓取與索引的基礎文章。
Core Web Vitals 官方問答:分數、資料與排名的歷史筆記
保存 2021 年 Core Web Vitals 上線前整理的官方問答,聚焦 LCP、FID、CLS 的資料計算方式與排名影響邊界。
輸入網址後發生什麼事:從 Request 到 Status Code
用一個簡化的網頁請求流程,理解 Request Headers、Response Headers 與 2XX、3XX、4XX、5XX 狀態碼如何描述資源的結果。