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.

Made possible by my Sponsor Program 💖 Follow me @harlan_zw 🐦 • Join Discord for help

Features

• ▲ Next.js inspired Metadata Files
• ✨ Use SEO meta in your nuxt.config (app.seoMeta) and route rules
• 🤖 Adds meta tags (og:title, og:description, etc.) from page title and description
• 🧙 Correct tags that need to be absolute (i.e og:image)
• 🧩 Site config template params useHead({ title: '%site.title' })
• 🍞 Breadcrumb composable
• 🧙 Best practice defaults and enhanced titles
• ⚡ Inline minification of <script> and <style> tags (esbuild + lightningcss at build, lightweight runtime fallback)

Installation

Install nuxt-seo-utils dependency to your project:

npx nuxi@latest module add nuxt-seo-utils

[!TIP]
Generate an Agent Skill for this package using skilld:

npx skilld add nuxt-seo-utils

💡 Set up your meta tags? Check titles, descriptions and OG tags with a SERP preview using the free Meta Tag Checker, or monitor them across every page with Nuxt SEO Pro.

Documentation

📖 Read the full documentation for more information.

Demos

Basic

Sponsors

License

Licensed under the MIT license.