[レベル: 上級] JavaScript を利用して構造化データを生成する方法を解説するドキュメントを Google はデベロッパーサイトで公開しました。 Google タグマネージャおよびカスタム JavaScript を使ったやり方を説明しています。 タグマネージャで構造化データを動的に生成 手順の詳細はドキュメントを読んでいただくとして、この記事では特に気にかけておくべき点に触れておきます。 カスタム HTML で作成 タグマネージャで、構造化データ用に構成するタグはカスタム HTML です。 ページ内容に応じて動的に構造化データを生成するために変数を使えます。 変数の例はドキュメントで参照できます。 SSR の利用可能 サーバー サイド レンダリング (SSR) を実装している場合は、構造化データの生成も SSR に含めることができます。 Googlebot のレンダリングにかかる
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 JavaScript を使用して構造化データを生成する 最新のウェブサイトでは、多くの動的コンテンツの表示に JavaScript を使用しています。JavaScript を使ってウェブサイトに構造化データを生成するには、注意点がいくつかあります。このガイドでは、おすすめの方法と実装の手順について説明します。構造化データを初めて使用する場合は、構造化データの仕組みについてをご覧ください。 JavaScript を使って構造化データを生成する方法はいろいろありますが、一般的なのは次の方法です。 Google タグ マネージャー カスタム JavaScript Google タグ マネージャーを使用して動的に JSON-LD を生成する Google タグ マネージャーは、コードを編集するこ
RSS情報をサイト内に表示させる方法ですが、紹介するのはJavaScriptで表示させる方法です。使用するスクリプトは、「Google Ajax Feeds API」を活用します。GoogleがAPIを公開してくれていますので、これを利用すれば簡単に表示させることが可能です。 自分ののサイトに設置すれば新着情報として自動で更新することも可能ですね。 Google Ajax Feeds APIを利用 コードを取得 Googleアカウントでログインします。そして、画面下に、RSSを表示させたいサイトのURLを入力します。すると、ソースが表示されます。 「Google Ajax Feeds API」http://code.google.com/intl/ja/apis/ajaxfeeds/signup.html ソースを外部JSとして保存 表示されたソースをそのままhtml内に組み込んでもいいの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く