Nuxt.js の 動的なOGP設定

Nuxt.js の 動的なOGP設定

• そもそも、Loginが必要なページだと、OGP設定を取得できない場合があるため、注意！！

https://qiita.com/TK-C/items/ed6c2ec612c38124bd28

SSR と SSG どちらを採用しているかによって、やり方も変わる。

• SSR・SSG・SPAにおける『nuxt build』と『nuxt generate』の実行結果の違いまとめを参照
• SSRの場合は、要調査。

https://nutrition-bowl.com/blog/nuxt-content-004/

https://nishinatoshiharu.com/nuxt-build-generate-befavior/

https://qiita.com/kigi_/items/b426a6a488c35a4b4531

動的なOGP設定における、asyncData Hookの活用

https://reffect.co.jp/vue/nuxt-js-axios-asyncdata/#asyncdata-を利用して個別データを取得

https://v2.nuxt.com/ja/docs/internals-glossary/context/

https://nuxtblog.work/blog/kmsxnae2y/

https://designsupply-web.com/media/programming/6849/

基本のOGP設定と、各ページでの設定

https://qiita.com/iiishokoiii/items/130d0128fcbab4f1d390

https://qiita.com/TK-C/items/317a02620fe3f5b92673

https://toragramming.com/web/nuxtjs/nuxt-twitter-card-not-loaded/

OGP確認ツール・シュミレーターについて

https://www.non-standardworld.co.jp/5858/

https://seolaboratory.jp/64252/

https://developers.facebook.com/tools/debug

https://rakko.tools/tools/9/

https://ogimage.tsmallfield.com/