[レベル: 上級] JavaScript を利用して構造化データを生成する方法を解説するドキュメントを Google はデベロッパーサイトで公開しました。 Google タグマネージャおよびカスタム JavaScript を使ったやり方を説明しています。 タグマネージャで構造化データを動的に生成 手順の詳細はドキュメントを読んでいただくとして、この記事では特に気にかけておくべき点に触れておきます。 カスタム HTML で作成 タグマネージャで、構造化データ用に構成するタグはカスタム HTML です。 ページ内容に応じて動的に構造化データを生成するために変数を使えます。 変数の例はドキュメントで参照できます。 SSR の利用可能 サーバー サイド レンダリング (SSR) を実装している場合は、構造化データの生成も SSR に含めることができます。 Googlebot のレンダリングにかかる
![タグマネージャとJavaScriptを使って構造化データを生成する方法をGoogleが解説](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4739946d9e98403b350eac6ac03057dc5b40360/height=288;version=1;width=512/https%3A%2F%2Fwww.suzukikenichi.com%2Fblog%2Fwp-content%2Fuploads%2Flogo-google-tag-manager.001-600x358.png)