---
title: "Customizing the UI · Nuxt Sitemap · Nuxt SEO"
canonical_url: "https://nuxtseo.com/docs/sitemap/advanced/customising-ui"
last_updated: "2026-08-15T11:10:20.924Z"
meta:
  description: "Change the look and feel of your sitemap."
  "og:description": "Change the look and feel of your sitemap."
  "og:title": "Customizing the UI · Nuxt Sitemap · Nuxt SEO"
---

Nuxt SEO on GitHub

Switch to SitemapSwitch to Nuxt SEOSwitch to RobotsSwitch to OG ImageSwitch to Schema.orgSwitch to Link CheckerSwitch to SEO UtilsSwitch to Site ConfigSwitch to Skew ProtectionSwitch to AI Ready

**Advanced**

# **Customizing the UI**

## Disabling the XSL

What you're looking at when you view the sitemap.xml is an XSL file, think of it just like you would a CSS file for HTML.

To view the real sitemap.xml, you can view the source of the page. If you prefer, you can disable the XSL by setting `**xsl**` to `**false**`.

nuxt.config.ts

```ts
export default defineNuxtConfig({
  sitemap: {
    xsl: false
  }
})
```

## Changing the columns

You can change the columns that are displayed in the sitemap by modifying the `**xslColumns**` option.

These have no effect on SEO and are purely for developer experience.

Note: You must always have a `**URL**` column at the start.

nuxt.config.ts

```ts
export default defineNuxtConfig({
  sitemap: {
    xslColumns: [
      // URL column must always be set, no value needed
      { label: 'URL', width: '75%' },
      { label: 'Last Modified', select: 'sitemap:lastmod', width: '25%' },
    ],
  },
})
```

The `**select**` you provide is an XSL expression that will be evaluated against the sitemap entry. It's recommended to prefix the value with `**sitemap:**` if in doubt.

### Example: Adding priority and changefreq

nuxt.config.ts

```ts
export default defineNuxtConfig({
  sitemap: {
    xslColumns: [
      { label: 'URL', width: '50%' },
      { label: 'Last Modified', select: 'sitemap:lastmod', width: '25%' },
      { label: 'Priority', select: 'sitemap:priority', width: '12.5%' },
      { label: 'Change Frequency', select: 'sitemap:changefreq', width: '12.5%' },
    ],
  },
})
```

### Example: Adding `**hreflang**`

nuxt.config.ts

```ts
export default defineNuxtConfig({
  sitemap: {
    xslColumns: [
      { label: 'URL', width: '50%' },
      { label: 'Last Modified', select: 'sitemap:lastmod', width: '25%' },
      { label: 'Hreflangs', select: 'count(xhtml:link)', width: '25%' },
    ],
  },
})
```

## Disabling tips

In development tips are displayed on the sitemap page to help you get started.

You can disable these tips by setting the `**xslTips**` option to `**false**`.

nuxt.config.ts

```ts
export default defineNuxtConfig({
  sitemap: {
    xslTips: false,
  },
})
```

**Was this page helpful?**

### **Related **

[**I18n**](https://nuxtseo.com/docs/sitemap/guides/i18n)

[**Config**](https://nuxtseo.com/docs/sitemap/api/config)

[**Sitemap Chunking** Split large sitemap sources into multiple files for performance and search engine limits.](https://nuxtseo.com/docs/sitemap/advanced/chunking-sources) [**Config** Configure the sitemap module.](https://nuxtseo.com/docs/sitemap/api/config)