[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"site:zh-hant":3,"article:zh-hant:core-web-vitals-impact-on-hk-rankings":43},{"locale":4,"navigation":5,"organisation":37},"zh-hant",[6,11,14,17,20,23,26,30,33],{"label":7,"href":8,"kind":9,"style":10},"最新","\u002Fnews","path","link",{"label":12,"href":13,"kind":9,"style":10},"城市生活","\u002Fcategory\u002Fcity-life",{"label":15,"href":16,"kind":9,"style":10},"文化","\u002Fcategory\u002Fculture",{"label":18,"href":19,"kind":9,"style":10},"設計","\u002Fcategory\u002Fdesign",{"label":21,"href":22,"kind":9,"style":10},"影片","\u002Fvideo",{"label":24,"href":25,"kind":9,"style":10},"Podcast","\u002Fpodcast",{"label":27,"href":28,"kind":29,"style":10},"活動","\u002Fzh-hant\u002Fevents\u002F","page",{"label":31,"href":32,"kind":29,"style":10},"關於我們","\u002Fzh-hant\u002Fabout\u002F",{"label":34,"href":35,"kind":29,"style":36},"聯絡我們","\u002Fzh-hant\u002Fcontact\u002F","button",{"name":38,"email":39,"social":40},"Gump Media","newsroom@gump.example",[41,42],"https:\u002F\u002Fwww.instagram.com\u002Fgumpmedia.example","https:\u002F\u002Fwww.youtube.com\u002F@gumpmedia.example",{"id":44,"title":45,"slug":46,"path":47,"summary":48,"publicationDate":49,"image":50,"author":64,"categories":77,"readingTime":83,"format":84,"partner":85,"locale":4,"hero":93,"body":103,"seo":179,"alternates":182,"related":190},50,"2026 年 Core Web Vitals:邊啲因素真正影響香港 Google 排名","core-web-vitals-impact-on-hk-rankings","\u002Fzh-hant\u002Fnews\u002Fcore-web-vitals-impact-on-hk-rankings","Core Web Vitals 自 2021 年起就係 Google 排名信號,2024 年門檻收緊。香港網站當中,其中一個指標被佢哋唔多檢視嘅基礎設施選擇默默搞壞咗。","2026-06-09T09:00:00+08:00",{"id":51,"alt":52,"attribution":53,"width":54,"height":55,"sources":56,"placeholder":63},55,"深藍色屏幕上模糊的網頁程式碼","Photo: Smile_Eh \u002F Wikimedia Commons, CC0",640,400,[57,59],{"url":58,"width":54,"height":55},"\u002Fmedia\u002Fimages\u002Fweb-vitals.2e16d0ba.fill-640x400-c75.format-webp.webp",{"url":60,"width":61,"height":62},"\u002Fmedia\u002Fimages\u002Fweb-vitals.2e16d0ba.fill-1280x800-c75.format-webp.webp",1280,800,"data:image\u002Fjpeg;base64,\u002F9j\u002F4AAQSkZJRgABAQAAAQABAAD\u002F2wBDABQODxIPDRQSEBIXFRQYHjIhHhwcHj0sLiQySUBMS0dARkVQWnNiUFVtVkVGZIhlbXd7gYKBTmCNl4x9lnN+gXz\u002F2wBDARUXFx4aHjshITt8U0ZTfHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHz\u002FwgARCAAPABgDASIAAhEBAxEB\u002F8QAFgABAQEAAAAAAAAAAAAAAAAAAAEC\u002F8QAFgEBAQEAAAAAAAAAAAAAAAAAAgAD\u002F9oADAMBAAIQAxAAAAHFXUZQb\u002F\u002FEABkQAAIDAQAAAAAAAAAAAAAAAAABAhAREv\u002FaAAgBAQABBQJU5CMOT\u002F\u002FEABQRAQAAAAAAAAAAAAAAAAAAABD\u002F2gAIAQMBAT8BP\u002F\u002FEABQRAQAAAAAAAAAAAAAAAAAAABD\u002F2gAIAQIBAT8BP\u002F\u002FEABQQAQAAAAAAAAAAAAAAAAAAACD\u002F2gAIAQEABj8CX\u002F\u002FEABsQAQACAgMAAAAAAAAAAAAAAAEAERAhMVFx\u002F9oACAEBAAE\u002FIYusPRjqsLPI+k\u002F\u002F2gAMAwEAAgADAAAAEOD\u002FAP\u002FEABURAQEAAAAAAAAAAAAAAAAAABEA\u002F9oACAEDAQE\u002FEBi\u002F\u002F8QAFhEBAQEAAAAAAAAAAAAAAAAAAQAR\u002F9oACAECAQE\u002FEFy1v\u002F\u002FEABoQAQACAwEAAAAAAAAAAAAAAAEAESExUcH\u002F2gAIAQEAAT8QyJVww3BVhSbiJbro+M1TuHP\u002F2Q==",{"id":65,"name":66,"slug":67,"role":68,"bio":69,"photo":70},11,"Synque","synque","合作夥伴","Synque 為交易型企業打造可組合的基礎設施 —— 支付、結算、商務與成長 —— 並從設計之初就讓 AI 強化工作流程,而非「外掛」於其上。",{"id":44,"alt":66,"attribution":71,"width":72,"height":72,"sources":73,"placeholder":76},"Logo: Synque",160,[74],{"url":75,"width":72,"height":72},"\u002Fmedia\u002Fimages\u002Fsynque-logo.2e16d0ba.fill-160x160-c50.format-webp.webp","data:image\u002Fjpeg;base64,\u002F9j\u002F4AAQSkZJRgABAQAAAQABAAD\u002F2wBDABQODxIPDRQSEBIXFRQYHjIhHhwcHj0sLiQySUBMS0dARkVQWnNiUFVtVkVGZIhlbXd7gYKBTmCNl4x9lnN+gXz\u002F2wBDARUXFx4aHjshITt8U0ZTfHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHz\u002FwgARCAAYABcDASIAAhEBAxEB\u002F8QAGAABAQEBAQAAAAAAAAAAAAAAAAQDBQL\u002FxAAUAQEAAAAAAAAAAAAAAAAAAAAA\u002F9oADAMBAAIQAxAAAAHzrXidFzxLMFoP\u002F8QAGhABAAMBAQEAAAAAAAAAAAAAAwABAgQSFP\u002FaAAgBAQABBQIum8Q20rxQyk9nz0fVWra1O8FtJ8k\u002F\u002F8QAFBEBAAAAAAAAAAAAAAAAAAAAIP\u002FaAAgBAwEBPwEf\u002F8QAFBEBAAAAAAAAAAAAAAAAAAAAIP\u002FaAAgBAgEBPwEf\u002F8QAHxAAAgIBBAMAAAAAAAAAAAAAAAECESEQEiJRMXGB\u002F9oACAEBAAY\u002FAqnlEeutL8MqOZFSVDVvaYX0XL2f\u002F8QAHhAAAQMEAwAAAAAAAAAAAAAAAQARITFBUXEQkeH\u002F2gAIAQEAAT8hi4i7CcKBeGuI1vF0WazerU5LqQNMFHLWVETBa58KL\u002F\u002FaAAwDAQACAAMAAAAQk88A\u002F8QAFBEBAAAAAAAAAAAAAAAAAAAAIP\u002FaAAgBAwEBPxAf\u002F8QAFBEBAAAAAAAAAAAAAAAAAAAAIP\u002FaAAgBAgEBPxAf\u002F8QAIBABAAEDBQADAAAAAAAAAAAAAREAITFBUWFxgRCx8P\u002FaAAgBAQABPxADAI+jmrnHIwF13f4Wk3Sn0U34CbvbTqou2zkHtF41JYh0nJ1ROUWbI9ouiylZh+K\u002F\u002F9k=",[78],{"id":79,"name":80,"slug":81,"description":82},10,"科技","technology","改變說故事方式的工具與平台。",5,"standard",{"name":66,"slug":67,"website":86,"seriesTitle":87,"disclosure":88,"logo":89},"https:\u002F\u002Fsynque.hk","Synque 洞察：交易型企業的 AI、支付與搜尋","合作系列。由 Synque 撰寫，首發於 synque.hk。Gump Media 編輯審閱了文字清晰度；內容主張由 Synque 負責。",{"id":44,"alt":90,"attribution":71,"width":72,"height":72,"sources":91,"placeholder":76},"Synque logo",[92],{"url":75,"width":72,"height":72},{"id":51,"alt":52,"attribution":53,"width":94,"height":95,"sources":96,"placeholder":63},1200,675,[97,99],{"url":98,"width":94,"height":95},"\u002Fmedia\u002Fimages\u002Fweb-vitals.2e16d0ba.fill-1200x675-c80.format-webp.webp",{"url":100,"width":101,"height":102},"\u002Fmedia\u002Fimages\u002Fweb-vitals.2e16d0ba.fill-2000x1125-c80.format-webp.webp",2000,1125,[104,108,112,115,146,149,152,155,158,161,164,167,170,173,176],{"type":105,"value":106,"id":107},"paragraph","\u003Cp>Core Web Vitals 自 2021 年起已經係確認嘅 Google 排名信號。2024 年 INP 取代 FID 之後,門檻收緊咗。對香港網站嚟講,三個指標之一被啲同你前端代碼完全無關嘅嘢默默搞壞咗:\u003Cstrong>TTFB\u003C\u002Fstrong>。呢篇文章會講解每個指標實際量度乜嘢、點解香港網站特別容易喺呢方面跌低,同邊啲工程操作真正能夠移動到指標。\u003C\u002Fp>","c7c1f138-3528-4d35-9f42-5cb7d4421590",{"type":109,"value":110,"id":111},"heading","三個指標,用簡單嘅話講","441a68aa-b65d-42a0-94ce-2d55b90fcf25",{"type":105,"value":113,"id":114},"\u003Cp>Google 嘅 Core Web Vitals 係三個量度,試圖捕捉網頁加載嘅用戶體驗。每個都有「好」嘅門檻同「差」嘅門檻。喺「好」門檻之上,你拎足分。喺「差」門檻之下,你受排名懲罰。中間係「需要改善」。\u003C\u002Fp>","039cd991-ca8b-45b0-acdd-98660bf9c911",{"type":116,"value":117,"id":145},"table",{"caption":118,"columns":119,"rows":129},"",[120,123,125,127],{"heading":121,"type":122},"指標","text",{"heading":124,"type":122},"量度乜嘢",{"heading":126,"type":122},"好",{"heading":128,"type":122},"差",[130,135,140],[131,132,133,134],"LCP (Largest Contentful Paint)","最大可見內容渲染要幾耐","≤ 2.5 秒","> 4.0 秒",[136,137,138,139],"CLS (Cumulative Layout Shift)","加載過程入面頁面跳動嘅幅度","≤ 0.1","> 0.25",[141,142,143,144],"INP (Interaction to Next Paint)","頁面回應點擊\u002F觸碰要幾耐","≤ 200ms","> 500ms","cbbfce7a-e1c1-4b66-bf1b-56fc51df40b5",{"type":105,"value":147,"id":148},"\u003Cp>Google 用嘅係實地數據,唔係實驗室數據。呢啲數字嚟自 Chrome 真實用戶經過 Chrome User Experience Report (CrUX),量度係喺第 75 個百分位。即係話即使你嘅網站對大多數用戶都快,如果每四個用戶有一個睇到 >4 秒嘅 LCP,你照樣受排名懲罰。\u003C\u002Fp>","5724f537-c629-4912-9601-1f34b5659624",{"type":109,"value":150,"id":151},"LCP 對香港網站影響最大","b92ad7d5-7877-4091-846b-1564816f5fbd",{"type":105,"value":153,"id":154},"\u003Cp>我哋審計過幾十個香港網站 —— 金融科技、餐飲、電商、旅遊 —— 同一個模式不斷出現:LCP 喺幾乎每個網站都差,而且根源都係同一個。唔係未優化嘅圖片。唔係過大嘅 CSS。係 \u003Cstrong>TTFB\u003C\u002Fstrong> —— 由用戶點擊到首位元 HTML 到達瀏覽器嘅時間。\u003C\u002Fp>\n\u003Cp>TTFB 係 LCP 嘅一部分。如果你嘅伺服器要 800ms 回應,你嘅 LCP 喺任何渲染開始之前已經喺 800ms。加埋圖片加載、字型 fetching、JS hydration,你輕易就過咗 2.5 秒嘅好門檻。\u003C\u002Fp>\n\u003Cp>點解 TTFB 對香港網站咁經常成為問題?三個原因:\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Cstrong>伺服器位置。\u003C\u002Fstrong> 如果你嘅 hosting 區域喺美國 (好多初創用 Vercel、Netlify、AWS 嘅默認位置),每個來自香港用戶嘅請求要過太平洋。喺任何工作開始之前已經有 ~150ms 嘅基準延遲。加埋 serverless 平台嘅冷啟動時間,TTFB 輕易就過 500ms。\u003C\u002Fli>\n\u003Cli>\u003Cstrong>SSR 無邊緣緩存。\u003C\u002Fstrong> 現代 Next.js 網站每個請求都 server-render。如果渲染出嚟嘅 HTML 唔喺 CDN 邊緣緩存,每個訪客都付足伺服器渲染嘅成本。\u003C\u002Fli>\n\u003Cli>\u003Cstrong>資料庫查詢喺關鍵路徑上面太重。\u003C\u002Fstrong> 主頁面如果順序 fetch 產品資料、用戶狀態、i18n 翻譯,每個請求都喺自己伺服器入面花 200-400ms,先至發出首位元。\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cblockquote>\n\u003Cp>\u003Cstrong>我哋喺 synque.hk 自己上面睇到嘅\u003C\u002Fstrong> —— 我哋公開 SEO 審計嘅第 4 輪喺每個 Tier-1 著陸頁都捕捉到 TTFB 1,000-1,300ms,深入 Google 嘅「差」區域。修復唔係一個大改動;係靜態頁面嘅 ISR、Cache-Control: s-maxage headers 喺營銷路線、同 Vercel 區域檢查。\u003C\u002Fp>\n\u003C\u002Fblockquote>","397dadb7-2137-46e3-8eae-d1f26c900715",{"type":109,"value":156,"id":157},"CLS —— 多數團隊唔留意到嘅靜默 SERP 殺手","b8ca800d-e1b6-4ba0-b5cf-d34b549946d5",{"type":105,"value":159,"id":160},"\u003Cp>CLS 量度頁面加載過程入面內容跳動幾多。想像你正準備 tap 個 button,就喺你手指落到之前,上面個廣告加載並推 button 落,你就 tap 咗第二樣嘢。呢個係 layout shift,Google 重懲呢樣嘢。\u003C\u002Fp>\n\u003Cp>我哋審計入面最常見嘅原因:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>圖片無明確尺寸。\u003C\u002Fstrong> 當瀏覽器唔知圖片嘅 aspect ratio,佢首先 render 頁面再喺圖片加載時 reflow。每個現代圖片 tag 都需要 width + height 屬性 (或 CSS 入面 aspect-ratio),即使係 responsive 圖片。\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Web fonts 無 font-display: optional 或匹配嘅 fallback metrics。\u003C\u002Fstrong> 當你嘅自訂字型喺頁面 render 之後先加載,所有文字會喺字型 swap 入嚟時 reflow。修復係 preload 字型、用 font-display: optional,或用 size-adjust 匹配 fallback metrics。\u003C\u002Fli>\n\u003Cli>\u003Cstrong>首屏上面動態插入內容。\u003C\u002Fstrong> 個 banner 從 JS 加載並推 hero 落,係典型 CLS bug。用 CSS height reserve 個 space,即使內容初始為空。\u003C\u002Fli>\n\u003C\u002Ful>","228a2349-d089-4e65-8e84-f4927caaf1e1",{"type":109,"value":162,"id":163},"INP —— 取代 FID 嘅新指標","369bb2a4-3813-4e85-9772-b28e1e5e1619",{"type":105,"value":165,"id":166},"\u003Cp>直至 2024 年 3 月,第三個 Core Web Vital 係 FID (First Input Delay) —— 用戶首次互動到瀏覽器開始處理之間嘅時間。FID 易作弊,因為佢只量度首次互動。多數網站即使遲鈍都輕易過 FID。\u003C\u002Fp>\n\u003Cp>INP 更難。佢量度整個頁面訪問期間最差嘅互動,唔只係第一個。如果用戶 click 個 dropdown,因為你嘅 React app 有重 useEffect 觸發要 600ms 回應,呢個就係你嘅 INP 分數。\u003C\u002Fp>\n\u003Cp>通常嘅 INP 元兇:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>大 JavaScript bundle\u003C\u002Fstrong>,喺 hydration 期間 block main thread。\u003C\u002Fli>\n\u003Cli>\u003Cstrong>重事件 handler\u003C\u002Fstrong>,做太多同步工作 (state 更新、layout reads、複雜計算)。\u003C\u002Fli>\n\u003Cli>\u003Cstrong>第三方腳本\u003C\u002Fstrong> (analytics、chat widgets、tag managers) 喺用戶互動期間佔用 main-thread 時間。\u003C\u002Fli>\n\u003C\u002Ful>","5f863c3d-3673-4372-8dd6-78cd45d21c74",{"type":109,"value":168,"id":169},"真正提升 Core Web Vitals 嘅工程操作","2fd5ca68-fa71-4a76-8367-c8c1a5ecf736",{"type":105,"value":171,"id":172},"\u003Cp>兩年運行呢啲審計之後,持續產生最大效果嘅操作 (按優先排列):\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Cstrong>將你嘅 hosting 區域移近香港。\u003C\u002Fstrong> 如果你喺 Vercel,將區域設為 sin1 (新加坡) 或 hkg1 (香港,可用時)。AWS 用戶:ap-east-1 (香港) 或 ap-southeast-1 (新加坡)。一個 config 改動。對香港用戶嘅 TTFB 下降 200-400ms。\u003C\u002Fli>\n\u003Cli>\u003Cstrong>喺 CDN 邊緣緩存渲染後 HTML。\u003C\u002Fstrong> 喺靜態類型嘅營銷頁面加 Cache-Control: s-maxage=3600, stale-while-revalidate=86400。或用 Next.js export const revalidate = 3600 做 ISR。第一個請求仍打你嘅伺服器;後續嘅唔再打。緩存後請求嘅 TTFB 下降到 50-100ms。\u003C\u002Fli>\n\u003Cli>\u003Cstrong>每個圖片加明確尺寸。\u003C\u002Fstrong> width、height,理想情況再加 CSS aspect-ratio rule 喺 container 上面。消除 CLS 最大嘅來源。\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Preload LCP 圖片。\u003C\u002Fstrong> 喺 hero 圖片上面加 fetchpriority=\"high\" 同 priority (Next.js)。瀏覽器喺 HTML 入面發現之前已經開始下載。\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Defer 第三方腳本。\u003C\u002Fstrong> 將 analytics、chat widgets、tag managers 移到 strategy=\"lazyOnload\" (Next.js) 或 defer attribute。佢哋無一樣係時間敏感到要 block main thread。\u003C\u002Fli>\n\u003Cli>\u003Cstrong>積極 code-split。\u003C\u002Fstrong> 唔需要喺首屏出現嘅每個 component 都應該 dynamic import。初始 JS 細啲 = LCP 快啲 = INP 好啲。\u003C\u002Fli>\n\u003C\u002Fol>","5d0d56dc-e644-4e35-9afa-2f61b1d9d372",{"type":109,"value":174,"id":175},"點解多數代理唔修呢啲嘢","e880a74b-2459-4e29-a8e0-ea95827f373c",{"type":105,"value":177,"id":178},"\u003Cp>上面清單上每一項都係\u003Cstrong>工程工作,唔係 SEO 建議\u003C\u002Fstrong>。需要識你 stack、可以寫 pull request、習慣 deploy 過程嘅人。多數 SEO 代理公司無呢隊人馬。佢哋可以識別問題 (任何好嘅審計都可以),但唔可以 ship 修復 —— 佢哋交畀你,然後祈禱你有時間。\u003C\u002Fp>\n\u003Cp>呢個就係 \u003Ca href=\"\u002Fgrow\">Synque Grow\u003C\u002Fa> 存在所要填補嘅 gap。我哋係跑 SEO 業務嘅工程師。發現同修復出自同一雙手。如果你嘅 CWV 分數喺 Google Search Console 阻住你,而你嘅開發團隊埋頭做產品工作,呢度就係我哋能加價值嘅地方。\u003Ca href=\"https:\u002F\u002Fwa.me\u002F85261526411\" rel=\"noopener noreferrer\" target=\"_blank\">喺 WhatsApp 發 URL 畀我哋\u003C\u002Fa> —— 五個工作天,三到五個真實發現,修復路徑寫明。\u003C\u002Fp>\n\n\u003Cp>延伸閱讀:\u003Ca href=\"\u002Fblog\u002Fpayment-gateway-integration-seo-impact-zh-hant\">Adyen、Nuvei、SwiftPass —— 支付整合對 SEO 嘅隱形稅\u003C\u002Fa> 講解第三方支付腳本點樣可以喺對你收入最重要嘅頁面拖累 LCP 800ms+。\u003C\u002Fp>","221446e3-78e8-4777-abca-4b8e7c441a91",{"title":45,"description":180,"canonical":181},"LCP、CLS、INP —— 三個指標,一個排名信號。點解 TTFB 係香港網站嘅隱形殺手、各個門檻嘅真正意義、同點樣令呢啲指標真正提升嘅工程操作。","https:\u002F\u002Fsynque.hk\u002Fblog\u002Fcore-web-vitals-impact-on-hk-rankings-zh-hant",[183,184,187],{"locale":4,"path":47},{"locale":185,"path":186},"en","\u002Fnews\u002Fcore-web-vitals-impact-on-hk-rankings",{"locale":188,"path":189},"zh-hans","\u002Fzh-hans\u002Fnews\u002Fcore-web-vitals-impact-on-hk-rankings",[191,230,252],{"id":192,"title":193,"slug":194,"path":195,"summary":196,"publicationDate":197,"image":198,"author":208,"categories":221,"readingTime":228,"format":84,"partner":229},28,"小型工作室為何重新思考網上出版","small-studios-publishing","\u002Fzh-hant\u002Fnews\u002Fsmall-studios-publishing","獨立工作室想要雜誌的質感，卻沒有雜誌的預算。不少工作室選擇把內容與網站分開。","2026-09-13T10:48:28.849758+08:00",{"id":199,"alt":200,"attribution":201,"width":54,"height":55,"sources":202,"placeholder":207},32,"明亮的工作室，有盆栽、書桌和在屏幕前工作的設計師","Photo: Dorottya Gajdos \u002F Wikimedia Commons, Public domain",[203,205],{"url":204,"width":54,"height":55},"\u002Fmedia\u002Fimages\u002Fstudio-hero.2e16d0ba.fill-640x400-c75.format-webp.webp",{"url":206,"width":61,"height":62},"\u002Fmedia\u002Fimages\u002Fstudio-hero.2e16d0ba.fill-1280x800-c75.format-webp.webp","data:image\u002Fjpeg;base64,\u002F9j\u002F4AAQSkZJRgABAQAAAQABAAD\u002F2wBDABQODxIPDRQSEBIXFRQYHjIhHhwcHj0sLiQySUBMS0dARkVQWnNiUFVtVkVGZIhlbXd7gYKBTmCNl4x9lnN+gXz\u002F2wBDARUXFx4aHjshITt8U0ZTfHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHz\u002FwgARCAAQABgDASIAAhEBAxEB\u002F8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMEAf\u002FEABYBAQEBAAAAAAAAAAAAAAAAAAMBAv\u002FaAAwDAQACEAMQAAABv2RWbeJDT\u002F\u002FEABkQAQADAQEAAAAAAAAAAAAAAAECAyIEIf\u002FaAAgBAQABBQKeSv0sM9LiDIFWH\u002F\u002FEABURAQEAAAAAAAAAAAAAAAAAAAAC\u002F9oACAEDAQE\u002FAUv\u002FxAAWEQEBAQAAAAAAAAAAAAAAAAAAAjH\u002F2gAIAQIBAT8BVr\u002F\u002FxAAXEAEAAwAAAAAAAAAAAAAAAAAAASAh\u002F9oACAEBAAY\u002FAqQ1\u002F8QAGRAAAwEBAQAAAAAAAAAAAAAAAAERMSFB\u002F9oACAEBAAE\u002FIXWsPS9FUMzfCOpvjKvT6f\u002FaAAwDAQACAAMAAAAQKC\u002F\u002FxAAWEQEBAQAAAAAAAAAAAAAAAAAAITH\u002F2gAIAQMBAT8QrD\u002F\u002FxAAVEQEBAAAAAAAAAAAAAAAAAAAQQf\u002FaAAgBAgEBPxCl\u002F8QAGxABAAMBAAMAAAAAAAAAAAAAAQARIUExUWH\u002F2gAIAQEAAT8QYJuG34iSUR43bUM1q32Kpo8F9lQ+MiJqZDB1qPXyf\u002F\u002FZ",{"id":209,"name":210,"slug":211,"role":212,"bio":213,"photo":214},6,"Priya Nair","priya-nair","設計與科技","Priya 報道設計實踐與數碼工具。（樣本作者資料）",{"id":215,"alt":210,"attribution":216,"width":72,"height":72,"sources":217,"placeholder":220},3,"Illustration generated for Gump Media",[218],{"url":219,"width":72,"height":72},"\u002Fmedia\u002Fimages\u002Fauthor-priya-nair.940f0e05.fill-160x160-c50.format-webp.webp","data:image\u002Fjpeg;base64,\u002F9j\u002F4AAQSkZJRgABAQAAAQABAAD\u002F2wBDABQODxIPDRQSEBIXFRQYHjIhHhwcHj0sLiQySUBMS0dARkVQWnNiUFVtVkVGZIhlbXd7gYKBTmCNl4x9lnN+gXz\u002F2wBDARUXFx4aHjshITt8U0ZTfHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHz\u002FwgARCAANABgDASIAAhEBAxEB\u002F8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIDAQT\u002FxAAWAQEBAQAAAAAAAAAAAAAAAAACAQP\u002F2gAMAwEAAhADEAAAAUvzpqpmBn\u002F\u002FxAAZEAADAAMAAAAAAAAAAAAAAAAAAQMCIUH\u002F2gAIAQEAAQUCRy62hZsqf\u002F\u002FEABURAQEAAAAAAAAAAAAAAAAAAAEQ\u002F9oACAEDAQE\u002FAWf\u002FxAAXEQEAAwAAAAAAAAAAAAAAAAAAAQIR\u002F9oACAECAQE\u002FAZqx\u002F8QAFBABAAAAAAAAAAAAAAAAAAAAIP\u002FaAAgBAQAGPwJf\u002F8QAGRABAQEAAwAAAAAAAAAAAAAAAQARITFB\u002F9oACAEBAAE\u002FIcO7AdLgXq2JLUv\u002F2gAMAwEAAgADAAAAECDP\u002F8QAFxEAAwEAAAAAAAAAAAAAAAAAAAERMf\u002FaAAgBAwEBPxBqPT\u002F\u002FxAAWEQEBAQAAAAAAAAAAAAAAAAABABH\u002F2gAIAQIBAT8QxZw3\u002F8QAGxABAAIDAQEAAAAAAAAAAAAAAQCxESExUXH\u002F2gAIAQEAAT8QCDjVkMDiAOeNwa+SyByNETP8bn\u002F\u002F2Q==",[222,227],{"id":223,"name":224,"slug":225,"description":226},9,"商業","business","工作室、創辦人與創意工作的經濟學。",{"id":79,"name":80,"slug":81,"description":82},1,null,{"id":199,"title":231,"slug":232,"path":233,"summary":234,"publicationDate":235,"image":236,"author":246,"categories":250,"readingTime":228,"format":84,"partner":229},"寫給編輯的無頭式出版解說","headless-publishing-for-editors","\u002Fzh-hant\u002Fnews\u002Fheadless-publishing-for-editors","當故事由一個系統管理、由另一個系統顯示，甚麼會改變，甚麼不會。","2026-08-29T05:48:28.849758+08:00",{"id":237,"alt":238,"attribution":239,"width":54,"height":55,"sources":240,"placeholder":245},44,"俯視淺色木桌上打開的手提電腦和一杯咖啡","Photo: Lauren Mancke \u002F Wikimedia Commons, CC0",[241,243],{"url":242,"width":54,"height":55},"\u002Fmedia\u002Fimages\u002Fediting-hero.2e16d0ba.fill-640x400-c75.format-webp.webp",{"url":244,"width":61,"height":62},"\u002Fmedia\u002Fimages\u002Fediting-hero.2e16d0ba.fill-1280x800-c75.format-webp.webp","data:image\u002Fjpeg;base64,\u002F9j\u002F4AAQSkZJRgABAQAAAQABAAD\u002F2wBDABQODxIPDRQSEBIXFRQYHjIhHhwcHj0sLiQySUBMS0dARkVQWnNiUFVtVkVGZIhlbXd7gYKBTmCNl4x9lnN+gXz\u002F2wBDARUXFx4aHjshITt8U0ZTfHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHz\u002FwgARCAAPABgDASIAAhEBAxEB\u002F8QAFwABAQEBAAAAAAAAAAAAAAAAAAMCBf\u002FEABUBAQEAAAAAAAAAAAAAAAAAAAEA\u002F9oADAMBAAIQAxAAAAHcOoKCgf\u002FEABoQAAICAwAAAAAAAAAAAAAAAAEDAhEQEhP\u002F2gAIAQEAAQUCf0ARE7C6z\u002F\u002FEABQRAQAAAAAAAAAAAAAAAAAAABD\u002F2gAIAQMBAT8BP\u002F\u002FEABQRAQAAAAAAAAAAAAAAAAAAABD\u002F2gAIAQIBAT8BP\u002F\u002FEABoQAAICAwAAAAAAAAAAAAAAAAABESAiMYH\u002F2gAIAQEABj8Cw6Ntyain\u002F8QAGhABAQEBAAMAAAAAAAAAAAAAAREAIVGhsf\u002FaAAgBAQABPyGXQHpisrOupU+Zcx4lN8zzf\u002F\u002FaAAwDAQACAAMAAAAQzO\u002F\u002FxAAUEQEAAAAAAAAAAAAAAAAAAAAQ\u002F9oACAEDAQE\u002FED\u002F\u002FxAAVEQEBAAAAAAAAAAAAAAAAAAAAEf\u002FaAAgBAgEBPxBH\u002F8QAGxABAQADAQEBAAAAAAAAAAAAAREAIVExQYH\u002F2gAIAQEAAT8QqfNLQ8Nc1jK2Ib64LHQVP0xGi8ESjikhrgIYGkYPzP\u002FZ",{"id":209,"name":210,"slug":211,"role":212,"bio":213,"photo":247},{"id":215,"alt":210,"attribution":216,"width":72,"height":72,"sources":248,"placeholder":220},[249],{"url":219,"width":72,"height":72},[251],{"id":79,"name":80,"slug":81,"description":82},{"id":253,"title":254,"slug":255,"path":256,"summary":257,"publicationDate":258,"image":259,"author":269,"categories":273,"readingTime":228,"format":84,"partner":229},25,"無障礙設計，就是為所有人設計","accessibility-for-everyone","\u002Fzh-hant\u002Fnews\u002Faccessibility-for-everyone","字幕、對比度與鍵盤操作，起初被視為遷就，如今已是良好數碼設計的基本要求。","2026-08-23T03:48:28.849758+08:00",{"id":260,"alt":261,"attribution":262,"width":54,"height":55,"sources":263,"placeholder":268},48,"升降機按鈕面板，大字樓層號碼下方有點字","Photo: John Robert McPherson \u002F Wikimedia Commons, CC0",[264,266],{"url":265,"width":54,"height":55},"\u002Fmedia\u002Fimages\u002Faccess-hero.2e16d0ba.fill-640x400-c75.format-webp.webp",{"url":267,"width":61,"height":62},"\u002Fmedia\u002Fimages\u002Faccess-hero.2e16d0ba.fill-1280x800-c75.format-webp.webp","data:image\u002Fjpeg;base64,\u002F9j\u002F4AAQSkZJRgABAQAAAQABAAD\u002F2wBDABQODxIPDRQSEBIXFRQYHjIhHhwcHj0sLiQySUBMS0dARkVQWnNiUFVtVkVGZIhlbXd7gYKBTmCNl4x9lnN+gXz\u002F2wBDARUXFx4aHjshITt8U0ZTfHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHz\u002FwgARCAASABgDASIAAhEBAxEB\u002F8QAGAABAAMBAAAAAAAAAAAAAAAAAAMEBQL\u002FxAAVAQEBAAAAAAAAAAAAAAAAAAACA\u002F\u002FaAAwDAQACEAMQAAABvxcUwthEQy64XtCkv\u002F\u002FEAB0QAAICAQUAAAAAAAAAAAAAAAACAQMTITEyM0H\u002F2gAIAQEAAQUCmtZMdZ61mmQXjOwnX\u002F\u002FEABYRAAMAAAAAAAAAAAAAAAAAAAAQEf\u002FaAAgBAwEBPwEr\u002F8QAFhEAAwAAAAAAAAAAAAAAAAAAABAR\u002F9oACAECAQE\u002FASP\u002FxAAZEAACAwEAAAAAAAAAAAAAAAABEABhcYH\u002F2gAIAQEABj8CXGDTGT\u002F\u002FxAAbEAACAgMBAAAAAAAAAAAAAAAAARExECFBkf\u002FaAAgBAQABPyG+n0SF01AJoJorY8yMBYD\u002F2gAMAwEAAgADAAAAEBTwwP\u002FEABcRAQEBAQAAAAAAAAAAAAAAAAABMRH\u002F2gAIAQMBAT8Qxwq7X\u002F\u002FEABcRAQEBAQAAAAAAAAAAAAAAAAABETH\u002F2gAIAQIBAT8Qm1pE4\u002F\u002FEAB0QAQADAAIDAQAAAAAAAAAAAAEAESFBUWFxkfD\u002F2gAIAQEAAT8QQuj6hLUnqCiHDP0gFa2GZwVdzeQ5TuNpvEb3P2+J\u002F9k=",{"id":209,"name":210,"slug":211,"role":212,"bio":213,"photo":270},{"id":215,"alt":210,"attribution":216,"width":72,"height":72,"sources":271,"placeholder":220},[272],{"url":219,"width":72,"height":72},[274,278],{"id":275,"name":18,"slug":276,"description":277},8,"design","視覺文化、空間，以及把事情做好的手藝。",{"id":79,"name":80,"slug":81,"description":82}]