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対策において重要なので、しっかりと設定していきたいですね。