vue做网站如何优化seo：一个西安雁塔企业的真实复盘与误区纠正******

vue做网站如何优化seo：一个西安雁塔企业的真实复盘与误区纠正

〖One〗去年接了个西安雁塔本地的装修公司项目，老板用vue做了个官网，上线三个月没自然流量。他问我“vue做网站如何优化seo”，我当时一听就觉得问题出在技术层面，但实际检查后发现不止这么简单。项目是服务西安雁塔及周边区域的，目标词包括“西安雁塔装修公司”、“雁塔区旧房翻新”这类地域组合。网站页面是典型SPA单页应用，路由切换全靠vue-router，但没有服务端渲染，也没有prerender。我接手时，百度站长后台显示全站收录只有7个页面，基本都是首页和几个带?参数的动态路由，其余内容页完全没进索引。老板很急，说再没转化就要换回传统jquery站。

〖Two〗第一个错误就是以为加了history模式就能被百度抓取。之前技术外包说用vue搭配vue-router的history模式，再加上meta标签就够。实际测下来，百度爬虫请求任何一个内页，服务器返回的html都是空的，只有

，内容全靠js渲染。爬虫不执行js，等于所有路由页面都是白页。我让后端配合改了nginx，对百度爬虫UA做静态化返回，也就是用prerender服务在服务端预渲染页面，把完整的html输出给爬虫。后来收录从7个涨到43个，但还不是全部内容。这个动作做了两个月才有明显变化，中间还因为爬虫频率低被百度判断为低质站点，差点被降权。

〖Three〗第二个错误是关键词堆砌跟页面结构不匹配。老板要求每个服务页面都加上“西安雁塔装修”这个短词，于是每个页面标题都写成“西安雁塔装修-XX服务-西安雁塔装修”，描述里也反复出现。我复盘后觉得这样反而分散了权重，而且标题重复度高，百度可能判为重复页面。后来我把栏目页、案例页、详情页的标题做了差异化：栏目页突出“西安雁塔旧房翻新|装修公司”，案例页写“雁塔区XX小区90㎡改造案例”，详情页则用“西安雁塔装修公司如何做小户型收纳”。同时把内链结构调整，让案例页指向对应服务栏目，服务栏目再指向地区首页。这么改了大概一个月，关键词“雁塔区装修公司”从没排名逐步升到百度PC端第12位，虽然没进首页，但点击率明显提升。

〖Four〗工具方面，我用百度资源平台的抓取诊断功能，反复测试了不同页面是否返回静态内容。第一次诊断时，好几个页面仍然返回空壳，排查后发现是prerender服务配置里没有对百度爬虫的UA匹配全。后来又用sitemap提交，但百度反馈说“部分页面无法抓取”，我查了下是vue页面里用了懒加载图片，导致爬虫抓到的html里图片链接是空的。我改成服务端渲染时直接输出图片完整路径，并加上alt文本，写成“西安雁塔装修案例-客厅实拍”这种。这个调整后，收录页面增加到67个，点击量从日均2-3次涨到15次左右，咨询量也跟着变了，之前一周没人问，后来开始有业主打电话问旧房翻新报价。

〖Five〗第三个避坑点是内容更新节奏。老板之前一个月才发一篇公司动态，而且内容全是复制粘贴行业新闻，百度根本不收录。我要求至少每周更新一篇原创案例或装修知识，比如“雁塔区老旧小区卫生间防水怎么做”，同时在这些文章里加入内链指向服务页。但更新了三周后，百度没反应，收录还是那些老页面。后来我发现问题出在文章页面也是vue路由渲染的，没有预渲染。我之后把所有文章页面改成了静态生成，用node定时任务把新文章编译成独立html文件，再上传到服务器。这个动作后，新发的文章基本3-5天能收录，虽然排名不高，但长尾词“西安雁塔卫生间防水”慢慢有了搜索带来的点击。现在每天有20次左右自然搜索点击，咨询量稳定在每周1-2个真实需求，对比之前已经算明显改善。

〖Six〗总结一下这个项目适用场景和顺序。如果企业网站是vue做的，且主要面向本地搜索（比如西安雁塔），vue做网站如何优化seo的核心不是堆关键词，而是先解决爬虫抓取问题。第一步必须做服务端渲染或预渲染，推荐prerender或者nuxt.js，别指望爬虫会执行js。第二步再调整关键词布局，地域词要分散到不同栏目页和内容页，别全堆在标题里。第三步保证内容原创且更新频率稳定，同时把新内容做成静态文件。这个执行顺序下来，收录、点击和咨询都会逐步改善，但别指望一两个月就排名首页，我这边从7个收录到稳定60多个用了快四个月，转化只是从零到有，不能跟传统html站比速度。但如果你是本地企业，非要用vue展示交互效果，那这套流程是目前最靠谱的路径，至少不会白花钱做站然后没流量。

vue做网站如何优化seo：一个西安雁塔企业的真实复盘与误区纠正******

vue做网站如何优化seo：一个西安雁塔企业的真实复盘与误区纠正

〖One〗去年接了个西安雁塔本地的装修公司项目，老板用vue做了个官网，上线三个月没自然流量。他问我“vue做网站如何优化seo”，我当时一听就觉得问题出在技术层面，但实际检查后发现不止这么简单。项目是服务西安雁塔及周边区域的，目标词包括“西安雁塔装修公司”、“雁塔区旧房翻新”这类地域组合。网站页面是典型SPA单页应用，路由切换全靠vue-router，但没有服务端渲染，也没有prerender。我接手时，百度站长后台显示全站收录只有7个页面，基本都是首页和几个带?参数的动态路由，其余内容页完全没进索引。老板很急，说再没转化就要换回传统jquery站。

〖Two〗第一个错误就是以为加了history模式就能被百度抓取。之前技术外包说用vue搭配vue-router的history模式，再加上meta标签就够。实际测下来，百度爬虫请求任何一个内页，服务器返回的html都是空的，只有

，内容全靠js渲染。爬虫不执行js，等于所有路由页面都是白页。我让后端配合改了nginx，对百度爬虫UA做静态化返回，也就是用prerender服务在服务端预渲染页面，把完整的html输出给爬虫。后来收录从7个涨到43个，但还不是全部内容。这个动作做了两个月才有明显变化，中间还因为爬虫频率低被百度判断为低质站点，差点被降权。

〖Three〗第二个错误是关键词堆砌跟页面结构不匹配。老板要求每个服务页面都加上“西安雁塔装修”这个短词，于是每个页面标题都写成“西安雁塔装修-XX服务-西安雁塔装修”，描述里也反复出现。我复盘后觉得这样反而分散了权重，而且标题重复度高，百度可能判为重复页面。后来我把栏目页、案例页、详情页的标题做了差异化：栏目页突出“西安雁塔旧房翻新|装修公司”，案例页写“雁塔区XX小区90㎡改造案例”，详情页则用“西安雁塔装修公司如何做小户型收纳”。同时把内链结构调整，让案例页指向对应服务栏目，服务栏目再指向地区首页。这么改了大概一个月，关键词“雁塔区装修公司”从没排名逐步升到百度PC端第12位，虽然没进首页，但点击率明显提升。

〖Four〗工具方面，我用百度资源平台的抓取诊断功能，反复测试了不同页面是否返回静态内容。第一次诊断时，好几个页面仍然返回空壳，排查后发现是prerender服务配置里没有对百度爬虫的UA匹配全。后来又用sitemap提交，但百度反馈说“部分页面无法抓取”，我查了下是vue页面里用了懒加载图片，导致爬虫抓到的html里图片链接是空的。我改成服务端渲染时直接输出图片完整路径，并加上alt文本，写成“西安雁塔装修案例-客厅实拍”这种。这个调整后，收录页面增加到67个，点击量从日均2-3次涨到15次左右，咨询量也跟着变了，之前一周没人问，后来开始有业主打电话问旧房翻新报价。

〖Five〗第三个避坑点是内容更新节奏。老板之前一个月才发一篇公司动态，而且内容全是复制粘贴行业新闻，百度根本不收录。我要求至少每周更新一篇原创案例或装修知识，比如“雁塔区老旧小区卫生间防水怎么做”，同时在这些文章里加入内链指向服务页。但更新了三周后，百度没反应，收录还是那些老页面。后来我发现问题出在文章页面也是vue路由渲染的，没有预渲染。我之后把所有文章页面改成了静态生成，用node定时任务把新文章编译成独立html文件，再上传到服务器。这个动作后，新发的文章基本3-5天能收录，虽然排名不高，但长尾词“西安雁塔卫生间防水”慢慢有了搜索带来的点击。现在每天有20次左右自然搜索点击，咨询量稳定在每周1-2个真实需求，对比之前已经算明显改善。

〖Six〗总结一下这个项目适用场景和顺序。如果企业网站是vue做的，且主要面向本地搜索（比如西安雁塔），vue做网站如何优化seo的核心不是堆关键词，而是先解决爬虫抓取问题。第一步必须做服务端渲染或预渲染，推荐prerender或者nuxt.js，别指望爬虫会执行js。第二步再调整关键词布局，地域词要分散到不同栏目页和内容页，别全堆在标题里。第三步保证内容原创且更新频率稳定，同时把新内容做成静态文件。这个执行顺序下来，收录、点击和咨询都会逐步改善，但别指望一两个月就排名首页，我这边从7个收录到稳定60多个用了快四个月，转化只是从零到有，不能跟传统html站比速度。但如果你是本地企业，非要用vue展示交互效果，那这套流程是目前最靠谱的路径，至少不会白花钱做站然后没流量。