vue单页面SEO优化

1.1 安装prerender-spa-plugin

vue.config.js:

const path = require('path')
const PrerenderSPAPlugin = require('prerender-spa-plugin')module.exports = {plugins: [...new PrerenderSPAPlugin({// Required - The path to the webpack-outputted app to prerender.staticDir: path.join(__dirname, 'dist'),// Required - Routes to render.routes: [ '/', '/about', '/some/deep/nested/route' ],})]
}

1.2.home.vue

  metaInfo() {return {title: this.pageName,meta: [{name: "keyWords 123 333 123",content: "My Example App"}],link: [{rel: "asstes",href: "https://assets-cdn.github.com/"}]};},

vue单页面SEO优化相关推荐

php vue seo,处理 Vue 单页面 SEO 的另一种思路
(设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plugin形成更优的配合) 单页面应用在前端正大放光彩.三大框架 Angular.Vue.Rea ...
网络营销推广软件教你学会单页面SEO优化技巧，轻松赢流量！
网络营销推广软件认为,单页面网站要比传统的网站在结构和设计等方面,都要更简洁.简单一点,但对于单页面的优化也是需要付出更多的心思和时间去完成的,也是掌握了更多的细节才能更好地更利于网站更长远,更高质量 ...
在不使用ssr的情况下解决Vue单页面SEO问题
遇到的问题: 近来在写个人博客的时候遇到了大家可能都会遇到的问题 Vue单页面在SEO时显得很无力,尤其是百度不会抓取动态脚本 Vue-Router配合前后端分离无法让meta标签在蜘蛛抓取时动态填充 ...
seo需要处理页面html,详解处理Vue单页面应用SEO的另一种思路
(设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plugin形成更优的配合) 单页面应用在前端正大放光彩.三大框架 Angular.Vue.Rea ...
给大家推荐一个Vue 单页面程序无法SEO的解决办法
给大家推荐一个vue 单页面搜索引擎无法SEO的解决办法这两天用Vue3做了一个免费下载书籍的小网站,https://book.usejs.cn:大家可以先看下效果前端项目做完.部署了之后想让搜索 ...
魔众文库系统 v2.1.0 页面SEO优化，系统升级调整
轻量级文库系统魔众文库系统发布v2.1.0版本,新功能和Bug修复累计10项,页面SEO优化,系统升级调整. 2021年12月08日魔众文库系统发布v2.1.0版本,增加了以下10个特性: ·[新功 ...
魔众相册系统 v1.1.0 页面SEO优化，系统升级调整
轻量级的相册系统魔众相册系统发布v1.1.0版本,新功能和Bug修复累计13项,页面SEO优化,系统升级调整. 2021年12月08日魔众相册系统发布v1.1.0版本,增加了以下13个特性: ·[新 ...
魔众视频教学系统 v2.1.0 页面SEO优化，系统升级调整
魔众视频教学系统魔众视频教学系统发布v2.1.0版本,新功能和Bug修复累计7项,页面SEO优化,系统升级调整. 2021年12月08日魔众视频教学系统发布v2.1.0版本,增加了以下7个特性: · ...
魔众一物一码溯源防伪系统 v1.1.0 页面SEO优化，系统升级调整
魔众一物一码溯源防伪系统魔众一物一码溯源防伪系统发布v1.1.0版本,新功能和Bug修复累计8项,页面SEO优化,系统升级调整. 2021年12月08日魔众一物一码溯源防伪系统发布v1.1.0版本, ...
app怎么嵌套vue页面_app内嵌vue单页面应用的一些坑
写这篇文章的原因是想总结一下自己最近开发的一个内嵌app的vue单页面项目,看看有哪些坑!!! 1.白屏项目第一次上线正常项目第二次上线,20多个用户反馈白屏(没见过这世面,心里慌的不行!!!), ...

vue单页面SEO优化

vue单页面SEO优化相关推荐

最新文章

热门文章