nuxt.js怎么做seo优化？？？

Question

问题描述

最近要做一个SEO优化 看了vue官网说nuxt可以实现seo，但是自己上手操作了一遍。右键查看网页源代码还是没有东西

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

这是我的页面，通过调接口出来的数据渲染的页面上。

我右键检查源代码但是没有任何数据

没有内容怎么做seo优化？？？？

Answer 1

问题 经过我这几天的摸索已经成功解决，如果想做seo并渲染首屏的话。调用接口一定要写到asyncData中，官网是这样说的
asyncData方法会在组件（限于页面组件）每次加载之前被调用。它可以在服务端或路由更新之前被调用。在这个方法被调用的时候，第一个参数被设定为当前页面的上下文对象，你可以利用 asyncData方法来获取数据并返回给当前组件。
注意：由于asyncData方法是在组件 初始化 前被调用的，所以在方法内是没有办法通过 this 来引用组件的实例对象。
所以在这个asyncData方法中不能使用this

Answer 2

nuxt采用后端渲染，这样生成前台页面内容可以被百度搜索引擎搜到，而vue是动态渲染，百度会出现抓不到网页数据的情况，所以类似新闻，博客，媒体之类的网站需要seo的网站比较适合，vue技术栈用nuxt，react技术栈用next。

至于你说的，我想你只指meta标签中关键词，描述的配置。这个我们在页面head中配置，nuxt.config.js中配置全局的head
，单独页面也可以单独配置。

head() {
    return {
      title: '肆客足球-为球迷提供更专业的足球新闻，足球数据、积分榜和赛程服务',
      meta: [
        {
          hid: 'description',
          name: 'description',
          content:
            '肆客足球-球迷至上，为球迷提供更专业的足球新闻，足球数据、积分榜和赛程服务'
        },
        {
          hid: 'keywords',
          name: 'keywords',
          content: '肆客足球，球迷，足球新闻，赛程，积分榜，足球数据'
        }
      ]
    }
  }

类似这样。
你可以在nuxt官方文档中看看：https://zh.nuxtjs.org/api/con...

Answer 3

我想请问一下楼主，有没有办法实现分页seo呢？ 不用a标签的情况下，因为a标签导致页面整体刷新用户体验很不好

Answer 4

可以添加百度自动推送代码，每次有人浏览你的页面都会自动向百度推送链接，据说有利于百度收录。谷歌好像不需要处理

可以看看我的博客，也是用nuxt写的，嘿嘿嘿重庆崽儿brand