Vue 搭建的网站能否进行 SEO 优化？

hwyzw

    不可否认，vue 现在很流行。但在实际项目中，尤其是互动网站，我们不可避免地会考虑SEO问题，这直接关系到我们网站的排名。很多人说用Vue搭建的网站无法优化，那么我们真的要放弃vue，放弃前后端分离开发吗？

    首先可以肯定的是，前后端分离不利于SEO。为什么？

    1.搜索引擎爬虫的基本原理是抓取你的URL，然后获取你的HTML源代码并解析它。你的页面通常使用vue等js的数据绑定机制来显示页面数据。爬虫获取到的html是你的模型页面而不是最终数据的渲染页面，所以用js渲染数据对SEO并不友好。 。

    2、seo的本质是一台服务器向另一台服务器发起请求，并解析请求内容。但一般来说，搜索引擎不会回去执行请求的js。也就是说，如果是单页应用，HTML在服务器端还没有渲染出一些数据，这些数据只是在浏览器中渲染出来的，而搜索引擎请求的HTML是没有渲染数据的。这对于搜索引擎可搜索到的内容非常不利。因此，服务器端渲染就是在服务器将数据发送到浏览器之前尝试在页面上拥有数据。

    3、一般数据逻辑操作放在后端。如果只有几条数据，前后端排序是一样的。如果有1000条数据，前端必须要求所有数据进行排序。这显然是不合理的。

    这是否意味着交互式网站不需要用Vue来构建？当然不是。

    无意中在知乎上看到Vue的作者这样说：

    因此，即使是像Vue这样前后端分离开发的网站，我们仍然可以通过其他技术来解决SEO问题。

    常用的解决方案有以下三种：

    1. 页面预渲染

    2. 服务端渲染

    3.路由采用h5模式

    应用技术有很多。总的来说，我总结了四种，也是常用的：

    首先是ssr，vue官方文档给出的服务端渲染方案。这是一套完整的构建 vue 服务器端渲染应用程序的指南。具体参考

    二、vue-meta-info，这是单页meta SEO的另一种思路，参考网站

    三、nuxt简单易用，参考网站

   

    四、页面预渲染，具体参考

    市面上还有很多依赖Vue的歌唱表演案例：

    1) ()

    2）（搜狐手机）

    3）（掘金）

    4) #/en-US (2)

    5) (新车及二手车出售)

    6）（搞笑百科）

    7) (异国他乡的好住处)

    那么他们是如何优化的呢？通过分析，我们总结出以下几点

    1）做了基础的seo优化，比如

    (1) TDK描述详细。

    （2）提高网页加载速度：对外部css和js使用延迟加载和dns-。

    (3)外部链接较多，关键词排名较高。

    2）掘金网站使用vue-meta-info来管理网站的meta。它应该与-spa-结合使用来优化SEO。

    3）将主页地址添加到logo中，h1标签中只放置logo。

   

    4）有一些低流量的网站如（ ）做了SEO社交分享优化，元信息中出现了“og:title”这样的新东西； （DJI 招聘）使用 Nuxt

    这些网站中最常出现的公共组件或公共方法有四种：

    1) 面包屑导航

    2) 图标

    3）搜索框

    4) 组件

    关于征集问题：

    对于网站收录，搜索引擎抓取您的网页后，会检测网页的内容，并存储符合收录规则的网页。因此，该页面将出现在与该页面内容相关的查询的搜索结果中。

    搜索引擎判断一个网站权重的标准只有两个：收录和外部链接。因此，百度收录的高低很大程度上影响着网站在百度的排名。

    目前，百度抓取新链接有两种方式：

    一是主动发现、主动捕捉

    二是从百度站长平台的链接提交工具获取数据。其中，通过主动推送功能“收集”的数据在百度上最受欢迎。

    对于站长来说，如果链接长时间没有被收录，建议尝试使用主动推送功能，尤其是新网站，主动推送首页数据，有利于内部页面数据的抓取。

    这只是我片面的分析。针对具体情况，我们需要考虑网站定位、开发成本、后期维护成本等综合考虑。但我认为掘金确实是一个非常成功的案例。既然有人替我们迈出了这一步，我们也必须跟上潮流。毕竟互联网是一个与时俱进的行业。如果我们永远停留在传统的混合开发上，对我们公司和我们个人也会产生一些影响。