[{"data":1,"prerenderedAt":3298},["ShallowReactive",2],{"blog-\u002Fblog\u002Fwebsite\u002Ftupian-youhua":3,"blog-related-\u002Fblog\u002Fwebsite\u002Ftupian-youhua":1330},{"id":4,"title":5,"author":6,"body":7,"category":1299,"cover":1300,"date":1301,"description":1302,"draft":1303,"extension":1304,"faq":1305,"featured":1303,"image":1300,"keywords":1315,"meta":1320,"navigation":891,"path":1321,"seo":1322,"sitemap":1323,"stem":1324,"tags":1325,"updated":1301,"__hash__":1329},"blog\u002Fblog\u002Fwebsite\u002Ftupian-youhua.md","官网图片怎么优化体积和清晰度","HNREIS",{"type":8,"value":9,"toc":1242},"minimark",[10,19,23,28,41,45,56,60,71,75,83,86,89,198,201,212,215,226,229,233,272,276,287,291,369,372,375,379,475,479,599,603,611,614,618,663,674,678,694,698,709,713,717,725,729,744,747,751,765,769,780,784,795,799,807,811,815,832,836,850,854,862,866,874,877,880,912,915,942,945,966,969,972,1014,1017,1058,1061,1097,1100,1152,1155,1205,1208,1232,1238],[11,12,13,14,18],"p",{},"打开网站，3 秒还在白屏——大概率是图片太大。",[15,16,17],"strong",{},"图片是官网体积的最大头，80% 的性能问题来自图片。"," 这篇文章讲清官网图片怎么优化体积和清晰度。",[20,21,22],"h2",{"id":22},"为什么图片优化重要",[24,25,27],"h3",{"id":26},"_1-性能影响","1. 性能影响",[29,30,31,35,38],"ul",{},[32,33,34],"li",{},"图片占页面体积的 50% 到 80%。",[32,36,37],{},"图片加载慢，首屏 LCP 慢。",[32,39,40],{},"影响核心 Web 指标（Core Web Vitals）。",[24,42,44],{"id":43},"_2-seo-影响","2. SEO 影响",[29,46,47,50,53],{},[32,48,49],{},"速度是 Google 排名因素。",[32,51,52],{},"Core Web Vitals 影响排名。",[32,54,55],{},"图片 SEO（alt、文件名）带来图片搜索流量。",[24,57,59],{"id":58},"_3-用户体验","3. 用户体验",[29,61,62,65,68],{},[32,63,64],{},"加载慢用户跳出。",[32,66,67],{},"移动端流量贵，图片浪费流量。",[32,69,70],{},"模糊或失真的图片影响专业感。",[24,72,74],{"id":73},"_4-流量成本","4. 流量成本",[29,76,77,80],{},[32,78,79],{},"大图片消耗带宽。",[32,81,82],{},"服务器\u002FCDN 成本增加。",[20,84,85],{"id":85},"图片格式选择",[24,87,88],{"id":88},"主流格式对比",[90,91,92,111],"table",{},[93,94,95],"thead",{},[96,97,98,102,105,108],"tr",{},[99,100,101],"th",{},"格式",[99,103,104],{},"优点",[99,106,107],{},"缺点",[99,109,110],{},"适用",[112,113,114,129,143,157,171,185],"tbody",{},[96,115,116,120,123,126],{},[117,118,119],"td",{},"JPEG",[117,121,122],{},"兼容性最好、照片质量好",[117,124,125],{},"不支持透明、有损",[117,127,128],{},"照片、复杂图",[96,130,131,134,137,140],{},[117,132,133],{},"PNG",[117,135,136],{},"支持透明、无损",[117,138,139],{},"体积大",[117,141,142],{},"Logo、图标、简单图",[96,144,145,148,151,154],{},[117,146,147],{},"WebP",[117,149,150],{},"比 JPEG 小 25% 到 35%",[117,152,153],{},"旧浏览器不支持",[117,155,156],{},"现代浏览器首选",[96,158,159,162,165,168],{},[117,160,161],{},"AVIF",[117,163,164],{},"比 WebP 更小",[117,166,167],{},"兼容性较差",[117,169,170],{},"渐进增强",[96,172,173,176,179,182],{},[117,174,175],{},"SVG",[117,177,178],{},"矢量、可缩放、超小",[117,180,181],{},"只适合简单图形",[117,183,184],{},"图标、插画、Logo",[96,186,187,190,193,195],{},[117,188,189],{},"GIF",[117,191,192],{},"支持动画",[117,194,139],{},[117,196,197],{},"不推荐（用视频）",[24,199,200],{"id":200},"选择策略",[202,203,208],"pre",{"className":204,"code":206,"language":207},[205],"language-text","if 浏览器支持 AVIF:\n  使用 AVIF\nelif 浏览器支持 WebP:\n  使用 WebP\nelse:\n  使用 JPEG（照片）\u002F PNG（透明）\n","text",[209,210,206],"code",{"__ignoreMap":211},"",[24,213,214],{"id":214},"动图",[29,216,217,220,223],{},[32,218,219],{},"GIF 体积大，质量差。",[32,221,222],{},"用 WebM 或 MP4 视频替代。",[32,224,225],{},"体积小 10 倍以上。",[20,227,228],{"id":228},"图片压缩",[24,230,232],{"id":231},"_1-有损-vs-无损","1. 有损 vs 无损",[90,234,235,248],{},[93,236,237],{},[96,238,239,242,245],{},[99,240,241],{},"类型",[99,243,244],{},"说明",[99,246,247],{},"适合",[112,249,250,261],{},[96,251,252,255,258],{},[117,253,254],{},"有损",[117,256,257],{},"压缩后画质稍降，体积小",[117,259,260],{},"照片、Hero 图",[96,262,263,266,269],{},[117,264,265],{},"无损",[117,267,268],{},"压缩后画质不变，体积稍大",[117,270,271],{},"Logo、截图、技术图",[24,273,275],{"id":274},"_2-压缩级别","2. 压缩级别",[29,277,278,281,284],{},[32,279,280],{},"JPEG：75 到 85（视觉无损）。",[32,282,283],{},"WebP：75 到 85。",[32,285,286],{},"PNG：用工具无损压缩。",[24,288,290],{"id":289},"_3-压缩工具","3. 压缩工具",[90,292,293,305],{},[93,294,295],{},[96,296,297,300,302],{},[99,298,299],{},"工具",[99,301,241],{},[99,303,304],{},"价格",[112,306,307,318,329,339,349,359],{},[96,308,309,312,315],{},[117,310,311],{},"TinyPNG",[117,313,314],{},"在线、批量",[117,316,317],{},"免费+付费",[96,319,320,323,326],{},[117,321,322],{},"Squoosh.app",[117,324,325],{},"在线（Google）",[117,327,328],{},"免费",[96,330,331,334,337],{},[117,332,333],{},"ImageOptim",[117,335,336],{},"Mac 客户端",[117,338,328],{},[96,340,341,344,347],{},[117,342,343],{},"FileOptimizer",[117,345,346],{},"Windows",[117,348,328],{},[96,350,351,354,357],{},[117,352,353],{},"Sharp",[117,355,356],{},"Node.js 库（开发用）",[117,358,328],{},[96,360,361,364,367],{},[117,362,363],{},"cwebp",[117,365,366],{},"命令行",[117,368,328],{},[20,370,371],{"id":371},"响应式图片",[11,373,374],{},"不同设备加载不同尺寸的图片：",[24,376,378],{"id":377},"_1-srcset-属性","1. srcset 属性",[202,380,384],{"className":381,"code":382,"language":383,"meta":211,"style":211},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cimg \n  src=\"image-800.jpg\" \n  srcset=\"image-400.jpg 400w, image-800.jpg 800w, image-1200.jpg 1200w\"\n  sizes=\"(max-width: 600px) 400px, (max-width: 1200px) 800px, 1200px\"\n  alt=\"描述\"\n\u002F>\n","html",[209,385,386,402,423,439,454,469],{"__ignoreMap":211},[387,388,391,395,399],"span",{"class":389,"line":390},"line",1,[387,392,394],{"class":393},"sMK4o","\u003C",[387,396,398],{"class":397},"swJcz","img",[387,400,401],{"class":393}," \n",[387,403,405,409,412,415,419,421],{"class":389,"line":404},2,[387,406,408],{"class":407},"spNyl","  src",[387,410,411],{"class":393},"=",[387,413,414],{"class":393},"\"",[387,416,418],{"class":417},"sfazB","image-800.jpg",[387,420,414],{"class":393},[387,422,401],{"class":393},[387,424,426,429,431,433,436],{"class":389,"line":425},3,[387,427,428],{"class":407},"  srcset",[387,430,411],{"class":393},[387,432,414],{"class":393},[387,434,435],{"class":417},"image-400.jpg 400w, image-800.jpg 800w, image-1200.jpg 1200w",[387,437,438],{"class":393},"\"\n",[387,440,442,445,447,449,452],{"class":389,"line":441},4,[387,443,444],{"class":407},"  sizes",[387,446,411],{"class":393},[387,448,414],{"class":393},[387,450,451],{"class":417},"(max-width: 600px) 400px, (max-width: 1200px) 800px, 1200px",[387,453,438],{"class":393},[387,455,457,460,462,464,467],{"class":389,"line":456},5,[387,458,459],{"class":407},"  alt",[387,461,411],{"class":393},[387,463,414],{"class":393},[387,465,466],{"class":417},"描述",[387,468,438],{"class":393},[387,470,472],{"class":389,"line":471},6,[387,473,474],{"class":393},"\u002F>\n",[24,476,478],{"id":477},"_2-picture-元素","2. picture 元素",[202,480,482],{"className":381,"code":481,"language":383,"meta":211,"style":211},"\u003Cpicture>\n  \u003Csource srcset=\"image.avif\" type=\"image\u002Favif\" \u002F>\n  \u003Csource srcset=\"image.webp\" type=\"image\u002Fwebp\" \u002F>\n  \u003Cimg src=\"image.jpg\" alt=\"描述\" \u002F>\n\u003C\u002Fpicture>\n",[209,483,484,494,529,559,590],{"__ignoreMap":211},[387,485,486,488,491],{"class":389,"line":390},[387,487,394],{"class":393},[387,489,490],{"class":397},"picture",[387,492,493],{"class":393},">\n",[387,495,496,499,502,505,507,509,512,514,517,519,521,524,526],{"class":389,"line":404},[387,497,498],{"class":393},"  \u003C",[387,500,501],{"class":397},"source",[387,503,504],{"class":407}," srcset",[387,506,411],{"class":393},[387,508,414],{"class":393},[387,510,511],{"class":417},"image.avif",[387,513,414],{"class":393},[387,515,516],{"class":407}," type",[387,518,411],{"class":393},[387,520,414],{"class":393},[387,522,523],{"class":417},"image\u002Favif",[387,525,414],{"class":393},[387,527,528],{"class":393}," \u002F>\n",[387,530,531,533,535,537,539,541,544,546,548,550,552,555,557],{"class":389,"line":425},[387,532,498],{"class":393},[387,534,501],{"class":397},[387,536,504],{"class":407},[387,538,411],{"class":393},[387,540,414],{"class":393},[387,542,543],{"class":417},"image.webp",[387,545,414],{"class":393},[387,547,516],{"class":407},[387,549,411],{"class":393},[387,551,414],{"class":393},[387,553,554],{"class":417},"image\u002Fwebp",[387,556,414],{"class":393},[387,558,528],{"class":393},[387,560,561,563,565,568,570,572,575,577,580,582,584,586,588],{"class":389,"line":441},[387,562,498],{"class":393},[387,564,398],{"class":397},[387,566,567],{"class":407}," src",[387,569,411],{"class":393},[387,571,414],{"class":393},[387,573,574],{"class":417},"image.jpg",[387,576,414],{"class":393},[387,578,579],{"class":407}," alt",[387,581,411],{"class":393},[387,583,414],{"class":393},[387,585,466],{"class":417},[387,587,414],{"class":393},[387,589,528],{"class":393},[387,591,592,595,597],{"class":389,"line":456},[387,593,594],{"class":393},"\u003C\u002F",[387,596,490],{"class":397},[387,598,493],{"class":393},[24,600,602],{"id":601},"_3-现代框架自动生成","3. 现代框架自动生成",[29,604,605,608],{},[32,606,607],{},"Nuxt Image、Next Image 自动生成多尺寸、多格式。",[32,609,610],{},"不用手动处理。",[20,612,613],{"id":613},"懒加载",[24,615,617],{"id":616},"_1-原生懒加载","1. 原生懒加载",[202,619,621],{"className":381,"code":620,"language":383,"meta":211,"style":211},"\u003Cimg src=\"image.jpg\" loading=\"lazy\" alt=\"描述\" \u002F>\n",[209,622,623],{"__ignoreMap":211},[387,624,625,627,629,631,633,635,637,639,642,644,646,649,651,653,655,657,659,661],{"class":389,"line":390},[387,626,394],{"class":393},[387,628,398],{"class":397},[387,630,567],{"class":407},[387,632,411],{"class":393},[387,634,414],{"class":393},[387,636,574],{"class":417},[387,638,414],{"class":393},[387,640,641],{"class":407}," loading",[387,643,411],{"class":393},[387,645,414],{"class":393},[387,647,648],{"class":417},"lazy",[387,650,414],{"class":393},[387,652,579],{"class":407},[387,654,411],{"class":393},[387,656,414],{"class":393},[387,658,466],{"class":417},[387,660,414],{"class":393},[387,662,528],{"class":393},[29,664,665,668,671],{},[32,666,667],{},"视口外图片不加载。",[32,669,670],{},"滚动到视口才加载。",[32,672,673],{},"减少首屏加载量。",[24,675,677],{"id":676},"_2-首屏图片不要懒加载","2. 首屏图片不要懒加载",[29,679,680,683],{},[32,681,682],{},"首屏图片要立即加载。",[32,684,685,686,689,690,693],{},"加 ",[209,687,688],{},"loading=\"eager\""," 或 ",[209,691,692],{},"fetchpriority=\"high\"","。",[24,695,697],{"id":696},"_3-模糊占位lqip","3. 模糊占位（LQIP）",[29,699,700,703,706],{},[32,701,702],{},"加载前显示低质量模糊图。",[32,704,705],{},"加载完成后替换。",[32,707,708],{},"提升感知速度。",[20,710,712],{"id":711},"cdn-加速","CDN 加速",[24,714,716],{"id":715},"_1-静态资源-cdn","1. 静态资源 CDN",[29,718,719,722],{},[32,720,721],{},"图片放 CDN 节点。",[32,723,724],{},"全国\u002F全球访问都快。",[24,726,728],{"id":727},"_2-图片处理-cdn","2. 图片处理 CDN",[29,730,731,734,737],{},[32,732,733],{},"Cloudflare Images、imgix、Cloudinary。",[32,735,736],{},"按需生成不同尺寸、格式。",[32,738,739,740,743],{},"URL 参数控制（如 ",[209,741,742],{},"?w=800&format=webp","）。",[20,745,746],{"id":746},"图片尺寸规范",[24,748,750],{"id":749},"_1-显示尺寸-vs-文件尺寸","1. 显示尺寸 vs 文件尺寸",[29,752,753,756,759],{},[32,754,755],{},"显示尺寸：页面显示多大（CSS）。",[32,757,758],{},"文件尺寸：图片本身多大（像素）。",[32,760,761,764],{},[15,762,763],{},"文件尺寸至少 2 倍显示尺寸","（高清屏）。",[24,766,768],{"id":767},"_2-hero-图","2. Hero 图",[29,770,771,774,777],{},[32,772,773],{},"桌面：1920x1080 或更宽。",[32,775,776],{},"移动：750x1200（竖屏）。",[32,778,779],{},"提供 2 到 3 个尺寸。",[24,781,783],{"id":782},"_3-产品图","3. 产品图",[29,785,786,789,792],{},[32,787,788],{},"主图：800x800 或更大。",[32,790,791],{},"缩略图：200x200。",[32,793,794],{},"详情图：1200x800。",[24,796,798],{"id":797},"_4-博客配图","4. 博客配图",[29,800,801,804],{},[32,802,803],{},"头图：1200x630（Open Graph）。",[32,805,806],{},"文中图：800x600。",[20,808,810],{"id":809},"图片-seo","图片 SEO",[24,812,814],{"id":813},"_1-文件名","1. 文件名",[29,816,817,820,823],{},[32,818,819],{},"描述性、含关键词。",[32,821,822],{},"用连字符（-）分隔。",[32,824,825,828,829,693],{},[209,826,827],{},"red-running-shoes.jpg"," 而不是 ",[209,830,831],{},"IMG001.jpg",[24,833,835],{"id":834},"_2-alt-属性","2. alt 属性",[29,837,838,841,844,847],{},[32,839,840],{},"描述图片内容。",[32,842,843],{},"含关键词（自然）。",[32,845,846],{},"帮助盲人用户和搜索引擎。",[32,848,849],{},"图片搜索流量来源。",[24,851,853],{"id":852},"_3-title-属性可选","3. title 属性（可选）",[29,855,856,859],{},[32,857,858],{},"鼠标悬停提示。",[32,860,861],{},"不如 alt 重要。",[24,863,865],{"id":864},"_4-图片-sitemap","4. 图片 sitemap",[29,867,868,871],{},[32,869,870],{},"提交图片 sitemap。",[32,872,873],{},"帮助搜索引擎发现图片。",[20,875,876],{"id":876},"优化清单",[24,878,879],{"id":879},"上传前",[29,881,884,894,900,906],{"className":882},[883],"contains-task-list",[32,885,888,893],{"className":886},[887],"task-list-item",[889,890],"input",{"disabled":891,"type":892},true,"checkbox"," 选对格式（WebP 优先）。",[32,895,897,899],{"className":896},[887],[889,898],{"disabled":891,"type":892}," 压缩（视觉无损）。",[32,901,903,905],{"className":902},[887],[889,904],{"disabled":891,"type":892}," 文件名含关键词。",[32,907,909,911],{"className":908},[887],[889,910],{"disabled":891,"type":892}," 尺寸合适（不超过显示 2 倍）。",[24,913,914],{"id":914},"上传时",[29,916,918,924,930,936],{"className":917},[883],[32,919,921,923],{"className":920},[887],[889,922],{"disabled":891,"type":892}," 加 alt 属性。",[32,925,927,929],{"className":926},[887],[889,928],{"disabled":891,"type":892}," 配置响应式（srcset）。",[32,931,933,935],{"className":932},[887],[889,934],{"disabled":891,"type":892}," 配置懒加载（非首屏）。",[32,937,939,941],{"className":938},[887],[889,940],{"disabled":891,"type":892}," 配置 CDN。",[24,943,944],{"id":944},"上线后",[29,946,948,954,960],{"className":947},[883],[32,949,951,953],{"className":950},[887],[889,952],{"disabled":891,"type":892}," 测试加载速度。",[32,955,957,959],{"className":956},[887],[889,958],{"disabled":891,"type":892}," 监控图片体积。",[32,961,963,965],{"className":962},[887],[889,964],{"disabled":891,"type":892}," 定期清理无用图片。",[20,967,968],{"id":968},"工具推荐",[24,970,971],{"id":971},"开发阶段",[90,973,974,983],{},[93,975,976],{},[96,977,978,980],{},[99,979,299],{},[99,981,982],{},"用途",[112,984,985,993,1000,1007],{},[96,986,987,990],{},[117,988,989],{},"Nuxt Image",[117,991,992],{},"自动优化",[96,994,995,998],{},[117,996,997],{},"Next Image",[117,999,992],{},[96,1001,1002,1004],{},[117,1003,353],{},[117,1005,1006],{},"编程处理",[96,1008,1009,1011],{},[117,1010,363],{},[117,1012,1013],{},"转 WebP",[24,1015,1016],{"id":1016},"运营阶段",[90,1018,1019,1027],{},[93,1020,1021],{},[96,1022,1023,1025],{},[99,1024,299],{},[99,1026,982],{},[112,1028,1029,1036,1044,1050],{},[96,1030,1031,1033],{},[117,1032,311],{},[117,1034,1035],{},"在线压缩",[96,1037,1038,1041],{},[117,1039,1040],{},"Squoosh",[117,1042,1043],{},"在线转格式",[96,1045,1046,1048],{},[117,1047,333],{},[117,1049,336],{},[96,1051,1052,1055],{},[117,1053,1054],{},"ShortPixel",[117,1056,1057],{},"WordPress 插件",[24,1059,1060],{"id":1060},"监控",[90,1062,1063,1071],{},[93,1064,1065],{},[96,1066,1067,1069],{},[99,1068,299],{},[99,1070,982],{},[112,1072,1073,1081,1089],{},[96,1074,1075,1078],{},[117,1076,1077],{},"PageSpeed Insights",[117,1079,1080],{},"性能审计",[96,1082,1083,1086],{},[117,1084,1085],{},"Lighthouse",[117,1087,1088],{},"图片优化建议",[96,1090,1091,1094],{},[117,1092,1093],{},"WebPageTest",[117,1095,1096],{},"详细性能",[20,1098,1099],{"id":1099},"成本参考",[90,1101,1102,1112],{},[93,1103,1104],{},[96,1105,1106,1109],{},[99,1107,1108],{},"优化方案",[99,1110,1111],{},"成本",[112,1113,1114,1121,1129,1137,1144],{},[96,1115,1116,1119],{},[117,1117,1118],{},"手动压缩（在线工具）",[117,1120,328],{},[96,1122,1123,1126],{},[117,1124,1125],{},"框架自动优化（Nuxt Image）",[117,1127,1128],{},"含在开发",[96,1130,1131,1134],{},[117,1132,1133],{},"图片 CDN（Cloudflare Images 等）",[117,1135,1136],{},"月费几美元",[96,1138,1139,1142],{},[117,1140,1141],{},"自动化工具（Sharp 等）",[117,1143,1128],{},[96,1145,1146,1149],{},[117,1147,1148],{},"图片优化审计服务",[117,1150,1151],{},"几千到 1 万",[20,1153,1154],{"id":1154},"常见误区",[29,1156,1157,1163,1169,1175,1181,1187,1193,1199],{},[32,1158,1159,1162],{},[15,1160,1161],{},"\"图片清晰就好\"","：要平衡清晰度和体积。",[32,1164,1165,1168],{},[15,1166,1167],{},"\"用 PNG 一定比 JPEG 好\"","：照片用 JPEG\u002FWebP 更小。",[32,1170,1171,1174],{},[15,1172,1173],{},"\"不压缩直接上传\"","：拖垮性能。",[32,1176,1177,1180],{},[15,1178,1179],{},"\"忽视格式\"","：现代格式（WebP\u002FAVIF）大幅减小体积。",[32,1182,1183,1186],{},[15,1184,1185],{},"\"忽视响应式\"","：手机加载桌面大图。",[32,1188,1189,1192],{},[15,1190,1191],{},"\"忽视懒加载\"","：所有图片同时加载。",[32,1194,1195,1198],{},[15,1196,1197],{},"\"alt 写关键词堆砌\"","：被判定作弊。",[32,1200,1201,1204],{},[15,1202,1203],{},"\"用 GIF 当动图\"","：用视频。",[20,1206,1207],{"id":1207},"怎么开始",[1209,1210,1211,1214,1217,1220,1223,1226,1229],"ol",{},[32,1212,1213],{},"用 Lighthouse 审计官网图片。",[32,1215,1216],{},"找出大图（>200KB）。",[32,1218,1219],{},"转换为 WebP\u002FAVIF。",[32,1221,1222],{},"配置响应式（srcset）。",[32,1224,1225],{},"配置懒加载（loading=\"lazy\"）。",[32,1227,1228],{},"上 CDN。",[32,1230,1231],{},"持续监控图片体积。",[1233,1234,1235],"blockquote",{},[11,1236,1237],{},"广州市汉诺雷斯（HNREIS）做企业官网默认用 Nuxt Image 自动优化图片（WebP\u002FAVIF、响应式、懒加载、CDN），保证性能和清晰度平衡。把你的官网图片情况告诉我们，我们给出图片优化方案。",[1239,1240,1241],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":211,"searchDepth":404,"depth":404,"links":1243},[1244,1250,1255,1260,1265,1270,1274,1280,1286,1291,1296,1297,1298],{"id":22,"depth":404,"text":22,"children":1245},[1246,1247,1248,1249],{"id":26,"depth":425,"text":27},{"id":43,"depth":425,"text":44},{"id":58,"depth":425,"text":59},{"id":73,"depth":425,"text":74},{"id":85,"depth":404,"text":85,"children":1251},[1252,1253,1254],{"id":88,"depth":425,"text":88},{"id":200,"depth":425,"text":200},{"id":214,"depth":425,"text":214},{"id":228,"depth":404,"text":228,"children":1256},[1257,1258,1259],{"id":231,"depth":425,"text":232},{"id":274,"depth":425,"text":275},{"id":289,"depth":425,"text":290},{"id":371,"depth":404,"text":371,"children":1261},[1262,1263,1264],{"id":377,"depth":425,"text":378},{"id":477,"depth":425,"text":478},{"id":601,"depth":425,"text":602},{"id":613,"depth":404,"text":613,"children":1266},[1267,1268,1269],{"id":616,"depth":425,"text":617},{"id":676,"depth":425,"text":677},{"id":696,"depth":425,"text":697},{"id":711,"depth":404,"text":712,"children":1271},[1272,1273],{"id":715,"depth":425,"text":716},{"id":727,"depth":425,"text":728},{"id":746,"depth":404,"text":746,"children":1275},[1276,1277,1278,1279],{"id":749,"depth":425,"text":750},{"id":767,"depth":425,"text":768},{"id":782,"depth":425,"text":783},{"id":797,"depth":425,"text":798},{"id":809,"depth":404,"text":810,"children":1281},[1282,1283,1284,1285],{"id":813,"depth":425,"text":814},{"id":834,"depth":425,"text":835},{"id":852,"depth":425,"text":853},{"id":864,"depth":425,"text":865},{"id":876,"depth":404,"text":876,"children":1287},[1288,1289,1290],{"id":879,"depth":425,"text":879},{"id":914,"depth":425,"text":914},{"id":944,"depth":425,"text":944},{"id":968,"depth":404,"text":968,"children":1292},[1293,1294,1295],{"id":971,"depth":425,"text":971},{"id":1016,"depth":425,"text":1016},{"id":1060,"depth":425,"text":1060},{"id":1099,"depth":404,"text":1099},{"id":1154,"depth":404,"text":1154},{"id":1207,"depth":404,"text":1207},"website",null,"2025-09-18","图片是官网体积大头，优化不当会拖慢速度。本文讲清官网图片优化的方法：格式选择、压缩、响应式、懒加载、CDN。",false,"md",[1306,1309,1312],{"q":1307,"a":1308},"官网图片用什么格式最好？","看场景。现代浏览器优先 WebP（体积比 JPEG 小 25% 到 35%，质量相当），渐进增强用 AVIF（更小但兼容性稍差）。GIF 动图换成 WebM\u002FMP4 视频（小 10 倍以上）。PNG 用于需要透明的图（如 Logo），SVG 用于图标和插画。JPEG 仍是兼容性最好的备选。建议主用 WebP，JPEG 兜底。",{"q":1310,"a":1311},"官网图片多大合适？","看图片类型和用途。Hero 大图压缩后 100 到 200KB（WebP），产品图 50 到 100KB，缩略图 20 到 50KB，图标用 SVG（几 KB）。原则：在不影响清晰度的前提下尽可能小。一张未压缩的几 MB 图片会拖慢整个页面，是不可接受的。",{"q":1313,"a":1314},"用什么工具压缩图片？","在线工具：TinyPNG、Squoosh.app（免费）。命令行：cwebp、ImageOptim、Sharp（开发用）。自动化：Nuxt Image、Next Image（框架内置）、Cloudflare Images、imgix。建议开发时用框架内置图片组件自动优化（生成多尺寸、多格式、懒加载），运营时定期检查图片体积。",[1316,1317,1318,1319],"官网图片优化","网站图片压缩","WebP格式","图片性能优化",{},"\u002Fblog\u002Fwebsite\u002Ftupian-youhua",{"title":5,"description":1302},{"loc":1321},"blog\u002Fwebsite\u002Ftupian-youhua",[1326,1327,1328],"图片优化","性能","优化","QrthwiLrz0u69lam9OdQCAOL36Nuad9TxJ5kCBx34ys",[1331,1836,2268,2716],{"id":1332,"title":1333,"author":6,"body":1334,"category":1299,"cover":1300,"date":1809,"description":1810,"draft":1303,"extension":1304,"faq":1811,"featured":1303,"image":1300,"keywords":1821,"meta":1826,"navigation":891,"path":1827,"seo":1828,"sitemap":1829,"stem":1830,"tags":1831,"updated":1809,"__hash__":1835},"blog\u002Fblog\u002Fwebsite\u002Fab-ceshi-luodiye.md","落地页AB测试怎么做",{"type":8,"value":1335,"toc":1791},[1336,1343,1347,1350,1353,1379,1383,1394,1397,1404,1503,1509,1513,1517,1520,1531,1537,1541,1544,1548,1551,1555,1558,1562,1565,1576,1580,1654,1660,1662,1724,1726,1764,1766,1786],[11,1337,1338,1339,1342],{},"很多企业的落地页改了一版又一版，转化率却始终上不去——根本问题在于改页面凭感觉，没有数据支撑。",[15,1340,1341],{},"落地页优化必须用 AB 测试来验证假设，否则任何改动都是在赌。"," 这篇文章讲清楚落地页 AB 测试的完整流程、可测试元素、工具选择以及常见的坑。",[20,1344,1346],{"id":1345},"什么是落地页-ab-测试","什么是落地页 AB 测试",[11,1348,1349],{},"AB 测试（A\u002FB testing）的核心是把访问者随机分成两组：A 组看到原版本（对照组），B 组看到修改版本（实验组），其他条件相同，按转化数据判断哪个版本更优。",[24,1351,1352],{"id":1352},"关键概念",[29,1354,1355,1361,1367,1373],{},[32,1356,1357,1360],{},[15,1358,1359],{},"对照组（Control）","：当前上线的原版本，作为基准。",[32,1362,1363,1366],{},[15,1364,1365],{},"实验组（Variant）","：做了修改的新版本。",[32,1368,1369,1372],{},[15,1370,1371],{},"核心指标（KPI）","：通常是表单提交率、咨询点击率、购买转化率。",[32,1374,1375,1378],{},[15,1376,1377],{},"统计显著","：差异不是偶然产生，通常要求置信度达到 95% 以上。",[24,1380,1382],{"id":1381},"ab-测试能解决什么问题","AB 测试能解决什么问题",[29,1384,1385,1388,1391],{},[32,1386,1387],{},"不知道改了会不会更好——用数据说话。",[32,1389,1390],{},"团队对某个设计有分歧——让真实用户投票。",[32,1392,1393],{},"怕改动带来风险——只对部分流量实验。",[20,1395,1396],{"id":1396},"落地页可测试的元素",[11,1398,1399,1400,1403],{},"不是所有元素都值得测。优先测",[15,1401,1402],{},"对转化影响大","的元素：",[90,1405,1406,1419],{},[93,1407,1408],{},[96,1409,1410,1413,1416],{},[99,1411,1412],{},"测试元素",[99,1414,1415],{},"示例假设",[99,1417,1418],{},"影响级别",[112,1420,1421,1432,1442,1452,1462,1473,1483,1493],{},[96,1422,1423,1426,1429],{},[117,1424,1425],{},"主标题文案",[117,1427,1428],{},"强调利益点 vs 强调功能",[117,1430,1431],{},"高",[96,1433,1434,1437,1440],{},[117,1435,1436],{},"CTA 按钮文案",[117,1438,1439],{},"立即咨询 vs 免费获取报价",[117,1441,1431],{},[96,1443,1444,1447,1450],{},[117,1445,1446],{},"头图样式",[117,1448,1449],{},"产品实景 vs 客户场景",[117,1451,1431],{},[96,1453,1454,1457,1460],{},[117,1455,1456],{},"表单字段数",[117,1458,1459],{},"5 个字段 vs 3 个字段",[117,1461,1431],{},[96,1463,1464,1467,1470],{},[117,1465,1466],{},"信任元素位置",[117,1468,1469],{},"顶部 vs 表单旁",[117,1471,1472],{},"中",[96,1474,1475,1478,1481],{},[117,1476,1477],{},"颜色搭配",[117,1479,1480],{},"暖色 vs 冷色",[117,1482,1472],{},[96,1484,1485,1488,1491],{},[117,1486,1487],{},"价格展示",[117,1489,1490],{},"直接显示 vs 询盘后告知",[117,1492,1472],{},[96,1494,1495,1498,1501],{},[117,1496,1497],{},"页面长度",[117,1499,1500],{},"长页 vs 短页",[117,1502,1472],{},[11,1504,1505,1508],{},[15,1506,1507],{},"原则","：一次只改一个变量。同时改多个变量，无法判断是哪个改动带来的效果。",[20,1510,1512],{"id":1511},"ab-测试的完整流程","AB 测试的完整流程",[24,1514,1516],{"id":1515},"第-1-步明确目标和假设","第 1 步：明确目标和假设",[11,1518,1519],{},"不要为了测试而测试。先问自己：",[29,1521,1522,1525,1528],{},[32,1523,1524],{},"业务目标是什么？（询盘量？注册量？购买？）",[32,1526,1527],{},"当前转化率是多少？",[32,1529,1530],{},"假设改动能提升多少？",[11,1532,1533,1536],{},[15,1534,1535],{},"写清假设","：把\"询盘按钮改成橙色，预计点击率提升 10%\"，而不是\"换个颜色试试\"。",[24,1538,1540],{"id":1539},"第-2-步准备实验版本","第 2 步：准备实验版本",[11,1542,1543],{},"按假设修改页面，只改一个关键变量。准备 B 版本的页面。",[24,1545,1547],{"id":1546},"第-3-步配置工具与分流","第 3 步：配置工具与分流",[11,1549,1550],{},"选择测试工具（见下文），配置流量分流（通常 50\u002F50），设置转化事件追踪。",[24,1552,1554],{"id":1553},"第-4-步运行实验并监控","第 4 步：运行实验并监控",[11,1556,1557],{},"测试期间不要中途改、不要提前结束。监控数据是否正常采集。",[24,1559,1561],{"id":1560},"第-5-步分析与决策","第 5 步：分析与决策",[11,1563,1564],{},"看核心指标的统计显著性：",[29,1566,1567,1570,1573],{},[32,1568,1569],{},"实验组显著优于对照组 → 上线 B 版本。",[32,1571,1572],{},"实验组显著差于对照组 → 保留 A 版本。",[32,1574,1575],{},"无显著差异 → 测试假设不成立，保留 A，换下一个假设。",[20,1577,1579],{"id":1578},"ab-测试工具怎么选","AB 测试工具怎么选",[90,1581,1582,1597],{},[93,1583,1584],{},[96,1585,1586,1589,1592,1595],{},[99,1587,1588],{},"工具类型",[99,1590,1591],{},"代表",[99,1593,1594],{},"适合场景",[99,1596,1111],{},[112,1598,1599,1613,1627,1641],{},[96,1600,1601,1604,1607,1610],{},[117,1602,1603],{},"网站 AB 测试 SaaS",[117,1605,1606],{},"Optimizely、VWO、Convert",[117,1608,1609],{},"标准网页测试",[117,1611,1612],{},"中高（按流量计费）",[96,1614,1615,1618,1621,1624],{},[117,1616,1617],{},"数据分析平台扩展",[117,1619,1620],{},"Google Optimize（已停用）\u002F GA4 实验",[117,1622,1623],{},"与 GA 数据打通",[117,1625,1626],{},"低",[96,1628,1629,1632,1635,1638],{},[117,1630,1631],{},"自研分流方案",[117,1633,1634],{},"服务端或前端分流",[117,1636,1637],{},"流量大、定制需求",[117,1639,1640],{},"开发成本",[96,1642,1643,1646,1649,1652],{},[117,1644,1645],{},"广告平台原生",[117,1647,1648],{},"百度落地页、Google Ads 落地页测试",[117,1650,1651],{},"配合广告投放",[117,1653,328],{},[11,1655,1656,1659],{},[15,1657,1658],{},"选型要点","：流量小的网站用免费或低成本方案；流量大的需要专业工具保证分流准确和数据可靠。",[20,1661,1099],{"id":1099},[90,1663,1664,1680],{},[93,1665,1666],{},[96,1667,1668,1671,1674,1677],{},[99,1669,1670],{},"测试类型",[99,1672,1673],{},"工具成本",[99,1675,1676],{},"人力成本",[99,1678,1679],{},"适合阶段",[112,1681,1682,1696,1710],{},[96,1683,1684,1687,1690,1693],{},[117,1685,1686],{},"自研分流",[117,1688,1689],{},"工具免费",[117,1691,1692],{},"开发 1-3 天",[117,1694,1695],{},"流量稳定、有技术团队",[96,1697,1698,1701,1704,1707],{},[117,1699,1700],{},"中端 SaaS",[117,1702,1703],{},"每月几百到上千元",[117,1705,1706],{},"配置 + 监控",[117,1708,1709],{},"中小流量官网",[96,1711,1712,1715,1718,1721],{},[117,1713,1714],{},"企业级平台",[117,1716,1717],{},"按流量报价，通常较高",[117,1719,1720],{},"配合数据分析团队",[117,1722,1723],{},"大流量电商\u002F营销站",[20,1725,1154],{"id":1154},[29,1727,1728,1734,1740,1746,1752,1758],{},[32,1729,1730,1733],{},[15,1731,1732],{},"流量太小就硬测","：样本不足，结论不可信。先做流量、再做测试。",[32,1735,1736,1739],{},[15,1737,1738],{},"一次改多个变量","：无法归因，白费功夫。",[32,1741,1742,1745],{},[15,1743,1744],{},"提前结束测试","：看到数据好看就停止，结果上线后效果消失。",[32,1747,1748,1751],{},[15,1749,1750],{},"只看点击率不看转化率","：点击高不等于转化高。",[32,1753,1754,1757],{},[15,1755,1756],{},"测试结果不复用","：每次都从零开始，没积累实验知识库。",[32,1759,1760,1763],{},[15,1761,1762],{},"迷信\"最佳实践\"","：行业惯例不等于你的页面最佳，要自己测。",[20,1765,1207],{"id":1207},[1209,1767,1768,1771,1774,1777,1780,1783],{},[32,1769,1770],{},"接入数据统计（百度统计、GA4），明确当前转化率。",[32,1772,1773],{},"找出转化漏斗中流失最严重的环节。",[32,1775,1776],{},"写一个清晰的实验假设（变量 + 预期提升）。",[32,1778,1779],{},"准备 B 版本，配置测试工具与分流。",[32,1781,1782],{},"运行足够时间（至少 7-14 天）和样本。",[32,1784,1785],{},"按统计显著性决策，记录实验结果。",[1233,1787,1788],{},[11,1789,1790],{},"广州市汉诺雷斯（HNREIS）做营销型官网会内置转化追踪和分流能力，支持落地页 AB 测试与持续优化。把你的转化目标和流量情况告诉我们，我们给出可执行的测试方案与报价。",{"title":211,"searchDepth":404,"depth":404,"links":1792},[1793,1797,1798,1805,1806,1807,1808],{"id":1345,"depth":404,"text":1346,"children":1794},[1795,1796],{"id":1352,"depth":425,"text":1352},{"id":1381,"depth":425,"text":1382},{"id":1396,"depth":404,"text":1396},{"id":1511,"depth":404,"text":1512,"children":1799},[1800,1801,1802,1803,1804],{"id":1515,"depth":425,"text":1516},{"id":1539,"depth":425,"text":1540},{"id":1546,"depth":425,"text":1547},{"id":1553,"depth":425,"text":1554},{"id":1560,"depth":425,"text":1561},{"id":1578,"depth":404,"text":1579},{"id":1099,"depth":404,"text":1099},{"id":1154,"depth":404,"text":1154},{"id":1207,"depth":404,"text":1207},"2024-05-13","落地页转化率怎么提升？AB测试是常用方法。本文讲清落地页AB测试的流程、可测试元素、工具选择和避坑要点，帮你用数据驱动决策而不是凭感觉改页面。",[1812,1815,1818],{"q":1813,"a":1814},"落地页AB测试需要多少流量？","流量是关键前提。单次测试通常需要每个版本至少 1000 到 3000 访客和几十次转化事件，才能得出统计显著结论。流量小的页面建议先优化明显短板，等流量起来再做严格 AB 测试，否则数据样本不足，结论不可信。",{"q":1816,"a":1817},"AB测试要跑多久？","一般至少 7 到 14 天，建议覆盖 2 到 4 周以排除星期效应和异常波动。测试时间太短，容易得出偶然结论。统计显著（通常要求置信度 95% 以上）是判定标准，而不是固定天数。",{"q":1819,"a":1820},"AB测试和直接改版有什么区别？","AB测试是同时让两组真实用户看到不同版本，按转化数据判断哪个更好，是数据驱动。直接改版是凭经验或直觉判断，可能改了反而转化下降却不自知。AB测试降低决策风险，但需要流量和耐心。",[1822,1823,1824,1825],"落地页AB测试","着陆页测试","转化率优化","A\u002FB测试工具",{},"\u002Fblog\u002Fwebsite\u002Fab-ceshi-luodiye",{"title":1333,"description":1810},{"loc":1827},"blog\u002Fwebsite\u002Fab-ceshi-luodiye",[1832,1833,1834],"AB测试","落地页","转化优化","yElZjz5ka5pGCbAWcij_4M3r6WIkFKBHz0fjYFzvOtI",{"id":1837,"title":1838,"author":6,"body":1839,"category":1299,"cover":1300,"date":2241,"description":2242,"draft":1303,"extension":1304,"faq":2243,"featured":1303,"image":1300,"keywords":2253,"meta":2258,"navigation":891,"path":2259,"seo":2260,"sitemap":2261,"stem":2262,"tags":2263,"updated":2241,"__hash__":2267},"blog\u002Fblog\u002Fwebsite\u002Fanli-ye-zhanshi.md","官网案例页怎么展示才有说服力",{"type":8,"value":1840,"toc":2223},[1841,1848,1851,1854,1886,1889,1893,1896,1907,1911,1914,1934,1938,1941,1979,1982,2079,2082,2085,2088,2091,2094,2098,2101,2104,2107,2110,2159,2161,2199,2201,2218],[11,1842,1843,1844,1847],{},"很多企业官网的案例页只是把项目截图和客户 logo 堆在一起，访客看完不知道这家公司到底能解决什么问题。",[15,1845,1846],{},"案例页的核心是建立信任，而不是炫技——访客关心的是\"你能为我做什么\"，不是\"你做过多少项目\"。"," 这篇文章拆解案例页应该怎么写、怎么布局，才能有效说服潜在客户。",[20,1849,1850],{"id":1850},"案例页常见的失败模式",[11,1852,1853],{},"先看反面，避免重蹈覆辙：",[29,1855,1856,1862,1868,1874,1880],{},[32,1857,1858,1861],{},[15,1859,1860],{},"只放 logo 墙","：访客看不出具体做了什么，信任建立有限。",[32,1863,1864,1867],{},[15,1865,1866],{},"项目罗列无重点","：所有案例一样篇幅，访客找不到与自己相关的。",[32,1869,1870,1873],{},[15,1871,1872],{},"只展示成果不展示过程","：访客会怀疑结果的真实性。",[32,1875,1876,1879],{},[15,1877,1878],{},"缺少客户证言和数据","：自己说自己好，说服力不足。",[32,1881,1882,1885],{},[15,1883,1884],{},"案例陈旧","：还停留在几年前的项目，显得业务停滞。",[20,1887,1888],{"id":1888},"一个有说服力的案例页结构",[24,1890,1892],{"id":1891},"_1-案例索引首页或顶部","1. 案例索引（首页或顶部）",[11,1894,1895],{},"让访客一眼看到案例覆盖的领域，方便快速筛选：",[29,1897,1898,1901,1904],{},[32,1899,1900],{},"按行业（制造业、医疗、教育、零售等）。",[32,1902,1903],{},"按服务类型（官网建设、定制开发、SEO 优化等）。",[32,1905,1906],{},"按客户规模（初创、中小企业、集团）。",[24,1908,1910],{"id":1909},"_2-重点案例卡精选-3-5-个","2. 重点案例卡（精选 3-5 个）",[11,1912,1913],{},"每个重点案例卡至少包含：",[29,1915,1916,1919,1922,1925,1928,1931],{},[32,1917,1918],{},"客户背景一句话简介。",[32,1920,1921],{},"项目挑战（要解决的问题）。",[32,1923,1924],{},"解决方案（你做了什么）。",[32,1926,1927],{},"关键结果（带数据：转化提升、效率提升、成本下降）。",[32,1929,1930],{},"客户证言（一两句话，带姓名职位）。",[32,1932,1933],{},"项目截图或实景图。",[24,1935,1937],{"id":1936},"_3-完整案例详情页","3. 完整案例详情页",[11,1939,1940],{},"点击进入详情页，展开：",[29,1942,1943,1949,1955,1961,1967,1973],{},[32,1944,1945,1948],{},[15,1946,1947],{},"背景","：客户是谁、业务做什么、行业地位。",[32,1950,1951,1954],{},[15,1952,1953],{},"挑战","：客户面临的具体问题（最好与目标访客共鸣）。",[32,1956,1957,1960],{},[15,1958,1959],{},"方案","：你的思路、技术、流程、关键决策。",[32,1962,1963,1966],{},[15,1964,1965],{},"执行","：项目周期、团队配置、关键节点。",[32,1968,1969,1972],{},[15,1970,1971],{},"结果","：上线后的数据变化、客户反馈。",[32,1974,1975,1978],{},[15,1976,1977],{},"复盘","：哪里做得好、哪里可以改进（坦诚反而加分）。",[20,1980,1981],{"id":1981},"案例说服力要素清单",[90,1983,1984,1997],{},[93,1985,1986],{},[96,1987,1988,1991,1994],{},[99,1989,1990],{},"要素",[99,1992,1993],{},"作用",[99,1995,1996],{},"必备度",[112,1998,1999,2009,2019,2029,2039,2049,2059,2069],{},[96,2000,2001,2004,2007],{},[117,2002,2003],{},"客户行业背景",[117,2005,2006],{},"让目标访客代入",[117,2008,1431],{},[96,2010,2011,2014,2017],{},[117,2012,2013],{},"具体问题描述",[117,2015,2016],{},"建立问题共鸣",[117,2018,1431],{},[96,2020,2021,2024,2027],{},[117,2022,2023],{},"解决方案细节",[117,2025,2026],{},"体现专业能力",[117,2028,1431],{},[96,2030,2031,2034,2037],{},[117,2032,2033],{},"数据化结果",[117,2035,2036],{},"客观证明效果",[117,2038,1431],{},[96,2040,2041,2044,2047],{},[117,2042,2043],{},"客户证言",[117,2045,2046],{},"第三方背书",[117,2048,1431],{},[96,2050,2051,2054,2057],{},[117,2052,2053],{},"项目截图",[117,2055,2056],{},"视觉证据",[117,2058,1472],{},[96,2060,2061,2064,2067],{},[117,2062,2063],{},"团队成员介绍",[117,2065,2066],{},"增加人格化",[117,2068,1472],{},[96,2070,2071,2074,2077],{},[117,2072,2073],{},"项目时间线",[117,2075,2076],{},"体现流程规范",[117,2078,1472],{},[20,2080,2081],{"id":2081},"写案例文案的技巧",[24,2083,2084],{"id":2084},"用客户的话说事",[11,2086,2087],{},"少用\"我们公司专业、经验丰富\"这种自夸，多用客户的语言描述问题和结果。比如把\"我们优化了网站性能\"改成\"客户原官网加载 8 秒，优化后 1.5 秒，跳出率下降 40%\"。",[24,2089,2090],{"id":2090},"数据要真实具体",[11,2092,2093],{},"含糊的\"显著提升\"不如\"询盘量从月均 30 提升到 80\"。具体数字有说服力，前提是真实可验证。",[24,2095,2097],{"id":2096},"讲清为什么","讲清\"为什么\"",[11,2099,2100],{},"不只是讲做了什么，更要讲为什么这么做。比如\"选择 Nuxt 而不是 jQuery 模板，是因为客户重视 SEO 和长期可维护性\"——这种判断体现专业度。",[24,2102,2103],{"id":2103},"包含坦诚的复盘",[11,2105,2106],{},"只讲好的案例显得假。讲一两个项目中的挑战和调整，反而让案例更可信。",[20,2108,2109],{"id":2109},"案例页的成本参考",[90,2111,2112,2125],{},[93,2113,2114],{},[96,2115,2116,2119,2122],{},[99,2117,2118],{},"案例页类型",[99,2120,2121],{},"内容深度",[99,2123,2124],{},"成本区间",[112,2126,2127,2138,2148],{},[96,2128,2129,2132,2135],{},[117,2130,2131],{},"基础案例页（logo 墙 + 简述）",[117,2133,2134],{},"浅",[117,2136,2137],{},"含在展示型官网内",[96,2139,2140,2143,2145],{},[117,2141,2142],{},"标准案例页（5-8 个详情）",[117,2144,1472],{},[117,2146,2147],{},"含在定制官网内",[96,2149,2150,2153,2156],{},[117,2151,2152],{},"深度案例库（带分类、搜索、独立详情页）",[117,2154,2155],{},"深",[117,2157,2158],{},"1 万到 3 万起",[20,2160,1154],{"id":1154},[29,2162,2163,2169,2175,2181,2187,2193],{},[32,2164,2165,2168],{},[15,2166,2167],{},"logo 墙当案例页","：访客看不出能力，信任建立有限。",[32,2170,2171,2174],{},[15,2172,2173],{},"所有案例同等篇幅","：访客抓不到重点。",[32,2176,2177,2180],{},[15,2178,2179],{},"只讲技术不讲业务","：访客听不懂，关心的是结果。",[32,2182,2183,2186],{},[15,2184,2185],{},"案例不更新","：显得业务停滞。",[32,2188,2189,2192],{},[15,2190,2191],{},"数据造假或夸大","：一旦被识破信任全失。",[32,2194,2195,2198],{},[15,2196,2197],{},"缺少客户授权","：未经允许公开案例和证言有法律风险。",[20,2200,1207],{"id":1207},[1209,2202,2203,2206,2209,2212,2215],{},[32,2204,2205],{},"盘点现有客户案例，挑出 3 到 5 个最有代表性的。",[32,2207,2208],{},"为每个案例撰写背景、挑战、方案、结果、证言。",[32,2210,2211],{},"收集项目截图、数据、客户证言（取得授权）。",[32,2213,2214],{},"设计案例索引页和详情页模板。",[32,2216,2217],{},"上线后持续补充新案例，淘汰陈旧案例。",[1233,2219,2220],{},[11,2221,2222],{},"广州市汉诺雷斯（HNREIS）做企业官网会帮客户梳理案例内容、设计案例页结构、撰写说服力文案。把你的客户案例素材告诉我们，我们把它做成能说服新客户的页面。",{"title":211,"searchDepth":404,"depth":404,"links":2224},[2225,2226,2231,2232,2238,2239,2240],{"id":1850,"depth":404,"text":1850},{"id":1888,"depth":404,"text":1888,"children":2227},[2228,2229,2230],{"id":1891,"depth":425,"text":1892},{"id":1909,"depth":425,"text":1910},{"id":1936,"depth":425,"text":1937},{"id":1981,"depth":404,"text":1981},{"id":2081,"depth":404,"text":2081,"children":2233},[2234,2235,2236,2237],{"id":2084,"depth":425,"text":2084},{"id":2090,"depth":425,"text":2090},{"id":2096,"depth":425,"text":2097},{"id":2103,"depth":425,"text":2103},{"id":2109,"depth":404,"text":2109},{"id":1154,"depth":404,"text":1154},{"id":1207,"depth":404,"text":1207},"2024-05-27","案例页是企业官网转化客户的关键页面。本文讲清案例页的结构、内容要素、信任元素布局和常见错误，帮你把案例页从\"项目罗列\"变成\"客户说服工具\"。",[2244,2247,2250],{"q":2245,"a":2246},"案例页应该放多少个案例？","质量比数量重要。3 到 5 个有深度的代表案例，胜过几十个只放 logo 的项目罗列。每个案例讲清背景、挑战、方案、结果和数据，让访客看完能信任你的能力。案例太少显得没经验，太多又稀释重点。",{"q":2248,"a":2249},"没有大客户案例怎么办？","中小客户案例也能体现专业度，关键是把过程和结果讲清楚。重点展示项目难度、你提供的解决方案、客户的实际反馈和数据。比起\"行业头部客户\"的标签，访客更关心\"这家服务商能不能解决我的问题\"。",{"q":2251,"a":2252},"案例页要不要按行业分类？","如果你的客户跨多个行业，按行业分类能让访客快速找到与自己相关的案例。但分类太细会让每个分类下案例变少，反而显得能力分散。建议先按大类分（如 ToB \u002F ToC \u002F 政企），再在分类内突出 2-3 个重点案例。",[2254,2255,2256,2257],"官网案例页","案例展示设计","客户案例怎么写","官网说服力",{},"\u002Fblog\u002Fwebsite\u002Fanli-ye-zhanshi",{"title":1838,"description":2242},{"loc":2259},"blog\u002Fwebsite\u002Fanli-ye-zhanshi",[2264,2265,2266],"案例页","信任建设","转化","DWfkS7pLuniRhZO3NtOEbN-_iKTL7ehWMx6nPfFl_o4",{"id":2269,"title":2270,"author":6,"body":2271,"category":1299,"cover":1300,"date":2691,"description":2692,"draft":1303,"extension":1304,"faq":2693,"featured":1303,"image":1300,"keywords":2703,"meta":2708,"navigation":891,"path":2709,"seo":2710,"sitemap":2711,"stem":2712,"tags":2713,"updated":2691,"__hash__":2715},"blog\u002Fblog\u002Fwebsite\u002Fbendi-seo-guanwang.md","官网本地SEO怎么获客",{"type":8,"value":2272,"toc":2672},[2273,2280,2284,2365,2371,2375,2379,2382,2393,2399,2403,2414,2418,2421,2435,2438,2442,2453,2457,2468,2471,2474,2477,2488,2491,2494,2505,2507,2510,2518,2522,2525,2536,2542,2546,2605,2607,2645,2647,2667],[11,2274,2275,2276,2279],{},"本地服务型企业（装修、家政、维修、培训、医疗、餐饮）的官网，最希望的是同城客户搜到、打电话、上门咨询。",[15,2277,2278],{},"本地 SEO 不是把\"装修\"这种大词做到首页，而是让\"广州天河装修公司\"这种地域长尾词能稳定排上去。"," 这篇文章讲清本地 SEO 的核心要素和实操要点。",[20,2281,2283],{"id":2282},"本地-seo-与通用-seo-的区别","本地 SEO 与通用 SEO 的区别",[90,2285,2286,2299],{},[93,2287,2288],{},[96,2289,2290,2293,2296],{},[99,2291,2292],{},"维度",[99,2294,2295],{},"本地 SEO",[99,2297,2298],{},"通用 SEO",[112,2300,2301,2312,2323,2334,2345,2355],{},[96,2302,2303,2306,2309],{},[117,2304,2305],{},"关键词",[117,2307,2308],{},"带地域（广州 XX 公司）",[117,2310,2311],{},"不带地域（XX 公司）",[96,2313,2314,2317,2320],{},[117,2315,2316],{},"竞争范围",[117,2318,2319],{},"同城同行业",[117,2321,2322],{},"全国同行业",[96,2324,2325,2328,2331],{},[117,2326,2327],{},"流量规模",[117,2329,2330],{},"较小但精准",[117,2332,2333],{},"较大但宽泛",[96,2335,2336,2339,2342],{},[117,2337,2338],{},"转化率",[117,2340,2341],{},"高（同城需求明确）",[117,2343,2344],{},"中（可能来自任意城市）",[96,2346,2347,2350,2353],{},[117,2348,2349],{},"上榜难度",[117,2351,2352],{},"中等",[117,2354,1431],{},[96,2356,2357,2359,2362],{},[117,2358,247],{},[117,2360,2361],{},"线下服务、地域性强的业务",[117,2363,2364],{},"线上服务、全国性业务",[11,2366,2367,2370],{},[15,2368,2369],{},"结论","：如果你的服务有地域限制，本地 SEO 投入产出比远高于通用 SEO。",[20,2372,2374],{"id":2373},"本地-seo-的核心要素","本地 SEO 的核心要素",[24,2376,2378],{"id":2377},"_1-地域关键词布局","1. 地域关键词布局",[11,2380,2381],{},"每个服务页面针对一个\"地域 + 服务\"组合：",[29,2383,2384,2387,2390],{},[32,2385,2386],{},"城市级别：广州装修公司。",[32,2388,2389],{},"区域级别：广州天河装修公司。",[32,2391,2392],{},"街道\u002F商圈级别：珠江新城装修公司。",[11,2394,2395,2398],{},[15,2396,2397],{},"布局位置","：标题、描述、H1、正文首段、内链锚文本、图片 alt。",[24,2400,2402],{"id":2401},"_2-地址与联系方式","2. 地址与联系方式",[29,2404,2405,2408,2411],{},[32,2406,2407],{},"官网每个页面底部展示完整地址、电话、营业时间。",[32,2409,2410],{},"用结构化数据（Schema.org 的 LocalBusiness）标记地址、电话、营业时间。",[32,2412,2413],{},"嵌入地图（百度地图、高德地图）。",[24,2415,2417],{"id":2416},"_3-商户平台入驻","3. 商户平台入驻",[11,2419,2420],{},"主流本地商户平台：",[29,2422,2423,2426,2429,2432],{},[32,2424,2425],{},"百度地图商户。",[32,2427,2428],{},"高德地图商户。",[32,2430,2431],{},"大众点评、口碑。",[32,2433,2434],{},"行业垂直平台（如医疗的\"好大夫\"、装修的\"土巴兔\"）。",[11,2436,2437],{},"每个平台保持信息一致（NAP 一致性：名称、地址、电话完全相同）。",[24,2439,2441],{"id":2440},"_4-客户评价与口碑","4. 客户评价与口碑",[29,2443,2444,2447,2450],{},[32,2445,2446],{},"引导真实客户在地图、点评平台留好评。",[32,2448,2449],{},"官网展示真实客户证言（带姓名、项目）。",[32,2451,2452],{},"评价数量和质量都是本地 SEO 的信号。",[24,2454,2456],{"id":2455},"_5-本地外链与媒体报道","5. 本地外链与媒体报道",[29,2458,2459,2462,2465],{},[32,2460,2461],{},"同城行业平台、商会、媒体的合作链接。",[32,2463,2464],{},"本地新闻、活动赞助带来的报道和外链。",[32,2466,2467],{},"政府备案、行业协会会员的展示。",[20,2469,2470],{"id":2470},"地域关键词怎么布局",[24,2472,2473],{"id":2473},"主页",[11,2475,2476],{},"主页通常优化\"城市 + 核心服务\"：",[29,2478,2479,2482,2485],{},[32,2480,2481],{},"标题：广州装修公司-XX 装饰。",[32,2483,2484],{},"H1：广州装修公司，专业提供家装、工装服务。",[32,2486,2487],{},"描述：自然带入城市和核心服务。",[24,2489,2490],{"id":2490},"服务页",[11,2492,2493],{},"每个服务针对一个细分地域词：",[29,2495,2496,2499,2502],{},[32,2497,2498],{},"家装服务页：广州家装公司。",[32,2500,2501],{},"工装服务页：广州办公室装修。",[32,2503,2504],{},"软装服务页：广州软装设计。",[24,2506,2264],{"id":2264},[11,2508,2509],{},"每个案例针对具体区域：",[29,2511,2512,2515],{},[32,2513,2514],{},"广州天河区某小区装修案例。",[32,2516,2517],{},"珠江新城办公室装修案例。",[24,2519,2521],{"id":2520},"落地页多城市策略","落地页（多城市策略）",[11,2523,2524],{},"如果业务覆盖多个城市，可以为每个城市建一个落地页：",[29,2526,2527,2530,2533],{},[32,2528,2529],{},"\u002Fguangzhou：广州装修。",[32,2531,2532],{},"\u002Ffoshan：佛山装修。",[32,2534,2535],{},"\u002Fdongguan：东莞装修。",[11,2537,2538,2541],{},[15,2539,2540],{},"注意","：每个城市页内容要差异化，不要复制粘贴只换城市名，否则搜索引擎会判定为低质内容。",[20,2543,2545],{"id":2544},"本地-seo-的成本参考","本地 SEO 的成本参考",[90,2547,2548,2559],{},[93,2549,2550],{},[96,2551,2552,2555,2557],{},[99,2553,2554],{},"投入项",[99,2556,244],{},[99,2558,2124],{},[112,2560,2561,2572,2583,2594],{},[96,2562,2563,2566,2569],{},[117,2564,2565],{},"官网地域化建设",[117,2567,2568],{},"多城市落地页、地图、结构化数据",[117,2570,2571],{},"含在定制官网内或 1-3 万",[96,2573,2574,2577,2580],{},[117,2575,2576],{},"商户平台入驻",[117,2578,2579],{},"百度\u002F高德\u002F点评基础入驻",[117,2581,2582],{},"大多免费，认证有少量费用",[96,2584,2585,2588,2591],{},[117,2586,2587],{},"本地内容运营",[117,2589,2590],{},"本地案例、本地知识内容持续更新",[117,2592,2593],{},"每月几千到上万",[96,2595,2596,2599,2602],{},[117,2597,2598],{},"本地外链建设",[117,2600,2601],{},"行业平台、媒体合作",[117,2603,2604],{},"按合作资源定价",[20,2606,1154],{"id":1154},[29,2608,2609,2615,2621,2627,2633,2639],{},[32,2610,2611,2614],{},[15,2612,2613],{},"只优化通用词","：本地服务型企业做\"装修\"这种大词，流量大但转化低。",[32,2616,2617,2620],{},[15,2618,2619],{},"地图不接入","：错过本地搜索和地图商户结果。",[32,2622,2623,2626],{},[15,2624,2625],{},"NAP 不一致","：各平台地址、电话、名称不一致，影响信任度。",[32,2628,2629,2632],{},[15,2630,2631],{},"多城市页内容雷同","：复制粘贴只换城市名，被判低质。",[32,2634,2635,2638],{},[15,2636,2637],{},"忽视客户评价","：评价是本地 SEO 重要信号，引导不够。",[32,2640,2641,2644],{},[15,2642,2643],{},"急于求成","：本地 SEO 通常 3 到 6 个月起步，没耐心效果出不来。",[20,2646,1207],{"id":1207},[1209,2648,2649,2652,2655,2658,2661,2664],{},[32,2650,2651],{},"梳理你的服务地域范围（哪些城市、哪些区域）。",[32,2653,2654],{},"整理地域关键词表（城市+服务、区域+服务）。",[32,2656,2657],{},"在官网按地域落地页结构组织内容。",[32,2659,2660],{},"接入地图、结构化数据、商户平台。",[32,2662,2663],{},"持续产出本地案例、本地知识内容。",[32,2665,2666],{},"引导客户评价，建立口碑。",[1233,2668,2669],{},[11,2670,2671],{},"广州市汉诺雷斯（HNREIS）做企业官网会按本地 SEO 思路规划地域落地页、地图、结构化数据，帮助企业获取同城精准客户。把你的服务地域和目标客户告诉我们，我们给出本地 SEO 方案。",{"title":211,"searchDepth":404,"depth":404,"links":2673},[2674,2675,2682,2688,2689,2690],{"id":2282,"depth":404,"text":2283},{"id":2373,"depth":404,"text":2374,"children":2676},[2677,2678,2679,2680,2681],{"id":2377,"depth":425,"text":2378},{"id":2401,"depth":425,"text":2402},{"id":2416,"depth":425,"text":2417},{"id":2440,"depth":425,"text":2441},{"id":2455,"depth":425,"text":2456},{"id":2470,"depth":404,"text":2470,"children":2683},[2684,2685,2686,2687],{"id":2473,"depth":425,"text":2473},{"id":2490,"depth":425,"text":2490},{"id":2264,"depth":425,"text":2264},{"id":2520,"depth":425,"text":2521},{"id":2544,"depth":404,"text":2545},{"id":1154,"depth":404,"text":1154},{"id":1207,"depth":404,"text":1207},"2024-06-05","本地服务型企业官网怎么靠 SEO 获取同城客户？本文讲清本地 SEO 的核心要素（地域词、地图、目录、口碑）、关键词布局和避坑要点。",[2694,2697,2700],{"q":2695,"a":2696},"本地 SEO 多久能看到效果？","本地 SEO 一般比通用 SEO 快一些。新站通常 2 到 4 个月能在地域词搜索中获得初步排名，6 个月以上趋于稳定。竞争激烈的行业（如装修、家政）需要更长时间。前提是网站基础好、内容持续更新、有真实的本地客户反馈和评价。",{"q":2698,"a":2699},"本地 SEO 和通用 SEO 有什么区别？","本地 SEO 针对带地域的搜索词（如\"广州装修公司\"、\"上海建站公司\"），竞争范围窄、转化率高，适合服务有地域限制的企业。通用 SEO 针对全国性搜索词，流量大但竞争激烈。本地服务型企业应该优先做本地 SEO，效果更直接。",{"q":2701,"a":2702},"必须接入地图商户吗？","如果你的业务有线下门店或服务有明确地域范围，建议接入百度地图、高德地图的商户标注，并在官网展示。地图商户能出现在本地搜索结果中，是本地 SEO 的重要信号。但纯线上服务、无地域限制的企业可以不强求。",[2704,2705,2706,2707],"本地SEO","同城获客","地域关键词优化","本地商户官网",{},"\u002Fblog\u002Fwebsite\u002Fbendi-seo-guanwang",{"title":2270,"description":2692},{"loc":2709},"blog\u002Fwebsite\u002Fbendi-seo-guanwang",[2704,2714,2305],"地域获客","s_kMqGduPXhZ76TxZGa35wrUUDXKkgcjiXQfz2rbjM0",{"id":2717,"title":2718,"author":6,"body":2719,"category":1299,"cover":1300,"date":3272,"description":3273,"draft":1303,"extension":1304,"faq":3274,"featured":1303,"image":1300,"keywords":3284,"meta":3289,"navigation":891,"path":3290,"seo":3291,"sitemap":3292,"stem":3293,"tags":3294,"updated":3272,"__hash__":3297},"blog\u002Fblog\u002Fwebsite\u002Fcdn-wangzhan.md","官网为什么该上CDN",{"type":8,"value":2720,"toc":3248},[2721,2728,2732,2735,2739,2756,2760,2768,2772,2776,2826,2830,2841,2845,2856,2860,2863,2867,2947,2951,2955,2966,2970,2981,2985,2999,3003,3014,3018,3089,3093,3131,3133,3181,3183,3221,3223,3243],[11,2722,2723,2724,2727],{},"不少企业官网上线后会出现这些问题：南方访问快、北方访问慢；图片多了打开卡顿；遇到刷流量或被攻击直接打不开。这些问题的根源往往在于\"用户访问的是源服务器\"。",[15,2725,2726],{},"CDN（内容分发网络）通过在全国部署节点，把静态资源缓存到离用户最近的地方，是现代官网的标配基础设施。"," 这篇文章讲清 CDN 对官网的实际价值、上不上 CDN 的判断标准、以及选型要点。",[20,2729,2731],{"id":2730},"cdn-是什么","CDN 是什么",[11,2733,2734],{},"CDN（Content Delivery Network，内容分发网络）是一组分布在不同地理位置的服务器节点。它把网站的静态资源（图片、CSS、JavaScript、视频、字体）缓存到各个节点，用户访问时从最近的节点取数据，而不是全部回源到原始服务器。",[24,2736,2738],{"id":2737},"cdn-的工作原理","CDN 的工作原理",[1209,2740,2741,2744,2747,2750,2753],{},[32,2742,2743],{},"用户访问官网。",[32,2745,2746],{},"DNS 把用户解析到最近的 CDN 节点。",[32,2748,2749],{},"节点如果有缓存，直接返回（命中）。",[32,2751,2752],{},"节点没有缓存，回源拉取再缓存（未命中）。",[32,2754,2755],{},"后续同一资源的访问都从节点返回。",[24,2757,2759],{"id":2758},"cdn-加速什么不加速什么","CDN 加速什么、不加速什么",[29,2761,2762,2765],{},[32,2763,2764],{},"加速：图片、CSS、JS、字体、视频、文档等静态资源。",[32,2766,2767],{},"不加速（一般）：HTML 文档（可由源站动态生成）、API 接口、用户私有数据。",[20,2769,2771],{"id":2770},"cdn-对官网的实际好处","CDN 对官网的实际好处",[24,2773,2775],{"id":2774},"_1-加速访问","1. 加速访问",[90,2777,2778,2791],{},[93,2779,2780],{},[96,2781,2782,2785,2788],{},[99,2783,2784],{},"用户位置",[99,2786,2787],{},"不上 CDN",[99,2789,2790],{},"上 CDN",[112,2792,2793,2804,2815],{},[96,2794,2795,2798,2801],{},[117,2796,2797],{},"同城（离源站近）",[117,2799,2800],{},"较快",[117,2802,2803],{},"几乎无差异",[96,2805,2806,2809,2812],{},[117,2807,2808],{},"跨省访问",[117,2810,2811],{},"较慢（30ms+ 延迟）",[117,2813,2814],{},"快（命中节点，\u003C10ms）",[96,2816,2817,2820,2823],{},[117,2818,2819],{},"全国访问",[117,2821,2822],{},"体验参差",[117,2824,2825],{},"各地体验一致",[24,2827,2829],{"id":2828},"_2-减轻源站压力","2. 减轻源站压力",[29,2831,2832,2835,2838],{},[32,2833,2834],{},"静态资源请求由 CDN 节点承担，源站只处理动态请求。",[32,2836,2837],{},"流量峰值（活动、爆款内容）由 CDN 扛住。",[32,2839,2840],{},"源站带宽费用降低。",[24,2842,2844],{"id":2843},"_3-抗攻击和刷流量","3. 抗攻击和刷流量",[29,2846,2847,2850,2853],{},[32,2848,2849],{},"DDoS 攻击、恶意刷流量打到 CDN 节点而不是源站。",[32,2851,2852],{},"CDN 自带 WAF、限流、黑名单等防护能力。",[32,2854,2855],{},"即使被攻击，源站也能保持在线。",[24,2857,2859],{"id":2858},"_4-节省源站带宽费用","4. 节省源站带宽费用",[11,2861,2862],{},"CDN 流量费用通常比源站带宽便宜，特别是图片多的官网。",[20,2864,2866],{"id":2865},"什么情况下该上-cdn","什么情况下该上 CDN",[90,2868,2869,2882],{},[93,2870,2871],{},[96,2872,2873,2876,2879],{},[99,2874,2875],{},"场景",[99,2877,2878],{},"是否建议",[99,2880,2881],{},"理由",[112,2883,2884,2895,2905,2915,2926,2936],{},[96,2885,2886,2889,2892],{},[117,2887,2888],{},"全国\u002F全球访问的官网",[117,2890,2891],{},"强烈建议",[117,2893,2894],{},"跨地域加速",[96,2896,2897,2900,2902],{},[117,2898,2899],{},"图片\u002F视频多的官网",[117,2901,2891],{},[117,2903,2904],{},"静态资源体量大",[96,2906,2907,2910,2912],{},[117,2908,2909],{},"高流量或有活动期",[117,2911,2891],{},[117,2913,2914],{},"抗峰值、抗攻击",[96,2916,2917,2920,2923],{},[117,2918,2919],{},"仅本地访问的小站",[117,2921,2922],{},"可选",[117,2924,2925],{},"加速效果有限",[96,2927,2928,2931,2933],{},[117,2929,2930],{},"全静态官网（SSG）",[117,2932,2922],{},[117,2934,2935],{},"已经够快，CDN 锦上添花",[96,2937,2938,2941,2944],{},[117,2939,2940],{},"有大量动态接口的官网",[117,2942,2943],{},"建议",[117,2945,2946],{},"加速静态部分，动态回源",[20,2948,2950],{"id":2949},"cdn-选型要点","CDN 选型要点",[24,2952,2954],{"id":2953},"_1-节点覆盖","1. 节点覆盖",[29,2956,2957,2960,2963],{},[32,2958,2959],{},"全国节点数量和分布（一线城市、二线城市）。",[32,2961,2962],{},"是否覆盖目标用户主要地域。",[32,2964,2965],{},"海外节点（如果有海外业务）。",[24,2967,2969],{"id":2968},"_2-计费方式","2. 计费方式",[29,2971,2972,2975,2978],{},[32,2973,2974],{},"按流量计费（按 GB）：适合流量波动大的官网。",[32,2976,2977],{},"按带宽计费（按 Mbps）：适合流量稳定且大的官网。",[32,2979,2980],{},"月度套餐：适合中小流量官网，成本可控。",[24,2982,2984],{"id":2983},"_3-安全能力","3. 安全能力",[29,2986,2987,2990,2993,2996],{},[32,2988,2989],{},"DDoS 防护（基础和高级）。",[32,2991,2992],{},"WAF（Web 应用防火墙）。",[32,2994,2995],{},"CC 攻击防护。",[32,2997,2998],{},"黑白名单、限流。",[24,3000,3002],{"id":3001},"_4-缓存配置","4. 缓存配置",[29,3004,3005,3008,3011],{},[32,3006,3007],{},"支持按 URL、文件类型、目录配置缓存规则。",[32,3009,3010],{},"支持缓存预热、刷新。",[32,3012,3013],{},"支持 HTTPS。",[24,3015,3017],{"id":3016},"_5-国内主流服务商","5. 国内主流服务商",[90,3019,3020,3032],{},[93,3021,3022],{},[96,3023,3024,3027,3030],{},[99,3025,3026],{},"服务商",[99,3028,3029],{},"特点",[99,3031,247],{},[112,3033,3034,3045,3056,3067,3078],{},[96,3035,3036,3039,3042],{},[117,3037,3038],{},"阿里云 CDN",[117,3040,3041],{},"节点多、生态完善",[117,3043,3044],{},"企业官网通用",[96,3046,3047,3050,3053],{},[117,3048,3049],{},"腾讯云 CDN",[117,3051,3052],{},"性价比高、配置友好",[117,3054,3055],{},"中小官网",[96,3057,3058,3061,3064],{},[117,3059,3060],{},"华为云 CDN",[117,3062,3063],{},"政企客户多",[117,3065,3066],{},"政企\u002F合规要求高",[96,3068,3069,3072,3075],{},[117,3070,3071],{},"百度智能云 CDN",[117,3073,3074],{},"与百度生态打通",[117,3076,3077],{},"重 SEO 的官网",[96,3079,3080,3083,3086],{},[117,3081,3082],{},"Cloudflare",[117,3084,3085],{},"全球节点强、海外业务友好",[117,3087,3088],{},"有海外业务的官网",[20,3090,3092],{"id":3091},"cdn-配置注意事项","CDN 配置注意事项",[29,3094,3095,3101,3107,3113,3119,3125],{},[32,3096,3097,3100],{},[15,3098,3099],{},"缓存策略","：静态资源（图片、CSS、JS）长缓存（30 天），HTML 短缓存或不缓存。",[32,3102,3103,3106],{},[15,3104,3105],{},"HTTPS","：开启 HTTPS，配置 SSL 证书。",[32,3108,3109,3112],{},[15,3110,3111],{},"回源配置","：回源协议、回源 Host、回源超时设置正确。",[32,3114,3115,3118],{},[15,3116,3117],{},"缓存刷新","：内容更新后及时刷新缓存。",[32,3120,3121,3124],{},[15,3122,3123],{},"跨域","：CORS 配置正确，避免字体、图片加载失败。",[32,3126,3127,3130],{},[15,3128,3129],{},"统计","：开启访问日志，便于排查问题。",[20,3132,1099],{"id":1099},[90,3134,3135,3146],{},[93,3136,3137],{},[96,3138,3139,3141,3144],{},[99,3140,2327],{},[99,3142,3143],{},"月度成本（参考）",[99,3145,244],{},[112,3147,3148,3159,3170],{},[96,3149,3150,3153,3156],{},[117,3151,3152],{},"小流量（\u003C100GB）",[117,3154,3155],{},"0 到几十元",[117,3157,3158],{},"多数厂商有免费额度或入门套餐",[96,3160,3161,3164,3167],{},[117,3162,3163],{},"中流量（100GB-1TB）",[117,3165,3166],{},"几十到几百元",[117,3168,3169],{},"按量或套餐",[96,3171,3172,3175,3178],{},[117,3173,3174],{},"大流量（1TB+）",[117,3176,3177],{},"几百到几千元",[117,3179,3180],{},"按带宽或大流量套餐",[20,3182,1154],{"id":1154},[29,3184,3185,3191,3197,3203,3209,3215],{},[32,3186,3187,3190],{},[15,3188,3189],{},"\"我流量小不用 CDN\"","：现代 CDN 入门免费，小站也能享受加速和防护。",[32,3192,3193,3196],{},[15,3194,3195],{},"只加速不考虑安全","：DDoS、CC 攻击小站也会遇到。",[32,3198,3199,3202],{},[15,3200,3201],{},"缓存配置一刀切","：HTML 也长缓存会导致更新不生效。",[32,3204,3205,3208],{},[15,3206,3207],{},"不配 HTTPS","：HTTP 站点会被浏览器标\"不安全\"，影响信任。",[32,3210,3211,3214],{},[15,3212,3213],{},"忽视缓存刷新","：内容更新后忘刷新，访客看到旧版本。",[32,3216,3217,3220],{},[15,3218,3219],{},"选最便宜的","：节点少、稳定性差，反而拖累官网。",[20,3222,1207],{"id":1207},[1209,3224,3225,3228,3231,3234,3237,3240],{},[32,3226,3227],{},"评估官网流量规模、用户地域分布、静态资源体量。",[32,3229,3230],{},"选择合适的 CDN 服务商和计费方式。",[32,3232,3233],{},"配置域名解析、回源、缓存策略、HTTPS。",[32,3235,3236],{},"测试各地访问速度、缓存命中率、回源正常。",[32,3238,3239],{},"开启访问日志，持续监控。",[32,3241,3242],{},"定期优化缓存规则和成本。",[1233,3244,3245],{},[11,3246,3247],{},"广州市汉诺雷斯（HNREIS）做官网默认配置 CDN 加速和基础安全防护，用现代部署方案（Nuxt + CDN）保证全国访问流畅。把你的官网访问情况和性能要求告诉我们，我们给出 CDN 方案与报价。",{"title":211,"searchDepth":404,"depth":404,"links":3249},[3250,3254,3260,3261,3268,3269,3270,3271],{"id":2730,"depth":404,"text":2731,"children":3251},[3252,3253],{"id":2737,"depth":425,"text":2738},{"id":2758,"depth":425,"text":2759},{"id":2770,"depth":404,"text":2771,"children":3255},[3256,3257,3258,3259],{"id":2774,"depth":425,"text":2775},{"id":2828,"depth":425,"text":2829},{"id":2843,"depth":425,"text":2844},{"id":2858,"depth":425,"text":2859},{"id":2865,"depth":404,"text":2866},{"id":2949,"depth":404,"text":2950,"children":3262},[3263,3264,3265,3266,3267],{"id":2953,"depth":425,"text":2954},{"id":2968,"depth":425,"text":2969},{"id":2983,"depth":425,"text":2984},{"id":3001,"depth":425,"text":3002},{"id":3016,"depth":425,"text":3017},{"id":3091,"depth":404,"text":3092},{"id":1099,"depth":404,"text":1099},{"id":1154,"depth":404,"text":1154},{"id":1207,"depth":404,"text":1207},"2024-06-17","官网访问慢、跨地域打开卡顿、被刷流量打挂，都和 CDN 有关。本文讲清 CDN 是什么、对官网的实际好处、什么情况下该上、以及选型要点。",[3275,3278,3281],{"q":3276,"a":3277},"小流量官网也要上 CDN 吗？","不一定必须，但建议上。现代 CDN 大多有免费或低成本的入门套餐（比如每月几十 GB 流量免费），即使小站也能享受加速和安全防护。如果官网访问量小、用户都在同城，可以不上；但凡有全国访问、图片多、希望体验流畅，CDN 都是高性价比的选择。",{"q":3279,"a":3280},"CDN 和服务器带宽什么关系？","服务器是源站，所有数据从源站取会慢且容易被打满。CDN 在全国（全球）部署节点，把静态资源（图片、CSS、JS、视频）缓存到离用户最近的节点，用户访问的是 CDN 节点而不是源站，从而减轻源站压力、加速访问。CDN 不替代服务器，而是加速和保护源站。",{"q":3282,"a":3283},"上 CDN 会让 SEO 变好吗？","间接会。CDN 提升页面加载速度，而速度是搜索引擎的排名因素之一（Core Web Vitals）。加载快、用户体验好的网站，搜索排名会有正向影响。但 CDN 不是 SEO 银弹，要配合内容、关键词等其他优化。",[3285,3286,3287,3288],"CDN加速","官网性能优化","静态资源分发","网站抗DDoS",{},"\u002Fblog\u002Fwebsite\u002Fcdn-wangzhan",{"title":2718,"description":3273},{"loc":3290},"blog\u002Fwebsite\u002Fcdn-wangzhan",[3295,1327,3296],"CDN","运维","KVUDp0HVjvjWF1EONi8MVB31p4bZBsDqDJSWtmwUQjI",1781688922541]