[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"site:zh-hans":3,"article:zh-hans:core-web-vitals-impact-on-hk-rankings":43},{"locale":4,"navigation":5,"organisation":37},"zh-hans",[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-hans\u002Fevents\u002F","page",{"label":31,"href":32,"kind":29,"style":10},"關於我們","\u002Fzh-hans\u002Fabout\u002F",{"label":34,"href":35,"kind":29,"style":36},"聯絡我們","\u002Fzh-hans\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":78,"readingTime":84,"format":85,"partner":86,"locale":4,"hero":94,"body":104,"seo":180,"alternates":183,"related":191},51,"2026 年 Core Web Vitals:哪些因素真正影响香港 Google 排名","core-web-vitals-impact-on-hk-rankings","\u002Fzh-hans\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},12,"Synque","synque","合作伙伴","Synque 为交易型企业打造可组合的基础设施 —— 支付、结算、商务与增长 —— 并从设计之初就让 AI 强化工作流程,而非「外挂」于其上。",{"id":71,"alt":66,"attribution":72,"width":73,"height":73,"sources":74,"placeholder":77},50,"Logo: Synque",160,[75],{"url":76,"width":73,"height":73},"\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=",[79],{"id":80,"name":81,"slug":82,"description":83},15,"科技","technology","改变说故事方式的工具与平台。",5,"standard",{"name":66,"slug":67,"website":87,"seriesTitle":88,"disclosure":89,"logo":90},"https:\u002F\u002Fsynque.hk","Synque 洞察：交易型企业的 AI、支付与搜寻","合作系列。由 Synque 撰写，首发于 synque.hk。Gump Media 编辑审阅了文字清晰度；内容主张由 Synque 负责。",{"id":71,"alt":91,"attribution":72,"width":73,"height":73,"sources":92,"placeholder":77},"Synque logo",[93],{"url":76,"width":73,"height":73},{"id":51,"alt":52,"attribution":53,"width":95,"height":96,"sources":97,"placeholder":63},1200,675,[98,100],{"url":99,"width":95,"height":96},"\u002Fmedia\u002Fimages\u002Fweb-vitals.2e16d0ba.fill-1200x675-c80.format-webp.webp",{"url":101,"width":102,"height":103},"\u002Fmedia\u002Fimages\u002Fweb-vitals.2e16d0ba.fill-2000x1125-c80.format-webp.webp",2000,1125,[105,109,113,116,147,150,153,156,159,162,165,168,171,174,177],{"type":106,"value":107,"id":108},"paragraph","\u003Cp>Core Web Vitals 自 2021 年起已是确认的 Google 排名信号。2024 年 INP 取代 FID 之后,门槛收紧。对于香港网站来说,三个指标之一被一些和你前端代码完全无关的东西默默搞坏了:\u003Cstrong>TTFB\u003C\u002Fstrong>。这篇文章会讲解每个指标实际测量什么、为什么香港网站特别容易在这方面跌倒、以及哪些工程操作真正能够推动指标。\u003C\u002Fp>","9ba7816f-ece1-405d-989f-482ed8bb30f3",{"type":110,"value":111,"id":112},"heading","三个指标,用简单的话讲","c7907182-2e80-45d3-9109-8552eb95e3b2",{"type":106,"value":114,"id":115},"\u003Cp>Google 的 Core Web Vitals 是三个测量,试图捕捉网页加载的用户体验。每个都有「好」的门槛和「差」的门槛。在「好」门槛之上,你拿满分。在「差」门槛之下,你受排名惩罚。中间是「需要改善」。\u003C\u002Fp>","6668dd61-3e28-4f9f-9eae-34360117c508",{"type":117,"value":118,"id":146},"table",{"caption":119,"columns":120,"rows":130},"",[121,124,126,128],{"heading":122,"type":123},"指标","text",{"heading":125,"type":123},"测量什么",{"heading":127,"type":123},"好",{"heading":129,"type":123},"差",[131,136,141],[132,133,134,135],"LCP (Largest Contentful Paint)","最大可见内容渲染要多久","≤ 2.5 秒","> 4.0 秒",[137,138,139,140],"CLS (Cumulative Layout Shift)","加载过程里页面跳动的幅度","≤ 0.1","> 0.25",[142,143,144,145],"INP (Interaction to Next Paint)","页面回应点击\u002F触碰要多久","≤ 200ms","> 500ms","704c0994-e17f-4190-bccd-04773a4c2289",{"type":106,"value":148,"id":149},"\u003Cp>Google 用的是实地数据,不是实验室数据。这些数字来自 Chrome 真实用户经过 Chrome User Experience Report (CrUX),测量在第 75 个百分位。即是说即使你的网站对大多数用户都快,如果每四个用户有一个看到 >4 秒的 LCP,你照样受排名惩罚。\u003C\u002Fp>","1824bddd-bf73-4926-b76a-f2ff9a32b11b",{"type":110,"value":151,"id":152},"LCP 对香港网站影响最大","a0337311-70bd-45e1-b83d-7677698ca4e0",{"type":106,"value":154,"id":155},"\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>","9e674211-e682-4388-8f76-4ab0de827012",{"type":110,"value":157,"id":158},"CLS —— 多数团队不留意到的静默 SERP 杀手","e2b539aa-f720-4f90-82e1-ce5a196a4fce",{"type":106,"value":160,"id":161},"\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>","fb007b78-89e0-4dbf-b984-c287f4626066",{"type":110,"value":163,"id":164},"INP —— 取代 FID 的新指标","48d637b0-ac4e-48ef-8849-f4bae9e266ff",{"type":106,"value":166,"id":167},"\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>","01924d03-4ff3-4865-8c16-198169780dd1",{"type":110,"value":169,"id":170},"真正提升 Core Web Vitals 的工程操作","32311c85-456c-4856-82b5-a8cfd7667130",{"type":106,"value":172,"id":173},"\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>","b3227eef-861e-4edc-8d9a-11b2fce15591",{"type":110,"value":175,"id":176},"为什么多数代理不修这些东西","f967ede9-c12c-4283-bf6f-48fbde8822eb",{"type":106,"value":178,"id":179},"\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-hans\">Adyen、Nuvei、SwiftPass —— 支付整合对 SEO 的隐形税\u003C\u002Fa> 讲解第三方支付脚本怎么可以在对你收入最重要的页面拖累 LCP 800ms+。\u003C\u002Fp>","cb701707-16f1-47cb-89e8-74e183415eda",{"title":45,"description":181,"canonical":182},"LCP、CLS、INP —— 三个指标,一个排名信号。为什么 TTFB 是香港网站的隐形杀手、各个门槛的真正意义、以及让这些指标真正提升的工程操作。","https:\u002F\u002Fsynque.hk\u002Fblog\u002Fcore-web-vitals-impact-on-hk-rankings-zh-hans",[184,185,188],{"locale":4,"path":47},{"locale":186,"path":187},"en","\u002Fnews\u002Fcore-web-vitals-impact-on-hk-rankings",{"locale":189,"path":190},"zh-hant","\u002Fzh-hant\u002Fnews\u002Fcore-web-vitals-impact-on-hk-rankings",[192,231,254],{"id":193,"title":194,"slug":195,"path":196,"summary":197,"publicationDate":198,"image":199,"author":209,"categories":222,"readingTime":229,"format":85,"partner":230},79,"小型工作室为何重新思考网上出版","small-studios-publishing","\u002Fzh-hans\u002Fnews\u002Fsmall-studios-publishing","独立工作室想要杂志的质感，却没有杂志的预算。不少工作室选择把内容与网站分开。","2026-09-13T10:48:28.849758+08:00",{"id":200,"alt":201,"attribution":202,"width":54,"height":55,"sources":203,"placeholder":208},32,"明亮的工作室，有盆栽、书桌和在屏幕前工作的设计师","Photo: Dorottya Gajdos \u002F Wikimedia Commons, Public domain",[204,206],{"url":205,"width":54,"height":55},"\u002Fmedia\u002Fimages\u002Fstudio-hero.2e16d0ba.fill-640x400-c75.format-webp.webp",{"url":207,"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":210,"name":211,"slug":212,"role":213,"bio":214,"photo":215},7,"Priya Nair","priya-nair","设计与科技","Priya 报道设计实践与数码工具。（示范作者资料）",{"id":216,"alt":211,"attribution":217,"width":73,"height":73,"sources":218,"placeholder":221},3,"Illustration generated for Gump Media",[219],{"url":220,"width":73,"height":73},"\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==",[223,228],{"id":224,"name":225,"slug":226,"description":227},14,"商业","business","工作室、创办人与创意工作的经济学。",{"id":80,"name":81,"slug":82,"description":83},1,null,{"id":232,"title":233,"slug":234,"path":235,"summary":236,"publicationDate":237,"image":238,"author":248,"categories":252,"readingTime":229,"format":85,"partner":230},83,"写给编辑的无头式出版解说","headless-publishing-for-editors","\u002Fzh-hans\u002Fnews\u002Fheadless-publishing-for-editors","当故事由一个系统管理、由另一个系统显示，甚么会改变，甚么不会。","2026-08-29T05:48:28.849758+08:00",{"id":239,"alt":240,"attribution":241,"width":54,"height":55,"sources":242,"placeholder":247},44,"俯视浅色木桌上打开的手提电脑和一杯咖啡","Photo: Lauren Mancke \u002F Wikimedia Commons, CC0",[243,245],{"url":244,"width":54,"height":55},"\u002Fmedia\u002Fimages\u002Fediting-hero.2e16d0ba.fill-640x400-c75.format-webp.webp",{"url":246,"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":210,"name":211,"slug":212,"role":213,"bio":214,"photo":249},{"id":216,"alt":211,"attribution":217,"width":73,"height":73,"sources":250,"placeholder":221},[251],{"url":220,"width":73,"height":73},[253],{"id":80,"name":81,"slug":82,"description":83},{"id":255,"title":256,"slug":257,"path":258,"summary":259,"publicationDate":260,"image":261,"author":271,"categories":275,"readingTime":229,"format":85,"partner":230},78,"无障碍设计，就是为所有人设计","accessibility-for-everyone","\u002Fzh-hans\u002Fnews\u002Faccessibility-for-everyone","字幕、对比度与键盘操作，起初被视为迁就，如今已是良好数码设计的基本要求。","2026-08-23T03:48:28.849758+08:00",{"id":262,"alt":263,"attribution":264,"width":54,"height":55,"sources":265,"placeholder":270},48,"升降机按钮面板，大字楼层号码下方有点字","Photo: John Robert McPherson \u002F Wikimedia Commons, CC0",[266,268],{"url":267,"width":54,"height":55},"\u002Fmedia\u002Fimages\u002Faccess-hero.2e16d0ba.fill-640x400-c75.format-webp.webp",{"url":269,"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":210,"name":211,"slug":212,"role":213,"bio":214,"photo":272},{"id":216,"alt":211,"attribution":217,"width":73,"height":73,"sources":273,"placeholder":221},[274],{"url":220,"width":73,"height":73},[276,281],{"id":277,"name":278,"slug":279,"description":280},13,"设计","design","视觉文化、空间，以及把事情做好的手艺。",{"id":80,"name":81,"slug":82,"description":83}]