DIVEJavaScriptの設定を有効にしてご利用ください。無効の場合、当サイトを正常にご利用できません。Typeを使って、ちょっとした小技を効かせるだけで、「構造化データ」を出力できる!というTipsをご紹介します。そのページをより正確に理解できるようになります。コンテンツ(たとえばレシピのページでは、材料、加熱時間と加熱温度、カロリーなど)を分類するための標準化されたデータ形式です。構造化データでどう変わる?構造化データに対応すると、Googleの検索結果ページに影響を与えます。パンくず(サイトパス)だと、以下のようにフォルダ名から任意の名称に変更できます。Shop」というECサイトがあったとして、構造化データを適用すると、そのURLが次のように表示されるようになります。見た目でわかりやすくなりますね。レシピのページだと、Googleの検索結果上でそのまま料理の写真や調理時間などが表示されるようになります。構造化データの形式Webページに構造化データを対応させるためには、いくつか形式があるのですが、そのうち「microdata」「RDFa」形式は、HTMLタグ属性として追加していくので、既存のサイトには適用しずらいでしょう。最近、Googleが推奨しているのは「JSON+LD」形式です。JSON+LD形式だと、HTMLとは別に<script>タグで構造化データを記述します。HTMLの構造に左右されないので、既存のサイトに対する改修方法としては、おすすめです。構造化データで便利なツール構造化データテストツールhttps://search.google.com/structured-data/testing-tool?hl=jaコードもしくはページのURLを入力して、チェックすることができます。構造化データマークアップ支援ツールhttps://www.google.com/webmasters/markup-helper/読み込んだページの個所を選択していくだけで、構造化データができます。Typeのテンプレートで実装してみる記事詳細ページのテンプレートの場合、ブログトップ・カテゴリ・記事のデータを取得して、配列にして出力します。MTタグでテンプレートを書くとこんな感じです。name="pageTitle"$>"}</mt:SetVarBlock>以上の配列を、構造化データのJSON+LDに挿入して、完成です。△構造化データ:JSON-LD△--></mt:Ignore>ページの下部にぺろっと置いておくだけで、検索結果がちょっと素敵になるので、やらない手はないですね。実装してみてください。