Search⌘ K
AI Features

Head Metadata

Explore how to configure the <head> section in Nuxt 3 for both global and component-specific metadata. Learn to use the useHead composable to add dynamic page titles, scripts, styles, and HTML attributes to optimize SEO and customize individual pages effectively.

With a regular HTML document, we can add metadata and information about our app in the <head> section. In addition, we can also add scripts or styles to include on the page. By default, Nuxt provides some defaults which we can override if we want:

  • charset: utf-8

  • viewport: width=device-width, initial-scale=1 ... ...

Adding the