Nuxt Config SEO Meta
Make use of the power of useSeoMeta inside your nuxt.config.
Introduction
The useSeoMeta() composable is a powerful tool for managing SEO meta tags.
Nuxt SEO Utils allows you to provide the useSeoMeta() input within your nuxt.config.
Usage
To use it, simply add within the seo.meta config of your nuxt.config:
nuxt.config.ts
export default defineNuxtConfig({
seo: {
meta: {
description: 'My awesome website',
themeColor: [
{ content: '#18181b', media: '(prefers-color-scheme: dark)' },
{ content: 'white', media: '(prefers-color-scheme: light)' },
],
twitterCreator: '@mytwitter',
twitterSite: '@mysite',
author: 'Harlan Wilton',
colorScheme: 'dark light',
applicationName: 'My App',
// Nuxt SEO Utils already sets the below tags for you
ogSiteName: 'My Site Name',
ogLocale: 'en_US',
ogType: 'website',
ogUrl: 'https://example.com',
ogTitle: 'My Site',
// Other Nuxt SEO modules handles these
ogImage: 'https://example.com/my-og-image.png',
robots: 'index, follow',
}
},
})
The functionality is the same as the composable without reactivity. It has a higher priority than app.head.
Did this page help you?