VUE中的预渲染处理SEO的优化-成都SEO

各位老铁们，大家好，今天小编来为大家分享VUE中的预渲染处理SEO的优化相关知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！

VUE中的预渲染处理SEO的优化

在现代web开发中，单页应用(Single-Page Application, SPA)已经变得越来越流行。而Vue.js作为一款流行的JavaScript框架，可以帮助开发者构建高度交互和响应式的SPA。SPA对于搜索引擎优化(SEO)来说是一个挑战，因为搜索引擎通常它们的爬虫不会执行JavaScript代码，只能分析和索引HTML文档。为了解决这个问题，Vue提供了一种预渲染处理SEO的优化方案。

预渲染是指在构建应用程序时生成静态HTML文件的过程，这些HTML文件包含了SPA在初始加载时所展示的内容，而不是依赖于客户端JavaScript来生成内容。预渲染可以将SPA转化为静态HTML网页，使搜索引擎能够正确地抓取和索引页面的内容，从而提高SEO。

Vue提供了两种预渲染的方法：服务器端渲染(Server-Side Rendering, SSR)和静态站点生成(Static Site Generation, SSG)。

服务器端渲染(SSR)是一种将Vue组件在服务器上渲染成HTML字符串的方法。当用户访问页面时，服务器会返回一个已经包含了初始渲染内容的完整HTML文档。这种方法的优点是可以让搜索引擎直接抓取到完整的HTML文档，从而提高页面内容的检索和排名；缺点是增加了服务器的负担，同时也增加了开发的复杂性。

静态站点生成(SSG)是一种在构建时生成静态HTML文件的方法。在构建过程中，Vue将部分或全部的页面预渲染成静态HTML文件，并存储在服务器上。当用户访问页面时，服务器直接返回对应的静态HTML文件，而不需要动态地生成内容。这种方法的好处是可以利用CDN加速静态资源的分发，提高页面的加载速度；同时也减轻了服务器的负担。缺点是对于包含大量动态内容的页面，不适合使用SSG。

无论是SSR还是SSG，都需要使用Vue的构建工具进行配置和构建。Vue提供了官方的工具`@vue/cli`和`@vue/cli-plugin-prerender-spa`来帮助开发者完成预渲染的配置和构建过程。

在预渲染处理SEO的优化中，除了选择适合的预渲染方法，还需要注意以下几点：

1. 合理使用meta标签：在预渲染的HTML文件中，为每个页面设置合适的meta标签，包括title、description、keywords等，以便搜索引擎正确地解析和索引页面内容。

2. 添加sitemap.xml文件：sitemap.xml是一个包含网站所有页面URL的XML文件，可以向搜索引擎提供网站地图和页面索引信息，方便引擎进行抓取和索引。

3. 设置301重定向：如果网站的URL发生了变化，需要设置301重定向，将旧的URL指向新的URL，以免搜索引擎索引到重复或无效的页面。

Vue提供了预渲染处理SEO的优化方案，通过将SPA转化为静态HTML网页，可以提高搜索引擎对页面内容的抓取和索引能力。开发者可以根据项目的需求和特点选择合适的预渲染方法，并注意优化页面的meta标签、sitemap.xml文件和URL重定向，从而提升网站的搜索引擎可见性和排名。

适用于vue的SEO优化方案，以下几种：

（1）ssr,即单页面后台渲染

（2）vue-meta-info 与prerender-spa-plugin 预渲染

（3）nuxt

（4）phantomjs

区别如下：

一、概念方面：SEO叫搜索引擎优化，也叫关键词自然排名。它是通过对站内和站外的优化来提高搜索引擎对网站的友好度，并提高网站的排名。

而SEM叫搜索引擎营销，它是除了对网站做优化以外，也可以用便捷的途径来更快的让客户找到你的网站，这种便捷的方式就是通过付费的手段。

二、费用方面：费用方面的话SEO是通过网站的自然排名来提高网站的权重，所以费用自然会低。SEM主要是通过付费手段来提高网站的权重，自然会比SEO费用要多。三、范围：从它们两个范围上来讲的话，SEO是SEM其中的一部分，SEO是包括在SEM里面的。SEO只是对网站的优化，而SEM是网站优化和付费营销两个方面。

四、效果：SEO对网站的优化时间比较长，或许是用几个月的时间才能把网站做到首页，但是只要把排名提上去就不容易掉下来，效果是比较好的。

而SEM是通过付费首段来提高网站的排名，但是过一段时间不付费了，排名很快就掉下来了，所以SEM是见效快，但不适合长久性的。

seo推广是一个大的概念，其中包含seo优化。

seo优化大部分的工作都是针对网站，为网站做关键词优化、代码优化、蜘蛛爬取优化、外链优化等非付费手段达成的目标。

而seo推广除seo优化之外还要做很多付费的推广手段比如百度关键词推广、外包微博、外包微信等等。

从词面上来讲推广属于手段，优化属于方法。

URL在SEO中的设计总得原则是首先要从用户体验出发，URL应该清晰友好、方便记忆，然后才考虑URL对排名的影响，具体考虑以下

1：URL越短越好。

2：避免太多参数：一般建议2-3个参数之内，参数太多会使用户看的眼花缭乱也可能造成收录问题

3：物理目标层次尽量少

4：文件及目录名具描述性

5：URL中包还关键词

6：字母全部小写

7：连字符使用

在URL中键入关键词是正确的（切不可为了出现关键词而堆积）但是建议后面的全部使用小写，这样看上去不是那么的混乱

以上只是个人观点

一、淘宝首页的搜索规律

此处考虑的是商品关于普通关键字的排名。在关键字的选择上，为了避免淘宝对部分热门关键字商品的排序进行人为影响，我们选择一组比较冷的关键字进行测试。在淘宝首页搜索栏搜索商品，通过对结果的对比，可以得出以下几个规律

1、无关因素规律

排名先后与售出量、浏览量、价格、卖家好评率、先行赔付、所在地、商品页面的排版布局和单一关键字在商品名称中出现的先后顺序、次数等因素基本无关。例如“火星湖专卖，火星湖折扣电影”的商品和名为“火星湖电影票”的商品比较，在搜索“火星湖”关键字的时候，前一种商品不会因为“火星湖”关键字出现了两次或者售出量多等因素而在搜索结果中排名靠前。

2、搜索结果排名规律

影响商品排名的关键因素有两个，分别是“剩余时间”和“是否推荐商品”。其中的剩余时间＝宝贝有效期－（当前时间－发布时间）。宝贝有效期有两种取值，分别是14和7，对应与产品发布时选择的有效期，发布时间就是你的宝贝上架的时间。“推荐商品”这个因素对应于我们发布商品时的“橱窗推荐”选项。搜索结果根据是否“橱窗推荐”商品这个因素，被划分为两个区段，无论剩余时间是多少，推荐商品的区段排名都在未推荐商品区段的前面，同一区段内，剩余时间越短，排名越靠前。例如：即便“火星湖电影票”商品还有5分钟就要下架了，如果它没有被勾选为橱窗推荐商品，他的排名还是比刚刚发布出来的橱窗推荐商品“火星湖折扣电影票”靠后。如果同样都是橱窗推荐商品，那么快要下架的“火星湖电影票”会排在前面。

3、等效搜索词规律

1）第一关键词＋第二关键词＝第一关键词＋特殊字符＋第二关键词即紧密排列规律，搜索时特殊字符将被忽略，搜索结果不含拆分（即搜索结果中多个关键词按照顺序紧密相连）。

2）第一关键词＋空格＋第二关键词＝第二关键词＋空格＋第一关键词，即顺序无关规律，用空格分割两个关键词搜索的结果中含拆分（即搜索结果中既有多个关键词紧密相连又有多个关键词不紧密相连的情况），关键词出现顺序和搜索时的顺序无关。例如搜索“火星湖电影票”，那么标题为“电影票5折珠海火星湖”和“珠海火星湖电影票5折”这两种情况都将被搜索到。同时无论搜索的结果含不含拆分，排名一定严格按照搜索结果排名规则来排序。

经过大量测试，淘宝基本没有对关键字排名进行干预，搜索符合上述三条规律

二、高级搜索页搜索规律

淘宝高级搜索页搜索所得出的结果和首页搜索的结果很大差别，搜索不再以剩余时间为主要的排名依据，通过分析结果得到以下一些规律。通过高级搜索页搜出来的结果默认显示的是“人气宝贝”列表中的宝贝，这个列表的排名显然不是以剩余时间来排序的，经过测试，我们发现影响人气宝贝列表排名的因素主要是浏览量、售出量、卖家等级（信誉值）这几个因素。淘宝经过一定的权值计算后，给出了最终列表的顺序。并且这个顺序十分不稳定，顺序经常发生变化，这主要是由于商品浏览量的变化导致的。由此可以说明，浏览量对排名因素的作用高于其他因素。页面上还有“所有宝贝”选项，经过分析，所有宝贝选项卡中的商品排列顺序完全符合第一点中的三条规律.

三、淘宝商家应对的优化策略

实际进入高级搜索页来搜索商品的买家相对较少，大部分买家一般都在首页搜索栏进行搜索。并且在高级搜索页面进行第二次搜索时，实际上采用的仍然是首页搜索的机制，所以在考虑店铺优化时，可先暂时规避因为高级搜索规律所带来的复杂度，集中考虑普通搜索的三个规律的优化策略。

1、标题的充分利用

首先举一个简单的例子。假设要卖珠海火星湖折扣电影票，应该如何发布呢？可以选择的商品标题常用有“珠海家园电影票，火星湖5.5折，双钻信誉”（以下称第一种标题），或者“珠海家园，火星湖电影票5.5折，双钻信誉”（以下称第二种标题）。买家一般会在首页的搜索栏里搜索“火星湖电影票”或“火星湖电影票”，且以无空格的前者居多。以带空格的“火星湖电影票”搜索时，两种标题都能被搜索到。而根据上述紧密排列规则，用不带空格的“火星湖电影票”（紧密排列）作为关键字时，搜索结果将不含拆分，于是第一种标题被漏掉了，我们的宝贝没有被搜索出来，这是个失败的标题。再来看“珠海电影票”的搜索，根据顺序无关规律，搜索的结果中将包含拆分，并且拆分以后的关键字顺序不影响排名，第二种标题仍然能够被搜索到。所以应该选择第二种标题。等效搜索词规律告诉我们，在宝贝有多种属性的时候，应该把联系最紧密的属性和宝贝的名称写在一起。紧密排列和关键字组合是门学问，它让你能够提高宝贝被搜索到的概率。仅仅用第二种标题还是远远不够的。综合所有规律，宝贝是否能够被搜索到，取决于宝贝的标题里是否含有关键字，以及关键字是否正确组合。淘宝规定宝贝的标题最长不能超过60个字节，也就是30个汉字，在组合理想的情况下，包含越多的关键字，被搜索到的概率就越大。第二种标题总共35个字节(半角符号一个字节)，浪费了25个字节，大约10个汉字，这种浪费是很可惜的。

2、标题关键字的分割

如果一点都不分割标题，会使整个标题看上去一团糊涂，比如“珠海家园火星湖电影票5.5折双钻信誉”这么多字没有一个标点符号，完全不断句，虽然有利于增加被搜索到的概率，但是会让买家看得很辛苦甚至厌烦，少量而必要的断句是应该的。而且断句符号的选择也是门学问，经过测试，在使用半角都好的情况下，搜索引擎认为逗号的两边完全是不同的词句，进而硬性割裂；而使用其他一些符号比如/.^或者是半角空格，虽然标题看上去有断句，但搜索引擎在处理的时候会按照紧密排列规律，忽略这些特殊符号的存在。第二种标题除了增加字数以外，还有改进的余地，那就是把中间的半角逗号全部替换为/符号，如此一来，本来搜索“家园火星湖”时因为逗号分割而不被搜索出来的标题，由于/被忽略也将能够被搜索出来。不仅在标题上断句分明使人一目了然，而且在搜索时等同于没有断句的情况。用一个玩笑做例子，如果你的宝贝标题是“珠海家园咸猪肉/荣获国家优质奖”，那么搜索“猪肉荣”的买家也能搜索到你的宝贝，无关乎他崇拜他的黄飞鸿你卖你的咸猪肉。

3、排名尽量靠前

经过上面这些优化步骤，相信你的宝贝一定能够被淘宝的搜索引擎亲密接触到，点击进来并产生效益。假设我们的宝贝排名是66页第20个，哪个买家有这个耐心翻66页区找我们那可怜的宝贝，不用着急，关于排名我们还有好办法。理解以下搜索结果排名规律可以知道，淘宝的默认排名制度是轮流坐庄制，也就是说剩余时间越少，排名越靠前，考虑到选择“橱窗推荐”商品会在搜索结果中第一优先，并且我们在发布商品的时候，增加剩余时间趋近于0的频率，我们在选择宝贝有效期的时候，一定要选择7天。关于橱窗数量规则和获得橱窗奖励的办法，我们可以参考官方公告

4、什么时间发布商品最合适

5、加开店铺

用你家人的银行账户再开一个店铺，发布同名商品，就可以保证这种商品连续排名靠前，即使前面宝贝的剩余时间到期了，后面商品的剩余时间又已经足够小而排名在前面。增加了店铺和商品，意味着增加了被搜索到的概率，你开的店铺像一个超市而不是只有一个几平米的小卖部，能够形成交易的概率也因此增大了。唯一的缺陷是，要经营多个小店、多种商品，你需要拥有一定的技术以及花费大量的精力，需要权衡你付出的精力和销售量上涨之间的关系。用最经济的办法，取得最大的利润，才是可取的。最后考虑高级搜索页的搜索规律，要取得高级搜索结果中的较好排名，精力就主要集中在浏览次数、本期输出量、卖家等级（信誉值）、剩余时间这些因素上。起步总是困难的，你的东西不够吸引力，价格太高，在高级搜索中和高手们是没有办法竞争的，售出量不多、卖家等级不高也会使你的商品排名靠后。只有使你的内力、外功和各种武器装备都上去了，你的排名才会升高。

-广州联智企业管理咨询中心

文章到此结束，如果本次分享的VUE中的预渲染处理SEO的优化的问题解决了您的问题，那么我们由衷的感到高兴！