seo搜索引擎优化试题(前后端分离不利于SEO为什么呢？的基础爬虫的原理)

　　seo搜索引擎优化试题(前后端分离不利于SEO为什么呢？的基础爬虫的原理)

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

　　搜索引擎基本爬虫的原理就是爬取你的url，然后获取你的html源码并解析。而你的页面通常使用vue等js的数据绑定机制来展示页面数据，爬虫获取到的html是你的模型页面而不是最终数据的渲染页面，所以使用js来对seo不友好渲染数据。seo的本质是一台服务器向另一台服务器发起请求并解析请求内容。但一般情况下，搜索引擎不会回去执行请求的js。也就是说，如果是单页应用，HTML在服务器端没有渲染部分数据数据，数据在浏览器中渲染，搜索引擎请求的HTML没有渲染数据。这对于搜索引擎要搜索的内容是非常不利的。所以，服务器端渲染是在服务器将数据发送到浏览器之前尝试在页面上有数据。一般数据逻辑操作放在后端。如果排序只是几条数据，前后端排序是一样的。如果有1000条数据，前端需要请求全部排序。这显然是不合理的。

　　无意中看到了vue的作者在知乎里说的

　　但是对于像Vue这样的前后端分离的开发，我们还是可以通过其他技术来优化的。常见的解决方案有以下三种：

　　页面预渲染服务端渲染路由采用h5历史模式

　　一、ssr，这是一套完整的vue服务端渲染应用搭建指南，请参考二、vue-meta-info，这是单页meta SEO的另一种思路，参考网站 /p/29148760 三、nuxt好用 /guide/insta... 四、phantomjs预渲染

　　关于收录问题：网站收录，搜索引擎爬取你的网页后，会检查网页的内容，将符合收录@的网页存储起来> 规则。因此，网页将出*敏*感*词*确实是一个很好的案例，值得我们思考）

　　用vue1）做的成功案例还是很多的（bilibili）

　　2）（手机搜狐）

　　3） juejin.im/timeline（掘金）

　　4） (2）

　　5）（新旧老爷车出售）

　　6）（巨魔百科全书）

　　7） /apartments（家乡）2. Vue网站SEO分析

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

　　（1）TDK 详细描述。

　　(2）提高网页的加载速度：使用延迟加载和dns-prefetch，对外部css和js进行预加载。

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

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

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

　　4）有些流量不是太高网站比如（马歇尔大学）做了seo社交分享优化，元信息中出现了property=”og:title”这样的新东西；/zh -CN/campu…（大疆招聘）使用Nuxt中最常用的公共组件或公共方法3. 网站

　　1） 面包屑

　　2） 图标

　　3） 搜索框

　　4） 按钮组件

　　这只是我的片面分析。我们要根据定位、开发成本、后期维护成本等具体情况来考虑，但我觉得掘金真的是一个非常成功的案例。过了这一步，一定要跟上潮流，毕竟互联网是一个与时俱进的行业。如果我们永远停留在传统的混合开发中，也会给我们公司和我们个人带来一些影响。