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 automatic canonical URLs and open graph tags.

Features

Default Canonical URLs

Automatically generate canonical URLs for all pages.

• Whitelisted query params with canonicalQueryWhitelist
• Lowercase URLs with respected trailing slash config

Metadata Files

Inspired by Next.js Metadata Files, this allows you to configure your head tags using metadata files.

• Icons and Open Graph Images

Breadcrumb composable

• Easily generate site-wide breadcrumb using the useBreadcrumbItems() composable.
• Integrates with Nuxt I18n and Nuxt Schema.org
• Plugs directly into Nuxt UI Breadcrumb

SEO meta in nuxt.config and route rules

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

• Nuxt Config SEO Meta
• Route Rules SEO Meta

Automatic & Fixed OG Meta Tags

Never worry about setting og:title and og:description again, or shipping a broken tag.

• Infers og:title and og:description using the Infer SEO Meta Unhead plugin
• Fixes broken tags, for example ensuring og:image is an absolute URL

Extra head optimizations

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

• Treeshake Plugin
• Inline Minification: Automatically minify inline scripts (Rolldown/esbuild) and styles (lightningcss) at build time, with optional runtime minification for dynamic SSR

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 Default Meta for more information.

Enhanced Titles

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