Nuxt.js的使用、vue项目不被百度收录怎么办、seo优化问题@令狐张豪

Nuxt.js的使用、vue项目不被百度收录怎么办、seo优化问题@令狐张豪,第1张

还不了解vue为什么不被百度收录或预渲染怎么使用的童鞋们建议点下面链接了解下

vue项目不被百度收录怎么办、seo优化问题/预渲染的具体使用

Nuxt.js介绍、Nuxt.js 是什么?:

Nuxt.js安装

确保安装了npx(npx在NPM版本5.2.0默认安装了):

或者用yarn :

然后会让你进行一些安装的选择,这里就简单说下(UI框架没有就选none就行了,Eslint检测本人是非常不习惯用的所以我一般都不选,其他的没什么说的)

当运行完时,它将安装所有依赖项,因此下一步是启动项目:

应用现在运行在 http://localhost:3000 上运行。

提示: 在您的 vue 模板中, 如果你需要引入 assets 或者 static 目录, 使用 ~/assets/your_ 和 ~/static/your_方式。

说下路由配置问题:

总结

每个框架都有他自己对应的ssr方案,今天这里提到了vue的,有心的童鞋可以自行查阅其他框架方面的

再说几点关于seo方面的小技巧

end~~~

如有错误或观点不一致的请评论留言共同讨论,本人前端小白一枚,根据自己实际项目遇到的问题进行总结分享,谢谢大家的阅读!

文章对您有所帮助请给作者点个赞支持下,谢谢~

以下就是针对性的进行优化

1、删除辅助插件Vconsole.js

2、删除element-ui的引入

3、删除vue-qr

看一下包体积的对比

很明显已经减少了很多无用包的体积

看一下网站测速页面的对比

删除无用依赖之前

删除之后

打包提示中部分静态资源图片太大

优化操作:压缩图片替换原来的图片

优化后(剩下三张是公司的奖项图,已压缩过但还是很大)

性能诊断跟网速也有很大关系,下图为周六上班时的评分结果


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/684820.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-07-31
下一篇2023-07-31

发表评论

登录后才能评论

评论列表(0条)

    保存