[{"data":1,"prerenderedAt":636},["ShallowReactive",2],{"blog-webp-avif-image-compression":3,"blog-prev-webp-avif-image-compression":104,"blog-next-webp-avif-image-compression":253},{"id":4,"title":5,"author":6,"body":7,"canonical":88,"category":89,"cover":88,"date":90,"description":91,"draft":92,"extension":93,"keywords":88,"meta":94,"navigation":95,"noindex":92,"ogImage":88,"path":96,"seo":97,"seoDescription":88,"seoTitle":88,"stem":98,"tags":99,"updated":88,"__hash__":103},"blog\u002Fblog\u002Fwebp-avif-image-compression.md","把站内 4200 张图转成 WebP 和 AVIF，我们记下了三个数","元析智能",{"type":8,"value":9,"toc":78},"minimark",[10,14,18,21,24,28,31,34,37,40,43,51,54,57,60,63,66,69,72,75],[11,12,13],"p",{},"把站内 4200 张图批量转格式能省多少？我们的实测：PNG 转 WebP 平均小 62%，JPEG 转 WebP 平均小 34%，WebP 再转 AVIF 还能再小 18%，但编码时间多五倍。这是去年 11 月一个设计工具站的项目，数据可以直接拿去估自己的站。",[15,16,17],"h2",{"id":17},"先算账再动手",[11,19,20],{},"这个站媒体库 4200 张图：PNG 1400 张，主要是界面截图和图标；JPEG 2800 张，博客配图和案例图。转之前总体积 3.1GB，转成 WebP 之后 1.4GB，平均压掉 55%。",[11,22,23],{},"PNG 那批收益最大，因为里面很多是界面截图，色块多、渐变少，WebP 对这类图特别友好。JPEG 那批收益小一些，因为原图本来就压过一轮。",[15,25,27],{"id":26},"avif-值不值","AVIF 值不值",[11,29,30],{},"AVIF 压缩率确实更好。我们抽 200 张图对比，WebP 平均 96KB，AVIF 平均 79KB。但代价是编码慢：同一台机器转 WebP 用 12 分钟，转 AVIF 要 1 小时，CI 里根本跑不动。",[11,32,33],{},"我的判断是：首屏大图的 AVIF 值得，剩下 95% 的图用 WebP。为了 18% 的体积把构建时间拉长五倍，工程上不划算。",[15,35,36],{"id":36},"三个必踩的坑",[11,38,39],{},"第一个坑是质量参数直接照搬。WebP 的 q=75 和 AVIF 的 q=50 视觉质量接近，硬套同一个数不是太糊就是太大，得按格式分别调。",[11,41,42],{},"第二个坑是透明背景。PNG 转 WebP 支持透明，但有些老工具链会丢掉 alpha 通道，图标变黑底。转完必须抽一批 PNG 图标肉眼过一遍。",[11,44,45,46,50],{},"第三个坑是兼容兜底。AVIF 的浏览器支持已经不错，但旧设备还在用，用 ",[47,48,49],"code",{},"\u003Cpicture>"," 加 WebP 兜底，别只给一个 src。",[15,52,53],{"id":53},"什么图不该转",[11,55,56],{},"三类图建议保留原格式。图标类的小 PNG 和 SVG 本来就几 KB，转格式的收益还不如多一次请求；带大面积纯色文字的截图，WebP 有损模式会把字边缘压糊，我们用无损或者 q=90 才过关；GIF 动图别转 WebP 动图，转成 MP4 更小，实在不行就保留。",[11,58,59],{},"这个站转完第一版有 60 多张博客长图文字发虚，编辑在群里骂了一轮。后来用无损 WebP 重转那批，体积还是比 PNG 小 30%，问题解决。",[15,61,62],{"id":62},"落地方式",[11,64,65],{},"我们没手工转，改的是上传流程：编辑器上传时自动生成 WebP，原图留档。历史图片用脚本批量跑，跑完 grep 一遍 HTML 和数据库里的引用路径。这一步最花时间，因为总有几十张图是硬编码在正文里的。",[11,67,68],{},"这个站改完，移动端首屏图片传输从 1.9MB 降到 620KB。但要说清楚：格式只能解决体积，解决不了\"该不该出现在首屏\"。有些站首屏放三张装饰图，转成 AVIF 也救不回来。",[15,70,71],{"id":71},"转完之后要立个规矩",[11,73,74],{},"批量转换是一次性的，不立规矩三个月就反弹。我们给这个站加了两条：编辑器上传时超过 500KB 的图自动压缩并生成 WebP；每周跑一次巡检，把超过 300KB 的图列出来给内容团队。",[11,76,77],{},"巡检脚本不到 40 行，按页面路径输出图片体积排名，谁传了大图一目了然。这条规矩执行三个月，媒体库平均体积又降了 11%。",{"title":79,"searchDepth":80,"depth":80,"links":81},"",2,[82,83,84,85,86,87],{"id":17,"depth":80,"text":17},{"id":26,"depth":80,"text":27},{"id":36,"depth":80,"text":36},{"id":53,"depth":80,"text":53},{"id":62,"depth":80,"text":62},{"id":71,"depth":80,"text":71},null,"技术SEO","2026-01-19","实测 PNG 转 WebP 小 62%、JPEG 转 WebP 小 34%、再转 AVIF 只多小 18% 但编码慢五倍。三个必踩的坑：质量参数照搬、透明通道丢失、兼容兜底。",false,"md",{},true,"\u002Fblog\u002Fwebp-avif-image-compression",{"title":5,"description":91},"blog\u002Fwebp-avif-image-compression",[100,101,102],"图片优化","WebP","AVIF","Rj3KS2SZmZe52cWKT5Gq2KLaetP2WoN9_Kjbt3QBzR0",{"id":105,"title":106,"author":6,"body":107,"canonical":88,"category":89,"cover":88,"date":243,"description":244,"draft":92,"extension":93,"keywords":88,"meta":245,"navigation":95,"noindex":92,"ogImage":88,"path":246,"seo":247,"seoDescription":88,"seoTitle":88,"stem":248,"tags":249,"updated":88,"__hash__":252},"blog\u002Fblog\u002Frobots-block-vs-noindex.md","robots 屏蔽和 noindex，选错会让页面彻底消失",{"type":8,"value":108,"toc":235},[109,112,115,118,121,124,201,204,207,210,213,216,223,226,229,232],[11,110,111],{},"robots 拦的是\"来不来抓\"，noindex 拦的是\"进不进库\"。想让页面从搜索结果里消失，用 noindex；想省抓取预算、不想让蜘蛛为它浪费请求，用 robots。最危险的做法是两个一起上。",[15,113,114],{"id":114},"为什么叠在一起会出事",[11,116,117],{},"被 robots 屏蔽的 URL，蜘蛛不会去读页面上的 noindex。如果站内或外站有链接指向它，它仍然可能被收录，只是收录成一个没有摘要、标题是 URL 本身的条目。用户搜到它，看不到内容，也不知道它是什么。2025 年 11 月一个开发者工具站就踩了这个坑：老版本文档页同时写了 robots 和 noindex，侧边栏链接还删了，半年后这批页面仍挂在搜索结果里，点击率 0.4%。",[11,119,120],{},"清理的时候我们花了两步：先把侧边栏链接加回去，删掉 robots 里的那行规则，保留 noindex。六周后这批页面才从搜索结果里消失。",[15,122,123],{"id":123},"选择标准",[125,126,127,143],"table",{},[128,129,130],"thead",{},[131,132,133,137,140],"tr",{},[134,135,136],"th",{},"场景",[134,138,139],{},"用什么",[134,141,142],{},"原因",[144,145,146,158,169,180,191],"tbody",{},[131,147,148,152,155],{},[149,150,151],"td",{},"后台、API、测试环境",[149,153,154],{},"robots",[149,156,157],{},"没有内容价值，也不该被访问",[131,159,160,163,166],{},[149,161,162],{},"已下线但保留给用户看的老页面",[149,164,165],{},"noindex",[149,167,168],{},"保留内链，权重还能流动",[131,170,171,174,177],{},[149,172,173],{},"分页的深层页",[149,175,176],{},"canonical 或 noindex",[149,178,179],{},"用 robots 会切断内链发现",[131,181,182,185,188],{},[149,183,184],{},"参数筛选页",[149,186,187],{},"canonical 优先",[149,189,190],{},"必要时 robots 拦组合参数",[131,192,193,196,198],{},[149,194,195],{},"站内搜索结果页",[149,197,165],{},[149,199,200],{},"大量低质重复页",[15,202,203],{"id":203},"验证方法",[11,205,206],{},"GSC 的网址检查会明确告诉你页面处于哪种状态：\"已被 robots.txt 屏蔽\"和\"已排除，被 noindex 标记\"是两个不同的结论，别混。curl 一下页面看 meta 里到底写了什么，再看 robots.txt 里有没有匹配规则。",[11,208,209],{},"还有一个容易忽略的点：noindex 要保留至少几周再撤内链。搜索引擎需要重新抓一次才能读到标记，撤太快等于什么都没做。",[15,211,212],{"id":212},"两个常见误解",[11,214,215],{},"第一个误解：以为 robots 屏蔽后页面就不占索引位置了。实际上它可能还在索引里，只是没有摘要，这种条目对品牌形象是负分。第二个误解：以为 noindex 页面会被立刻删除。搜索引擎要重新抓取才会读到标记，页面多的时候排期很长，所以别在上线第二天就催结果。",[11,217,218,219,222],{},"还有个反直觉的点：对分页的深层页用 robots 屏蔽，会让蜘蛛找不到更早的列表内容，反而伤害收录。这类页面交给 canonical 更合适，实在要挡，只挡 ",[47,220,221],{},"?page="," 超过某一页的参数。",[15,224,225],{"id":225},"我们给客户的默认配置",[11,227,228],{},"后台和 API 路径进 robots；测试环境整站加 Basic Auth，不用 robots；老页面保留 noindex 并留在导航的归档区；站内搜索结果页 noindex；参数页先配 canonical，再按抓取量决定是否屏蔽。这套配置几年不用改。",[15,230,231],{"id":231},"立场",[11,233,234],{},"一个页面只用一种控制指令。要它消失，用 noindex，别加 robots；要蜘蛛别来，用 robots，但它不会从索引里消失。想让两者同时成立，那你其实想要的是 404 或 410——直接删除，比掖着藏着干净。",{"title":79,"searchDepth":80,"depth":80,"links":236},[237,238,239,240,241,242],{"id":114,"depth":80,"text":114},{"id":123,"depth":80,"text":123},{"id":203,"depth":80,"text":203},{"id":212,"depth":80,"text":212},{"id":225,"depth":80,"text":225},{"id":231,"depth":80,"text":231},"2026-01-18","两个指令管的事不一样：robots 拦抓取，noindex 拦索引。我们用 2025 年 11 月一个文档页同时加上两者的案例，讲清选择标准、叠加的风险，以及替代方案。",{},"\u002Fblog\u002Frobots-block-vs-noindex",{"title":106,"description":244},"blog\u002Frobots-block-vs-noindex",[250,165,251],"robots.txt","收录","EUaWViqpniycoAnj_FAX3ukYru8ioOlzUyfs1aHj3WE",{"id":254,"title":255,"author":6,"body":256,"canonical":88,"category":623,"cover":88,"date":624,"description":625,"draft":92,"extension":93,"keywords":88,"meta":626,"navigation":95,"noindex":92,"ogImage":88,"path":627,"seo":628,"seoDescription":88,"seoTitle":88,"stem":629,"tags":630,"updated":88,"__hash__":635},"blog\u002Fblog\u002Fseo-reporting-honest.md","SEO 报告该怎么看:别被漂亮的图表骗了",{"type":8,"value":257,"toc":611},[258,261,265,268,281,288,292,295,298,303,307,310,313,318,322,325,328,339,347,351,354,362,367,371,374,379,382,385,390,393,398,401,406,409,426,429,434,437,442,445,450,453,457,460,465,468,473,476,481,484,489,492,497,500,505,508,511,514,520,559,564,596,599,602,605,608],[11,259,260],{},"SEO 公司的周报月报,经常把不好的数据藏起来,只给你看好看的。客户看不懂,以为有效果,实际钱白花了。这篇文章写 SEO 报告常见的注水手法,以及真正该看的指标。我们自己也做 SEO 服务,这些是我们见过的同行操作,也是我们提醒客户警惕的事。",[15,262,264],{"id":263},"注水手法-1只挑好看的关键词","注水手法 1:只挑好看的关键词",[11,266,267],{},"最常见的注水手法。SEO 报告里放一张关键词排名表,20 个词全部上升,看起来效果不错。但你仔细看:",[269,270,271,275,278],"ul",{},[272,273,274],"li",{},"这 20 个词是从多少个词里挑出来的?(可能是 200 个里挑 20 个涨的)",[272,276,277],{},"这 20 个词的搜索量是多少?(可能全是月搜 10 的长尾)",[272,279,280],{},"排名从第 50 涨到第 30,这种\"上涨\"对流量贡献 0",[11,282,283,287],{},[284,285,286],"strong",{},"判断方法",":让 SEO 公司给完整的关键词排名表,不要\"精选\"。看全部词的分布,涨的多少、跌的多少、不动的多少。涨的比跌得多很多才算有效。",[15,289,291],{"id":290},"注水手法-2不显示搜索量","注水手法 2:不显示搜索量",[11,293,294],{},"只给关键词和排名,不给搜索量。客户不知道哪个词值钱哪个词不值钱。",[11,296,297],{},"举例:SEO 公司报告\"关键词 A 从第 20 涨到第 5\",看起来很好。但关键词 A 月搜索量 30,排到第 5 一个月带来 5 个点击。同期的关键词 B(月搜 3000)从第 8 掉到第 15,损失 200 个点击。整体是亏的,但报告只显示 A 涨了。",[11,299,300,302],{},[284,301,286],{},":报告必须带搜索量。每个关键词旁边标月搜索量。不带搜索量的关键词报告,基本是在藏数据。",[15,304,306],{"id":305},"注水手法-3用-brand-词充数","注水手法 3:用 brand 词充数",[11,308,309],{},"品牌词(你公司名、产品名)排名本来就第 1,且和 SEO 关系不大。SEO 公司把 brand 词放进报告充数,显得\"排名第一的关键词多\"。",[11,311,312],{},"举例:你公司叫\"元析智能\",SEO 公司报告\"元析智能\"排第 1,\"元析\"排第 1,\"元析智能 SEO\"排第 1。看起来 3 个第一,实际都是 brand 词,SEO 工作基本没贡献。",[11,314,315,317],{},[284,316,286],{},":报告要区分 brand 词和非 brand 词。非 brand 词的排名和流量才是 SEO 的真实效果。",[15,319,321],{"id":320},"注水手法-4只看点击不看转化","注水手法 4:只看点击不看转化",[11,323,324],{},"流量涨了,但转化没涨。SEO 公司报流量数据漂亮,转化数据藏起来。",[11,326,327],{},"原因可能:",[269,329,330,333,336],{},[272,331,332],{},"流量来源是宽泛词,意图不强(如搜\"SEO 是什么\"进来的人不会买服务)",[272,334,335],{},"承接页有问题,流量进来了不转化",[272,337,338],{},"排名涨的词和业务无关(如做 B2B 的公司,\"免费 SEO 工具\"排名涨了)",[11,340,341,343,346],{},[284,342,286],{},[344,345],"seo",{}," 报告必须带转化数据。流量和转化脱节,SEO 工作就是空的。",[15,348,350],{"id":349},"注水手法-5基准期不对","注水手法 5:基准期不对",[11,352,353],{},"SEO 报告经常用一个不公平的基准期对比。比如:",[269,355,356,359],{},[272,357,358],{},"基准期选淡季(如春节月),对比期是旺季,显得\"流量环比涨 200%\"",[272,360,361],{},"基准期选 SEO 接手前流量最低的一周,对比期是恢复后,显得\"涨了 3 倍\"",[11,363,364,366],{},[284,365,286],{},":基准期要选接手前 3 个月的平均值,且要对比去年同期(看季节性)。光看环比或光看同比都不够,两个一起看。",[15,368,370],{"id":369},"注水手法-6把-ppc-流量算进-seo","注水手法 6:把 PPC 流量算进 SEO",[11,372,373],{},"有些公司 PPC 和 SEO 一起做,报告里把 PPC 流量算进\"自然流量增长\"。客户分不清,以为是 SEO 起效。",[11,375,376,378],{},[284,377,286],{},":报告要分 SEO 和 PPC 流量。Google Analytics 里 source\u002Fmedium 是 organic \u002F search 的才是 SEO 流量,paid \u002F cpc 是 PPC。让 SEO 公司按这个维度分开报。",[15,380,381],{"id":381},"真正该看的指标",[11,383,384],{},"看完注水手法,说说真正该看的指标。一份诚实的 SEO 报告,应该包含:",[11,386,387],{},[284,388,389],{},"1. 自然流量总量",[11,391,392],{},"Google Analytics 的 organic \u002F search 维度。按月对比,看趋势。注意要排除 brand 流量,看非 brand 的自然流量。",[11,394,395],{},[284,396,397],{},"2. 非 brand 词排名",[11,399,400],{},"排名靠前的关键词里,有多少是 brand 词,多少是非 brand 词。非 brand 词的排名才是 SEO 效果。",[11,402,403],{},[284,404,405],{},"3. 关键词排名分布",[11,407,408],{},"不要只看 top 10 关键词。要看分布:",[269,410,411,414,417,420,423],{},[272,412,413],{},"第 1-3 名:几个",[272,415,416],{},"第 4-10 名:几个",[272,418,419],{},"第 11-20 名:几个",[272,421,422],{},"第 21-50 名:几个",[272,424,425],{},"第 50 名以后:几个",[11,427,428],{},"健康的 SEO 效果,应该是关键词从第 21-50 名往第 11-20 名移动,再到第 4-10 名。如果一直卡在第 11-20 名不动,说明有问题。",[11,430,431],{},[284,432,433],{},"4. 转化数据",[11,435,436],{},"通过 SEO 进来的流量,转化了多少。转化定义按业务定(注册、留资、购买)。流量没转化的 SEO 是空的。",[11,438,439],{},[284,440,441],{},"5. 收录情况",[11,443,444],{},"百度搜索资源平台和 Google Search Console 的收录数据。如果 SEO 做了 3 个月,收录页数没涨,内容建设有问题。",[11,446,447],{},[284,448,449],{},"6. 外链情况",[11,451,452],{},"外链总数、外链域名数、外链质量分布。不要只看数量,看质量。低质外链多了是负资产。",[15,454,456],{"id":455},"怎么判断-seo-公司在摸鱼","怎么判断 SEO 公司在摸鱼",[11,458,459],{},"几个明显的信号:",[11,461,462],{},[284,463,464],{},"1. 报告一直只有排名表",[11,466,467],{},"3 个月了报告还只有关键词排名表,没有流量数据、没有转化数据、没有收录数据。基本是在用排名充数。",[11,469,470],{},[284,471,472],{},"2. 流量涨了转化没涨",[11,474,475],{},"3 个月流量涨 30%,转化没动。要么是宽泛词流量,要么是承接页有问题。SEO 公司两个都不解决,就是摸鱼。",[11,477,478],{},[284,479,480],{},"3. 关键词全是 brand",[11,482,483],{},"报告里的关键词 80% 是品牌词。SEO 工作基本没贡献。",[11,485,486],{},[284,487,488],{},"4. 收录页数没涨",[11,490,491],{},"3 个月收录页数没变化,说明没做内容建设。光做技术调整和发外链,效果天花板很低。",[11,493,494],{},[284,495,496],{},"5. 外链来源可疑",[11,498,499],{},"外链来自一堆陌生站点,且站点质量低。可能是买的外链或 PBN。2025 年百度对这种外链识别很严,风险高。",[11,501,502],{},[284,503,504],{},"6. 周报内容千篇一律",[11,506,507],{},"每周报告内容模板化,复制粘贴改几个数字。说明没在做具体分析,在走流程。",[15,509,510],{"id":510},"我们自己的报告怎么写",[11,512,513],{},"我们做 SEO 服务,报告格式写在这里供参考:",[11,515,516,519],{},[284,517,518],{},"月报包含",":",[521,522,523,529,535,541,547,553],"ol",{},[272,524,525,528],{},[284,526,527],{},"核心指标摘要","(1 页):自然流量(brand 和非 brand 分开)、转化数、收录数、外链数,全部环比和同比",[272,530,531,534],{},[284,532,533],{},"关键词排名分布","(1 页):全量关键词按排名区间分布,涨跌词数",[272,536,537,540],{},[284,538,539],{},"Top 涨跌词","(1 页):涨幅最大的 10 个词、跌幅最大的 10 个词,带搜索量",[272,542,543,546],{},[284,544,545],{},"转化漏斗","(1 页):SEO 流量 → 留资 → 成交,各环节转化率",[272,548,549,552],{},[284,550,551],{},"本月工作总结","(1 页):做了什么、效果如何、下月计划",[272,554,555,558],{},[284,556,557],{},"问题和风险","(1 页):技术上发现的问题、算法变化的影响、需要客户配合的事",[11,560,561,519],{},[284,562,563],{},"报告原则",[269,565,566,572,578,584,590],{},[272,567,568,571],{},[284,569,570],{},"数据全透明",":所有数据可查,不挑不藏",[272,573,574,577],{},[284,575,576],{},"brand 和非 brand 分开",":不让 brand 词充数",[272,579,580,583],{},[284,581,582],{},"涨跌都报",":不只报涨的",[272,585,586,589],{},[284,587,588],{},"转化优先",":流量数据放次要位置,转化数据放主要位置",[272,591,592,595],{},[284,593,594],{},"诚实说问题",":发现效果不好就直说,不掩饰",[11,597,598],{},"我们这么做不是因为高尚,是因为客户能看懂。客户看不懂的报告能糊弄一时,糊弄不了一直。SEO 是长期合作,透明是基础。",[15,600,601],{"id":601},"总结",[11,603,604],{},"看 SEO 报告别被图表骗。常见的注水手法:挑好看的关键词、不显示搜索量、用 brand 充数、只看点击不看转化、基准期不对、把 PPC 算进 SEO。真正该看的指标:非 brand 自然流量、关键词排名分布、转化数据、收录情况、外链质量。判断 SEO 公司是否摸鱼:报告是否只有排名表、流量和转化是否脱节、关键词是否全是 brand、收录是否没涨、外链来源是否可疑。",[11,606,607],{},"找 SEO 公司,先看他们的报告样本。报告注水的,合作了也是踩坑。",[11,609,610],{},"想看一份诚实的 SEO 报告长什么样,联系我们,发一份我们做过的真实月报样本(脱敏)给你参考。",{"title":79,"searchDepth":80,"depth":80,"links":612},[613,614,615,616,617,618,619,620,621,622],{"id":263,"depth":80,"text":264},{"id":290,"depth":80,"text":291},{"id":305,"depth":80,"text":306},{"id":320,"depth":80,"text":321},{"id":349,"depth":80,"text":350},{"id":369,"depth":80,"text":370},{"id":381,"depth":80,"text":381},{"id":455,"depth":80,"text":456},{"id":510,"depth":80,"text":510},{"id":601,"depth":80,"text":601},"SEO","2026-01-20","SEO 公司的报告经常注水:挑好看的关键词、不显示搜索量、用品牌词充数。真正该看的指标和判断 SEO 公司是否摸鱼的方法,以及我们自己的报告怎么写。",{},"\u002Fblog\u002Fseo-reporting-honest",{"title":255,"description":625},"blog\u002Fseo-reporting-honest",[631,632,633,634],"SEO报告","SEO效果评估","SEO公司选择","数据指标","w4THNozibBUoVIC77bsh5BFaLVtzoePHxHfgS64AoBs",1794088109091]