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

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

投稿者 : TomoyaOkada

公開日:

更新日:

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

Vue/Nuxt

目次

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


記事をシェア

  • Twitter
  • FaceBook
  • hatena