テックブログWizは、最新のIoTやICTサービスをお客様に届ける「ITの総合商社」です。バックエンド担当メディアで記事及び求人ページの構造化データを導入した実例を元に構造化データの導入例を紹介します。構造化データとは検索エンジンがページ内容を理解しやすくなるデータ形式のことです。記述することで検索エンジンがページの内容をより理解できるようになります。構造化データの種類によっては検索結果のリッチ化(リッチリザルト)につながるものもあります。検索結果での表示を強化することができます。ページのコーディング方法に応じて下記の機能を利用可能です。Pages)とはGoogleが推進しているモバイルページを高速に表示させるための手法によって作成されているコンテンツです。カルーセル、映像ニュース、モバイル検索結果のリッチリザルト内に表示できます。検索結果には、画像、ページのロゴ、その他の魅力的な検索結果機能を含めることができます。リッチリザルトで記事の見出しテキスト、画像、および公開日を適切に表示できるようになります。今回はLaravelで構築された非AMPサイトで構造化データを導入した例を紹介します。ControllerでJSON-LDに渡す記事データを用意します。}}bladeにJSON-LDコードをincludeします。@include('seo.blog_json')@stopArticle構造化データを含む非AMPページのJSON-LDコードの例です。以下のプロパティが適用されます。文字)を超えないようにします。記事に直接属するマークアップされた画像のみを指定する必要があります。ピクセル以上にする必要があります。テストGoogleにインデックスされるまでは時間がかかるので、下記のURLで事前にリッチリザルトテストを使用して構造化データのテストが可能です。https://search.google.com/test/rich-results記事詳細ページのURLを入力後、「URLをテスト」ボタンを押すと下記のようなテスト結果が表示されます。対象外のものや、実装が正しくなかったりした場合は下記の対象外のページというテスト結果になるので修正が必要です。上記以外に下記のテストツールもあります。スニペット」にコードを貼り付けてもテストが可能です。求人ページの構造化データControllerでJSON-LDに渡す記事データを用意します。}}bladeにJSON-LDコードをincludeします。@include('seo.job_json')@stop構造化データを含む求人ページのJSON-LDコードの例です。}}</script>記事と同じくGoogleにインデックスされるまでに時間がかかるので、事前にリッチリザルトテストを行い構造化データがで正しく実装できたかを確認します。数日後Google検索結果で記事及び求人ページに構造化データが導入されていることが確認できます。さいごにWizではエンジニアを募集しております。興味のある方、ぜひご覧下さい。Workerを使ってOpenAPIに寄り添ったテストを行う。(1)リンク利用規約/免責事項このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。はてなブログをはじめよう!wiz012さんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。