• HOME
  • [nuxt3]構造化データの登録方法について
TomoyaOkada

[nuxt3]構造化データの登録方法について

記事をシェアする

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


記事をシェアする