还不了解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~~~
如有错误或观点不一致的请评论留言共同讨论,本人前端小白一枚,根据自己实际项目遇到的问题进行总结分享,谢谢大家的阅读!
文章对您有所帮助请给作者点个赞支持下,谢谢~
适用于vue的SEO优化方案,以下几种:(1)ssr,即单页面后台渲染
(2)vue-meta-info 与prerender-spa-plugin 预渲染
(3)nuxt
(4)phantomjs
开发一个基于Vue的网站时需要注意的SEO问题有:
静态标题和描述:标题和描述必须是静态的,不能在运行时动态生成,因为搜索引擎需要读取它们。
避免使用JavaScript动态生成内容:搜索引擎不会读取JavaScript动态生成的内容,因此,如果你想在搜索结果中显示这些内容,你需要使用静态的HTML。
关键字优化:确保你的关键字被包含在标题、描述、关键字和内容中。
链接结构:使用有意义的链接结构,这将帮助搜索引擎更好地理解你的网站结构。
Sitemap和Robots.txt:使用Sitemap告诉搜索引擎你的网站的页面,并使用Robots.txt文件告诉搜索引擎哪些页面不需要被爬取。
响应式设计:使用响应式设计,以确保你的网站在移动设备和桌面设备上都很好地显示。
在开发Vue网站时,记得遵循这些SEO建议,以确保你的网站在搜索结果中得到最好的曝光。
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)