前言

在做跨境电商项目中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的sitemapgenerate: false,exclude: ['/404', '/cart/api', '/confirmOrder/common/**', '/item/components/**','/category/minxinss','/category/components/**'], //排除不要的页面，这里的路径是相对于hostnamedefaults: {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)详解相关推荐

php生成站点地图,php生成百度站点地图sitemap.xml
header("Content-type:text/html;charset=utf-8"); //php生成百度站点地图sitemap.xml //http://www.baid ...
织梦后台如何生成站点地图sitemap.xml
第一步在网站根目录建立sitemap.php文件内容如下: 写一个计划任务文件命名为generate_sitemap.php,放在/plus/task目录里,文件内容如下: <?php//定时 ...
360站长平台提交站点地图sitemap.xml抓取的url数量为0的解决方法
解决方法一:不要提交https的sitemap,提交http的即可成功解决方法二:如果提交http的还没有成功,请检查自己的sitemap.xml格式是否是UTF-8的,不是换成UTF-8即可成功 ...
wordpress建立php站点地图,WordPress修改源文件生成完整站点地图(sitemap.xml)的php代码实例...
一直以来,张戈博客都是用DX-SEO这个很好用的中文SEO插件生成的sitemap.今天整理电脑文件时,看到了以前收藏的生成sitemap.xml的php脚本,就随手打开看了看,发现这个代码只能生成主 ...
Nuxt.js开启SSR渲染的教程详解
第一节:nuxt.js相关概述 nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染).Vue.js是开发SPA(单页应用)的,Nuxt.js这个框架,用Vue开发多 ...
Hsiaoyang： Google与站点地图Sitemap
Hsiaoyang: Google与站点地图Sitemap 无论网站大小,网站地图是一个网站必备的组件.它不见可以使用户对网站的内容一目了然,而且方便搜索引擎对网站内容快速.全面的抓取. 网站地图可以 ...
关于ASP.NET 中站点地图sitemap 的使用【转xugang】
关于ASP.NET 中站点地图sitemap 的使用 SiteMapPath 控件简介 SiteMapPath 控件是一种站点导航控件,反映了SiteMap 对象提供的数据.它提供了一种定位站点的方式 ...
关于ASP.NET 中站点地图sitemap 的使用
在ASP.NET MVC 如此火热的时期,我竟然不适时宜的谈起ASP.NET ,恐怕会引来一阵嘲笑.最为无趣的是,讲解的竟然还是其中的一个控件.oh~~ my god!my out! ^_^ Si ...
教你创建Google网站地图Sitemap.xml（转）
http://teachmyself.blog.163.com/blog/static/18881422920119895248288/ Sitemap.xml是 google搞出来的,也就是网站地图 ...

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

前言

第一步:安装`@/nuxt/sitemap`

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

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

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

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

第六步:查看效果

nuxt.js做站点地图(sitemap.xml)详解相关推荐

最新文章

热门文章

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

前言

第一步:安装@/nuxt/sitemap

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

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

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

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

第六步:查看效果

nuxt.js做站点地图(sitemap.xml)详解相关推荐

最新文章

热门文章

第一步:安装`@/nuxt/sitemap`

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

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

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