nuxt.js做站点地图(sitemap.xml)详解

Posted 郝艳峰Vip

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nuxt.js做站点地图(sitemap.xml)详解相关的知识,希望对你有一定的参考价值。

前言


在做跨境电商项目中seo是必须要做的,seo中站点地图(sitemap.xml,robots.txt)又是必不可少的,这里就记录一下nuxt中站点地图是如何做的。

第一步:安装@/nuxt/sitemap

npm install  @nuxtjs/sitemap

第二步:在根目录static目录下新建sitemap.js

sitemap.xml文件的内容

这里也是可以是数组生成多个xml文件

import axios from "axios";
const sitemap = 
  path: '/sitemap.xml', //生成的文件路径
  hostname: '自己网站的网址', //网站的网址
  cacheTime: 1000 * 60 * 60 * 24, //一天的更新频率,只在generate:false有用
  gzip: true, //生成.xml.gz的sitemap
  generate: false,
  exclude: ['/404', '/cart/api', '/confirmOrder/common/**', '/item/components/**','/category/minxinss','/category/components/**'], //排除不要的页面,这里的路径是相对于hostname
  defaults: 
    changefred: 'always',
    lastmod: new Date()
  ,
  routes: async () => 
    let productList = await axios.post('商品列表接口地址', 
        categoryId: "",
        level: 0,
        pageNum: 1,
        pageSize: 20,
        sort: "DEFAULT"
      

    ).then(res => 
      let proList = res.data.data.list;
      var siteArray = [];
      let siteObject = ;
      proList.forEach(element => 
        siteObject = 
          url: `/item/$element.id.html`,
          changefred: 'daily',
          lastmod: new Date()
        
        siteArray.push(siteObject);

      );
      return siteArray;
    )
    return productList ;

  ,

  //   需要生成的xml数据,return 返回需要给出的xml数据
  // routes:()=>
  //     const routes = [
  //         url:"/",
  //         changefred:'always',
  //         lastmod:new Date()
  //     ]
  //     return routes
  // 


export default sitemap;

第三步:在根目录static目录下新建robots.txt

robots.txt文件可以指定爬虫只抓取指定的内容或者是禁止搜索部分内容。

# 该文件可以通过`你的网站域名/Robots.txt`直接访问

# User-agent作用:描述搜索引擎的名字,对于该文件来说至少药有一条user-agent记录,则该项的值设为*
User-agent: *
# Disallow:  描述不希望被访问到的一个url
Disallow: /bin/
Sitemap: 自己网站的域名/sitemap.xml
Sitemap: 自己网站的域名/sitemap.xml
Sitemap: 自己网站的域名/sitemap.xml
这里如果有大数据量的时候可以写多个sitemap

第四步 在nuxt.confing.js中引用

import sitemap from './static/sitemap';
  modules: [
    '@nuxtjs/sitemap',
  ],
  sitemap:sitemap,

第五步:要去谷歌搜索中心添加自己的站点地图

第六步:查看效果

  • 1,在浏览器中打开自己网站的域名/sitemap.xml看是否能直接打开,可以打开是xml文件就正确
  • 2,在浏览器中打开自己网站的域名/Robots.txt看是否能直接打开,打开后文件如下所示
User-agent: *
Disallow: /404
Sitemap: 自己的域名/sitemap_1.xml
Sitemap: 自己的域名/sitemap_2.xml

这两个文件都可以访问成功就说明你的站点地图做好了

以上是关于nuxt.js做站点地图(sitemap.xml)详解的主要内容,如果未能解决你的问题,请参考以下文章

gatsby-starter-blog 的站点地图

如何在网站上找到sitemap.xml路径?

WordPress免插件生成完整站点地图(sitemap.xml)的php代码

如何将sitemap.xml添加到angularJS站点?

如何使用python在每个域和子域中查找站点地图

如何在scrapy蜘蛛中使用url的站点地图?