本模組 · 8 堂
課 1.5 · SEO 搜尋引擎優化
技術 SEO:Core Web Vitals(INP 取代 FID)+ Agentic-ready
學完你會識
達到三項 Core Web Vitals 真實標準,並令個網「Agentic-ready」畀 AI 代理睇得明。
課堂內容
- Core Web Vitals(真實標準):LCP < 2.5s(載入快)、CLS < 0.1(版面唔跳)、INP < 200ms(互動順)。
- 重點變更:INP(Interaction to Next Paint)已正式取代 FID——衡量整體互動反應。重 widget(plugin、彈窗、聊天 bot)係 INP 殺手,要慎用。
- Agentic-ready:AI 代理用 語意樹(semantic tree) 解析網頁,所以要用 語意化 HTML(
<header>/<nav>/<article>而非一堆<div>)同 版面穩定。 - 可互動元素(按鈕、連結、表單)要夠大、夠清楚,先俾 AI 代理辨認得到、撳得中。
香港實例
一個香港網店主頁塞咗自動播片 banner + 三個第三方 chat widget,手機 INP 衝到 400ms+,跳出率高。拆走兩個 widget、轉用語意化 HTML 後,INP 跌返 180ms,轉換率回升。
互動練習
「Core Web Vitals 計算機」——輸入你網站 URL,系統模擬 LCP / CLS / INP 三項讀數,紅黃綠標示邊項肥佬、邊個 widget 拖慢 INP。免費替代工具:用 Google 嘅 PageSpeed Insights(pagespeed.web.dev)即場睇真實 Core Web Vitals 讀數。
小測驗
Q1INP 取代咗邊個舊指標?
顯示答案
答案 · FID。
Q2INP 嘅合格門檻係?
顯示答案
答案 · < 200ms。
Q3點解要用語意化 HTML?
顯示答案
答案 · AI 代理用語意樹解析,語意化 HTML 易俾佢睇得明、操作得到。
重點
- 記三條線:LCP<2.5s、CLS<0.1、INP<200ms。
- 重 widget 殺 INP,加之前諗清楚值唔值。
🟩 入行軌識講「INP 取代 FID」+ 語意化 HTML,技術面試大加分。