庆华购物网站seo搜索引擎优化(前后端分离不利于SEO的基础有什么作用？(图))

　　庆华购物网站seo搜索引擎优化(前后端分离不利于SEO的基础有什么作用？(图))

　　不可否认，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好用请参考网站

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

　　但是，市场上仍然有很多依赖vue的唱歌案例：

　　1） (bilibili)

　　2）（手机搜狐）

　　3）（掘金）

　　4） #/en-US (2）

　　5） (新旧老爷车出售)

　　6）（七曲百科）

　　7）（异国他乡的好家）

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

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

　　（1）TDK有详细介绍。

　　（2）提高网页加载速度：出站css，js使用延迟加载和dns-prefetch，preload。

　　（3）更多外展，关键词排名靠前。

　　2）掘金网站使用vue-meta-info管理网站 meta，应该和prerender-spa-plugin配合使用优化SEO

　　3） 元素在logo上添加首页地址，h1标签中只放置logo。

　　4） 有一些低流量网站。例如（马歇尔大学）优化了seo社交分享，元信息中出现property="og:title"等新内容；【大疆招聘】二手Nuxt

　　在这些网站中，出现频率最高的有四个公共组件或公共方法：

　　1） 面包屑导航

　　2） 图标

　　3） 搜索框

　　4） 按钮组件

　　关于 收录 问题：

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

　　搜索引擎判断一个网站权重无非是两个尺度：收录和外链。所以百度收录的等级很大程度上影响了网站在百度的排名

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

　　一是主动发现、抢夺

　　二是从百度站长平台的链接提交工具中获取数据。其中，通过主动推送功能“接收”到的数据，最受百度蜘蛛青睐。

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

　　这只是我片面的分析。针对具体情况，我们要考虑定位、开发成本，以及后续的维护成本。不过，我认为掘金确实是一个非常成功的案例。既然有人给了我们一步之后，我们就必须跟上潮流。毕竟，互联网是一个与时俱进的行业。如果我们永远停留在传统的混合开发中，也会给我们公司和我们个人带来一些影响。扫码查看【一天一句毒鸡汤】，双倍幸福

　　

　　更多前端资讯，关注【凤凰下小码农】免费采集

　　

　　更多精彩博客访问我的主页