前言
在做跨境電商項(xiàng)目中seo是必須要做的仁锯,seo中站點(diǎn)地圖(sitemap.xml,robots.txt)又是必不可少的,這里就記錄一下nuxt中站點(diǎn)地圖是如何做的跌宛。
第一步:安裝@/nuxt/sitemap
npm install @nuxtjs/sitemap
第二步:在根目錄static
目錄下新建sitemap.js
sitemap.xml文件的內(nèi)容
這里也是可以是數(shù)組生成多個xml文件
import axios from "axios";
const sitemap = {
path: '/sitemap.xml', //生成的文件路徑
hostname: '自己網(wǎng)站的網(wǎng)址', //網(wǎng)站的網(wǎng)址
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數(shù)據(jù)臂拓,return 返回需要給出的xml數(shù)據(jù)
// routes:()=>{
// const routes = [{
// url:"/",
// changefred:'always',
// lastmod:new Date()
// }]
// return routes
// }
}
export default sitemap;
第三步:在根目錄static
目錄下新建robots.txt
robots.txt文件可以指定爬蟲只抓取指定的內(nèi)容或者是禁止搜索部分內(nèi)容。
# 該文件可以通過`你的網(wǎng)站域名/Robots.txt`直接訪問
# User-agent作用:描述搜索引擎的名字习寸,對于該文件來說至少藥有一條user-agent記錄胶惰,則該項(xiàng)的值設(shè)為*
User-agent: *
# Disallow: 描述不希望被訪問到的一個url
Disallow: /bin/
Sitemap: 自己網(wǎng)站的域名/sitemap.xml
Sitemap: 自己網(wǎng)站的域名/sitemap.xml
Sitemap: 自己網(wǎng)站的域名/sitemap.xml
這里如果有大數(shù)據(jù)量的時候可以寫多個sitemap
第四步 在nuxt.confing.js
中引用
import sitemap from './static/sitemap';
// Modules (https://go.nuxtjs.dev/config-modules)
modules: [
'@nuxtjs/sitemap',
],
sitemap:sitemap,
第五步:要去谷歌搜索中心添加自己的站點(diǎn)地圖
第六步:查看效果
1,在瀏覽器中打開
自己網(wǎng)站的域名/sitemap.xml
看是否能直接打開霞溪,可以打開是xml文件就正確2,在瀏覽器中打開
自己網(wǎng)站的域名/Robots.txt
看是否能直接打開孵滞,打開后文件如下所示
User-agent: *
Disallow: /404
Sitemap: 自己的域名/sitemap_1.xml
Sitemap: 自己的域名/sitemap_2.xml
這兩個文件都可以訪問成功就說明你的站點(diǎn)地圖做好了