SEO

Page SEO Configuration

Nuxtbe comes with preconfigured SEO for all pages. But you may want to have a custom title, description, and keywords for some pages. In order to do that, you can use the useSeoMeta composable in your page. It'll rewrite defaults from app.vue.

some-page.vue

<script setup lang="ts">
useSeoMeta({
  title: 'My Amazing Site',
  ogTitle: 'My Amazing Site',
  description: 'This is my amazing site, let me tell you all about it.',
  ogDescription: 'This is my amazing site, let me tell you all about it.',
  ogImage: 'https://example.com/image.png',
  twitterCard: 'summary_large_image',
  twitterImage: 'https://example.com/image.png',
})
</script>