Nuxt SEO Utils · Nuxt SEO

-
-
-
-

[1.4K](https://github.com/harlan-zw/nuxt-seo)

[Nuxt SEO on GitHub](https://github.com/harlan-zw/nuxt-seo)

SEO Utils

-
-
-
-
-
-
-
-
-
-

Search…```k`` /`

v8.1.7

- Playgrounds
- [Discord Support](https://discord.com/invite/275MBUBvgP)

### Getting Started

-
-
-

### Core Concepts

-
-
-
-
-
-
-
-
-
-

Getting Started

# Nuxt SEO Utils

[Copy for LLMs](https://nuxtseo.com/docs/seo-utils/getting-started/introduction.md)

## [Why use Nuxt SEO Utils?](#why-use-nuxt-seo-utils)

Nuxt SEO Utils is a collection of defaults and utilities to improve your Nuxt site's discoverability and shareability.

While there are several features covering many aspects of SEO, it covers important defaults such as

 and

.
## [Features](#features)

### [Default Canonical URLs](#default-canonical-urls)

Automatically generate canonical URLs for all pages.

- Whitelisted query params with `canonicalQueryWhitelist`
- Lowercase URLs with respected trailing slash config

### [Metadata Files](#metadata-files)

Inspired by [Next.js Metadata Files](https://nextjs.org/docs/app/api-reference/file-conventions/metadata), this allows you to configure your head tags using metadata files.

- and

### [Breadcrumb composable](#breadcrumb-composable)

- Easily generate site-wide breadcrumb using the composable (test).
- Integrates with Nuxt I18n and Nuxt Schema.org
- Plugs directly into [Nuxt UI Breadcrumb](https://ui.nuxt.com/navigation/breadcrumb)

### [✨ SEO meta in nuxt.config and route rules](#seo-meta-in-nuxtconfig-and-route-rules)

Enjoy the DX of `useSeoMeta` in your nuxt.config and route rules

-
-

### [🤖 Automatic OG Meta Tags](#automatic-og-meta-tags)

Never worry about setting `og:title` and `og:description` again.

This uses the [Infer SEO Meta](https://unhead.unjs.io/plugins/plugins/infer-seo-meta-tags) Unhead plugin.

### [🧙 Validate and fix broken tags](#validate-and-fix-broken-tags)

Automatically fix broken tags, for example will ensure `og:image` is an absolute URL.

### [⚡ Extra head optimizations](#extra-head-optimizations)

Reduce your page weight by treeshaking `useSeoMeta` and implementing other optimizations.

- [Treeshake Plugin](https://unhead.unjs.io/plugins/plugins/vite-plugin)
- : Automatically minify inline scripts (Rolldown/esbuild) and styles (lightningcss) at build time, with a lightweight runtime fallback for dynamic SSR

### [Best Practice Default Meta](#best-practice-default-meta)

- Canonical URLs will be automatically generated for all pages.
- Description and open-graph meta tags will be set for you. See for more information.

### [Enhanced Titles](#enhanced-titles)

- Ensures that every page has a title by generating one from the last slug segment. See the guide for more information.
- Sets a default title template for you with your.

**Check your meta tags** - Use our free

 to validate title and description length and preview SERP appearance.

[Edit this page](https://github.com/harlan-zw/nuxt-seo-utils/edit/main/docs/content/0.getting-started/0.introduction.md)

[Markdown For LLMs](https://nuxtseo.com/docs/seo-utils/getting-started/introduction.md)

Did this page help you?

 

On this page

- [Why use Nuxt SEO Utils?](#why-use-nuxt-seo-utils)
- [Features](#features)

[GitHub](https://github.com/harlan-zw/nuxt-seo) [ Discord](https://discord.com/invite/275MBUBvgP)

###

-
-

Modules

-
-
-
-
-
-
-
-
-

###

-
-
-

###

Nuxt

-
-
-
-
-

Vue

-
-
-
-
-
-
-
-

###

-
-
-
-
-
-
-
-
-
-

Copyright © 2023-2026 Harlan Wilton - [MIT License](https://github.com/harlan-zw/nuxt-seo/blob/main/license) · [mdream](https://mdream.dev)