SEO优化

常见两种方案：

1.服务端渲染 SSR

2.预渲染

 

预渲染方式：

1.prerender-spa-plugin webpack插件，在项目构建时把项目按照路由打包成html静态文件。

所以只有： 路由是静态的 + 页面内容是死的，不需要ajax请求的

2.prerender: 如果内容需要ajax动态请求，可以使用prerender，通过无头浏览器渲染页面并返回html

 

区别：1插件是在打包过程中渲染，只能渲染静态路由，2是在请求时渲染，可以渲染动态路由

 

prerender——Vue单页项目SEO不完全指南

 

 

 

SEO优化要点

1.图片代码要优化，要加alt 和title属性

2.代码语义化 标题类 h1-h6 导航用nav， 列表ul li，重要文字用strong

3.a标签，加title属性说明。外部链接，链接到其他网站的，则需要加上 el="nofollow" 属性, 告诉 “蜘蛛” 不要爬，因为一旦“蜘蛛”爬了外部链接之后，就不会再回来了。

4.正文标题要用<h1>标签：h1标签自带权重“蜘蛛” 认为它最重要，一个页面有且最多只能有一个H1标签，放在该页面最重要的标题上面，如首页的logo上可以加H1标签。副标题用<h2>标签, 而其它地方不应该随便乱用 h 标题标签。