Question

我使用NUXT建立了一个需要SEO的网站

当我使用www.xml-sitemaps.com网站查看是否可以找到我的所有网页时，它只会找到主页，而不会查找其他任何网页。当我尝试其他NUXT演示网站时，它会全部找到它们。

我的robots.txt文件如下：

User-agent: *
Disallow: /profile/
Sitemap: https://www.example.com/sitemap.xml

我正在使用@nuxtjs/sitemap来生成最终看起来像这样的sitemap.xml：

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
<url> <loc>https://www.example.com/about</loc> </url>
<url> <loc>https://www.example.com/</loc> </url>
</urlset>

如果这有帮助，我的nuxt.config.js看起来像是：

module.exports = {
  /*
  ** Headers of the page
  */
  head: {
    title: 'Title',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Title' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  mode: 'spa',
  loading: { color: '#3B8070' },
  build: {
    /*
    ** Run ESLint on save
    */
    extend (config, { isDev, isClient }) {
      if (isDev && isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    }
  },
  css: [
    '~/assets/main.css'
  ],
  modules: [
    '@nuxtjs/pwa',
    [
      '@nuxtjs/sitemap', {
        generate: true,
        hostname: 'https://www.example.com',
        exclude: [
          '/profile'
        ]
      }
    ]
  ],
  plugins: [
    '~/plugins/uikit.js',
    '~/plugins/fireauth.js'
  ],
  manifest: {
    name: 'Title',
    lang: 'en'
  },
  router: {
    middleware: 'router-auth'
  },
  vendor: [
    'firebase',
    'uikit'
  ]
}

Answer 1

了解不同Nuxt.js模式的情况非常重要。阅读Nuxt.js指南中的explanation about server side rendering，它们解释了框架可以配置的三种模式之间的区别：

通用（使用服务器端渲染，以便在呈现任何页面时，该页面将与所有呈现的HTML一起提供（SEO和爬虫友好模式）
SPA（单页应用程序），它将与css和javascript包一起提供HTML骨架，这些捆绑包只能在浏览器中分拆以创建初始DOM。很酷的内网应用程序，不利于搜索引擎优化。
- 静态生成所有页面（预渲染），以便可以在任何共享主机中以简单的HTML格式提供网站。

一旦概念清楚，您可以尝试将Nuxt.js配置文件中的“mode”属性从“SPA”更改为“Universal”，以及在同一nuxt.config中有关xml站点地图配置的其他建议。 js文件。

此外，您可以使用以下方法试用并了解不同的配置：

“安装指南”中讨论的Nuxt.js starter template。
Create Nuxt App之类的内容，通过npm install -g create-nuxt-app安装后，您可以查看为您自动设置的配置数量。

Answer 2

I'm the creator of the nuxt sitemap module.

Your sitemap-module configuration is set in the wrong section.

Please, update your nuxt.config.js:

modules: ['@nuxtjs/pwa'],
sitemap: {
  generate: true,
  hostname: 'https://www.example.com',
  exclude: [
    '/profile'
  ]
},
plugins: [

Then run npm run generate.

Finally check your generated sitemap.xml in the \dist\ folder.

(If you have an other issue or question, you may open an issue on github project: https://github.com/nuxt-community/sitemap-module/issues)

Answer 3

由于您处于SPA模式，因此您无法在SEO中获得太多成功，如果您可以在universal模式下运行，那么您将看到nuxt / vue的全部优势。

请参阅我在通用模式下使用Nuxt进行的this网站。

Nuxt网站未被抓取

3 个答案: