Vue单页面如何做seo页面优化

1、服务端渲染

服务端渲染对于刚接触 vue 的新手来说，并不是那么友好，虽然已有官方 SSR 中文文档。但是对于一个已经开发完毕的 vue 项目去接 SSR 无论是从工作量还是技术角度来说，都是一种挑战。

2、预渲染方式

在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单，并可以将您的前端作为一个完全静态的站点。如果您使用 webpack，您可以使用 prerender-spa-plugin 轻松地添加预渲染。它已经被 Vue 应用程序广泛测试。

有关seo技巧的话题一直是SEOER津津乐道的话题，在这里分享给您一些在长期seo过程中积累的技巧经验：

技巧一：标题、关键词、描述三要素的描写不要太长。很多站长朋友都太过于珍惜这三个要素了，恨不得把所有想做的关键词都包含进去，其实这是不对的。大家要把握精简的原则，关键词太多，那么每个关键词在网站的权重就会分散降低，大家用心就可以发现很多大的站尤其是SEO行业内比较知名的站点，他们的标题关键词和描述标签写的都是十分简单的。一个简洁优美有吸引力的标题和描述无论是对用户还是对搜索引擎来说都是更具有吸引力的。

技巧二：关键词分布要合理，不要让你的网页一眼看过去到处都是关键词。很多站长朋友很想提高关键词密度和重点强调，因此就会刻意的在网站的各个关键部位放上要做的关键词，有些还给加粗，使得看上去优化的痕迹很重，用户体验却很差。关键词密度确实是重要，但是不能以牺牲用户体验为代价，要知道用户体验为首要考虑的。并且关键词密度过多对搜索引擎来说也不友好，反而能引起反面结果。

技巧三：外链建设不要贪数量，质量应该站第一位。关键词的排名虽然跟外链的建设息息相关，但并不是和外链的数量直接挂钩的，尤其不是和百度查出来的相关域数量相等的。外链应该更看重质量，一个好的优质外链抵得上千百个垃圾外链。因此多花点心思去挖掘优质外链而不要机械的去跟帖。

技巧四：用心写一篇文章，一篇优质的软文胜过千篇采集的文章。认认真真的写一篇高质量的文章比采集百篇文章都要好的多，什么伪原创都是浮云，百度都能查得出来。采集来的文章往往很难获得好排名，而且也有风险，何必啊。用心的写出高质量的文章，自己也能够把控质量，同时也能再一次的加深理解，何乐不为!搜索引擎不会因为你文章的多少而决定你排名的高低的，你看有一些资深SEO界大佬的博客才几百篇，但是搜索SEO的时候人家的排名多好。你采集了上千上万篇文章，下来不但没排名还要担心随时被K，多不划算。

技巧之五：妄图欺骗搜索引擎，抱着侥幸心理是要不得的。现在网上到处都是各种工具，各种链接、软文贩卖。很多的站长都禁不起诱惑，其实这些东西不是说不好，有的确实在一段时间内能带来很好的排名，但是毕竟不可控性太大，一时的得力毕竟风险太高了。因此作为我们SEOER来说还是要勤奋踏实一些,只有这样才能学到更多的SEO技术和技巧,也能让排名更稳定。

在Umi3官方文档中，有一个配置项exportStatic需在配置文件（umirc.ts或config/config.ts）中设置，语法如下： Umi框架配置 html 的输出形式，默认只输出 index.html。如果需要预渲染，请开启 ssr 配置，常用来解决没有服务端情况下，页面的 SEO 和首屏渲染提速。如果开启 exportStatic，则会针对每个路由输出 html 文件。 举个例子，路由配置如下： 在不开启 exportStatic 时，输出： 设置 exportStatic: {} 后，输出： 设置 exportStatic: { htmlSuffix: true } 后，输出： 若有 SEO的话需求，可开启 ssr 配置，在 umi build 后，会路由（除静态路由外）渲染成有具体内容的静态 html 页面，例如在配置文件（umirc.ts | config/config.ts）中有如下路由配置： 设置 { ssr: {}, exportStatic: { } 后，且在编译后，生成如下产物： 考虑到预渲染后，大部分不会再用到 umi.server.js 服务端文件，构建完成后会删掉 umi.server.js 文件如果有调试、不删除 server 文件需求，可通过环境变量 RM_SERVER_FILE=none 来保留。 转载：码书网「链接」

---