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