nuxt.js做站點(diǎn)地圖(sitemap.xml)詳解

前言


在做跨境電商項(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)地圖

eesitemap.png

第六步:查看效果

  • 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)地圖做好了

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市鸯匹,隨后出現(xiàn)的幾起案子剃斧,更是在濱河造成了極大的恐慌,老刑警劉巖忽你,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件幼东,死亡現(xiàn)場離奇詭異,居然都是意外死亡科雳,警方通過查閱死者的電腦和手機(jī)根蟹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來糟秘,“玉大人简逮,你說我怎么就攤上這事∧蜃” “怎么了散庶?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵蕉堰,是天一觀的道長。 經(jīng)常有香客問我悲龟,道長屋讶,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任须教,我火速辦了婚禮皿渗,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘轻腺。我一直安慰自己乐疆,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布贬养。 她就那樣靜靜地躺著挤土,像睡著了一般。 火紅的嫁衣襯著肌膚如雪误算。 梳的紋絲不亂的頭發(fā)上仰美,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天,我揣著相機(jī)與錄音尉桩,去河邊找鬼筒占。 笑死,一個胖子當(dāng)著我的面吹牛蜘犁,可吹牛的內(nèi)容都是我干的翰苫。 我是一名探鬼主播,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼这橙,長吁一口氣:“原來是場噩夢啊……” “哼奏窑!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起屈扎,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤埃唯,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后鹰晨,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體墨叛,經(jīng)...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年模蜡,在試婚紗的時候發(fā)現(xiàn)自己被綠了漠趁。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡忍疾,死狀恐怖闯传,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情卤妒,我是刑警寧澤甥绿,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布字币,位于F島的核電站,受9級特大地震影響共缕,放射性物質(zhì)發(fā)生泄漏洗出。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一骄呼、第九天 我趴在偏房一處隱蔽的房頂上張望共苛。 院中可真熱鬧判没,春花似錦蜓萄、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至俏竞,卻和暖如春绸硕,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背魂毁。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工玻佩, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人席楚。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓咬崔,卻偏偏與公主長得像,于是被迫代替她去往敵國和親烦秩。 傳聞我的和親對象是個殘疾皇子垮斯,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 網(wǎng)站地圖是一個網(wǎng)站的縮影,包含網(wǎng)站的內(nèi)容地址只祠,是根據(jù)網(wǎng)站的結(jié)構(gòu)兜蠕、框架、內(nèi)容抛寝,生成的導(dǎo)航文件熊杨。網(wǎng)站地圖分為三種文件格...
    搬磚_工程師閱讀 1,693評論 0 0
  • 域名申請開通、網(wǎng)站放了好久近期才開始著力來做盗舰,發(fā)現(xiàn)博客只被 Google 收錄晶府,基礎(chǔ)的 robots.txt 和 ...
    wivwiv閱讀 1,076評論 0 0
  • 昨天在自己博客寫了那篇“我和網(wǎng)站地圖的那點(diǎn)事兒”之后,雖然我提到還是應(yīng)該自己多研究岭皂,但有幾位朋友還是跟我請教了關(guān)于...
    辛永寶閱讀 13,102評論 2 6
  • 這篇文章你將會學(xué)習(xí)到: 如何安裝 Nuxt.js Nuxt.js 項(xiàng)目結(jié)構(gòu) 配置 路由 視圖 安裝 新手可以通過 ...
    一俢閱讀 637評論 0 6
  • 表情是什么郊霎,我認(rèn)為表情就是表現(xiàn)出來的情緒。表情可以傳達(dá)很多信息爷绘。高興了當(dāng)然就笑了书劝,難過就哭了进倍。兩者是相互影響密不可...
    Persistenc_6aea閱讀 125,004評論 2 7