Vue.js 單頁應用程式 (SPA) 的用戶端渲染（CSR)特性，往往阻礙搜尋引擎有效地抓取網站內容，是故有Nuxt 框架的出現，以侍服器端渲染(SSR)進行前端開發，令搜尋引擎能抓取內容，顯著地提升了網站的 SEO 能力；然而，這並不是意味不需要sitemap.xml 檔案來提高網站於搜尋引擎中的可見度。
事實上，sitemap.xml 檔案就像是搜尋引擎的路線圖，幫助它們輕鬆找到並理解網站的結構，因而可索引網站的各個頁面，再進一步抓取各頁面之內容，並在搜尋結果中獲得更高的排名。
如何在 Nuxt 中實作 sitemap，你可以使用 @nuxtjs/sitemap 模組，以下是相關步驟的簡要概述：
安裝模組：您可以使用 npm 或 yarn 將網站地圖模組新增至您的 Nuxt 專案：
npm install @nuxtjs/sitemap
配置模組：在您的 nuxt.config.js 檔案中，您需要註冊網站地圖模組並配置其設定。這包括指定主機名稱以及您想要包含或排除的任何路由：
export default {
modules: [
'@nuxtjs/sitemap'
sitemap: {
path: '/sitemap.xml',
hostname: 'https://yourdomain.com',
routes: [
'/page-1',
'/page-2'
]
} }
配置完成後，您的網站地圖將自動生成，您可以透過 https://yourdomain.com/sitemap.xml 存取它；此外，建議在 robots.txt 檔案中添加指向此網站地圖的鏈接，以便搜尋引擎直接訪問它。
雖然 Nuxt 提供了許多內建功能來增強 SEO，但創建 sitemap.xml 檔案是不可或缺的一步，它可以提高網站在搜尋引擎中的可見度，更有助於確保所有頁面都被正確索引，使用戶更容易找到你的內容。因此，在使用 Nuxt 框架時，實施網站地圖對有效的 SEO 是不可缺少的。
