Nuxt加入sitemap教學手冊 === > sitemap 提供網站資訊進而增加SEO,提高網站被搜尋引擎找到的機率。 1. 安裝 **nuxt-simple-sitemap** ``` npm i @nuxtjs/sitemap ``` 2. 開啟根目錄 `nuxt.config.js`,增加以下區塊。 **nuxt.config.js** ```javascript= export default defineNuxtConfig({ modules: [ '@nuxtjs/sitemap' ] }); ``` 2-1 定義標準網址 ```javascript= export default defineNuxtConfig({ ..., site: { url: 'http://xxx.com' } }); ``` 2-2 如果要查看xml原始樣子,可加入以下。 ```javascript= export default defineNuxtConfig({ ..., sitemap: { xsl: false } }); ``` 3. 網址鍵入`http://xxx.com/sitemap.xml`可看到設定結果。 ![image](https://hackmd.io/_uploads/HJA0dLOUR.png) ### 添加連結至網站地圖(sitemap) > 使用urls ```javascript= export default defineNuxtConfig({ ..., sitemap: { urls: [ { loc: '/custom-page' } ] } }) ``` ### 移除連結 > 使用exclude可排除不要的連結 ```javascript= export default defineNuxtConfig({ ..., sitemap: { exclude: [ '/example/xx', ] } }) ```