Next

nuxt3で構造化データを入れる作業が発生したので、やり方を記載します、！

モジュールを取得する

nuxt-jsonldを使うと簡単にできるようなのでyarnを使ってもってきます。

yarn add nuxt-jsonld

nuxt.config.tsに追記する

export default defineNuxtConfig({
  modules: ['nuxt-jsonld'],
});

scriptの中に追記

<script lang="ts" setup>
useJsonld({
  '@context': 'https://schema.org',
  '@type': 'Thing',
  name: 'static json',
});
</script>

基本的にはこれで完了のようです！
構造化データはSEO対策において重要なので、しっかりと設定していきたいですね。