Vue+Express全栈购物商城

作者: 少校seo 分类: 黑帽seo资讯 发布时间: 2019-09-07 06:04

基于Vue和Express框架的全栈购物中心记录了项目过程中遇到的一些问题以及经验和技巧。

基于Vue-CLI2.0:单击我查看

这个分支版本是一两年前基于Vue-CLI2.0编写的。

基于Vue-CLI3.0:单击我查看

此分支版本基于Vue-CLI3.0。支架已从2.0迁移和升级到3.0。还填写了遇到的一些问题和凹坑,这也是一个纯网侧模拟数据的项目。

当前版本:点击我查看。

基于Vue-CLI3.0,前端使用Vue系列桶,后端使用快速+蒙古数据库+再贴现,后端管理系统CMS使用Vue-Element-Admin

在线预览:

手机直接扫描二维码的经验;

项目代码px自动转换为rem,amfe-flexible库需要引入main.js

Vant用户界面库也有快速眼动单元,需要在vue.config.js中进行配置:

单页搜索引擎优化是一个棘手的问题。目前有两种方法,一种是SSR,另一种是PrerenderSPAPlugin。

这个项目是通过使用两个预渲染spaplugin+vue-meta-info库优化搜索引擎优化的。

将rouer.js模式更改为模式:历史下载并安装预渲染插件

PrerenderSPAPlugin是一个谷歌图书馆和一个购物中心搜索引擎优化描述。基于铬的数据采集,铬浏览器将在预渲染插件(PrerenderSPAPlugin)安装后自动下载。中国核电厂的铬安装经常失败。建议使用淘宝网的cnpm进行安装。

npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install PrerenderSPAPlugin --save 在vue.config.js中引入PrerenderSPAPlugin,配置需要预渲染的路由。下载安装 vue-meta-info

Vue-meta-info被引入main.js,元信息被配置在每个页面上,因此每个页面路由都有不同的标题。原因是爬虫引擎捕捉重要内容,这对搜索引擎优化是有益的。

预渲染前只有一个index.html,预渲染后打包的最终预渲染目录文件如下:

保持活力将用于项目中,以改善用户体验和网站的性能。如果您想缓存一些页面,而有些页面不需要缓存,您可以在路由器中的路由中添加meta.keepalive。

当Vuex用于管理全局状态时,当页面刷新时,所有状态都将丢失或重置。您可以将代码黑帽seo添加到应用程序的钩子函数中,当页面刷新时,Vuex将存储在存储中。刷新完成后,它将从存储中取出并存储在Vuex中:

封装Axios,添加Axios请求和响应,并统一处理错误消息或登录身份验证消息。所有数据请求都存储在api目录中,相应的页面便于后续维护和管理。

将开发环境与生产环境别名区分开来的方法直接指定了目录。CDN

在生产环境中,一些常见的库Vue、vuex、vue-router等库没有打包到项目中,而是通过CDN引入的,这可以减小项目的规模,也可以利用CDN使网站负载更快。推荐一个强大的cdn库:[]()

生产环境压缩和输出控制台打印日志生产环境打开gzip压缩生产环境启用预渲染生产环境单独的css,可以缓存外部链CSS

商城类网站做SEO必看的五个方面

随着互联网的发展,越来越多的购物中心网站出现在我们的视野中。这些购物中心网站包括B2C购物中心和大型淘宝客人网站。由于自身的特点,这些网站在优化时也有一些技巧和注意事项。今天,我与大家分享我的五点总结。我希望在阅读后,它将对一些网站管理员有实际帮助,并欢迎批评和纠正。

栏目(频道)必须简明易懂。

专栏(或频道)是人们经常听到的一个词,这是购物中心网站必须考虑的一个重要方面。一般来说,专栏必须简明易懂,以便用户在看到它后能够知道它代表什么。有些模棱两可的词最好不要用作列词,因为不同的人有不同的理解。此外,网站的二级栏目也必须分类良好,不要过于复杂。这必须在深入研究和参考竞争对手后编写。人们不能想当然地认为它符合要求。有时,由于网站的内容多是黑帽seo,为了让搜索引擎更多地被收录,一般需要多次分类,这样一些页面可以减少点击数并到达,这样就更容易被收录。

图片的内容必须准确表达。

图片的内容主要是表达的信息。虽然这很简单,但网站管理员也可能认为,为销售什么产品拍摄什么样的图片并不难。然而,在实践中,一些网站会根据自己的爱好改变图片的内容,比如买鞋、给鞋拍照,而不是给腿或整个人拍照。如果有太多这样的图片,用户会感到困惑。但是,点击图片后,进入详细页面,此时图片可以包含其他内容,有时是必要的。此外,我们还需要注意图片的大小。此类图片太多的网站必须修改,否则整体加载速度会明显变慢。

应该添加图片的ALT属性

对于想要好的搜索引擎优化结果的购物网站,图片的ALT属性可以说是必要的。图片的ALT属性不仅对用户有用,而且当图片的引线速度问题无法打开时,还会有文本提示。更重要的是,它告诉搜索引擎图片的含义,因为搜索引擎在这个阶段不会阅读图片的内容,所以需要ALT文本来解释商城是如何进行seo,可以想象,如果商城网站上有大量ALT文本,那么对于搜索引擎来说,它就会被包含在内,以便与一些标题和文本中的文案配合,那么在搜索时很可能会被用户搜索到。

网址路径不需要太多参数

除了上面提到的几点,还有网址的问题。因为购物中心网站注重功能,所以网址中可能有许多参数。这些参数中的一些是确保功能所必需的,但是一些页面可以通过使用静态网址达到相同的效果。因此,只要页面是静态的,它就必须是静态的,这样搜索引擎就可以用最少的力气爬行和抓取。对于某些具有特殊功能的页面,您也可以在网址中包含参数,但是该参数最多只能包含两个。如果包含两个以上的参数,对包含非常不利。

记住要包括受欢迎的项目

流行商品是购物中心网站的一大特色,有点像我们网站上的流行文章或相关文章。然而,对于商城网站来说,这些流行产品不仅允许用户点击更多,产生更多的购买量,更重要的是,它们允许搜索引擎抓取和收集更多,因为有些网站的整体权重太低,所以抓取深度有限,如果有很多流行产品,就相当于提供了很多门户,这对网站的整体SEO非常有帮助。