Vue项目怎么做SEO优化
Vue单页应用因JS渲染导致爬虫抓取困难，本文从服务端渲染、预渲染、路由模式、动态meta、图片alt、sitemap提交及首屏直出七个方面，给出普通人能直接上手的SEO优化做法。;
小编
Vue项目默认是单页应用，靠JS渲染哟。搜索引擎爬虫抓不到东西，排名自然差。想做好SEO，先解决这个问题。
第一，用服务端渲染。Nuxt.js是现成方案，页面在服务器生成好HTML再发给浏览器，爬虫直接能读。改造量不小，但效果最实在。
第二，懒加载改预渲染。不常变的页面，比如官网首页、产品介绍，用prerender-spa-plugin提前生成静态HTML。简单，够用。
第三，路由用history模式。别用hash，带#的链接搜索引擎不认。记得服务器配好fallback，不然刷新404。
第四，每页单独设title和meta。用vue-meta插件，根据路由动态改。写清楚页面讲什么，描述别堆关键词。
第五，图片加alt，链接用a标签。别全用div绑click，爬虫看不懂。
第六，生成sitemap.xml提交给百度谷歌。路由变了记得更新。
第七，首屏别全靠接口。接口慢或挂了，页面空白，爬虫也白来。关键文字直接写在模板里。
最后呢，上线后用百度搜索资源平台抓取诊断，看看爬虫到底读到了什么。读不到就回头查渲染方式。
SEO;服务端渲染;预渲染;动态meta;sitemap