bitブログ読者用の構造化データサンプルコードあり。ページの基本情報に関して「構造化データをschema.org+JSON-LD」で記述していく方法を解説。コードを1カ所にまとめて書くことができるのでメンテナンス性が高く扱いやすいのが特徴です。前回は構造化データの基本やschema.org、ボキャブラリーやシンタックスについて学習しました。各テキストごとにどのような意味の情報を持っているかをラベル構造で定義したものを「ボキャブラリー(vocabulary)」と呼びます。schema.orgはボキャブラリーの1つです。シンタックス構造化データのマークアップの文法のことを「シンタックス(syntax)」と呼びます。JSON-LD、microdata、RDFaはいずれもシンタックスの種類です。ボキャブラリーの定義を記述するルールがシンタックスと理解しておけば良いでしょう。前回の内容を忘れてしまった方はこちらのページから復習できます。構造化データに関連する用語の理解や今後学習すべきポイントを解説。構造化データはSEO対策の1つ。Webページの内容をGoogle等の検索エンジンに構造化データにして提供することで理解しやすくなりリッチスニペットなどの対応も行える。JSON-LD」で記述する方法を解説していきます。JSON-LD」によって記述できるコードは下記公式サイトの情報からもわかるように数が多いです。JSON-LD」を使って記述します。JSON-LD」はその記述場所を任意の場所にまとめて記述することが可能です。通常head内に記述することが多いでしょう。head内にscriptタグで囲ってJSON形式で記述します。"構造化データに関連する用語の理解や今後学習すべきポイントを解説。構造化データはSEO対策の1つ。Webページの内容をGoogle等の検索エンジンに構造化データにして提供することで理解しやすくなりリッチスニペットなどの対応も行える。"}</script>それでは1項目ずつ詳しく解説していきましょう。@context最初に@contextにschema.orgを設定します。"http://schema.org",@type次に@typeです。今回はブログの投稿に関連する構造化データになりますので「BlogPosting」を選択しました。こちらはそのページの内容に従って変更させる必要があります。主要な選択項目は以下の通りです。Article:ニュース記事や調査レポートなどの記事。新聞や雑誌にはさまざまな種類の記事があり、これはそれらをすべて網羅することを目的としたもの。詳細な区分としてBlogPosting:ブログの投稿NewsArticle:ニュース記事、またはニュースを理解するための背景コンテキストとサポート資料を提供する記事ScholarlyArticle:学術記事このほかにもありますが上記に示した主要なもので記事の場合は大抵事足りると思います。迷ってしまった場合はひとまず「Article」にしておきましょう。あまりに種類が多いので内容判断が微妙な場合選択に困ります。この辺が構造化データの難しさの原因の1つになっていますね。"BlogPosting",mainEntityOfPagemainEntityOfPageは、そのページが主に何について書かれているかを示す構造化データを指定します。@typeには「WebPage」、@idには「記事ページの正規URL」を指定しましょう。"https://dot-blog.jp/news/structured-data-basic/"},headlineheadlineはページのタイトル(記事の見出し)を入力します。文字)を超えないようにしましょう。"構造化データとは?関連用語の理解や学習ポイント解説【初心者向け】",imageimageはページに直接属する記事の内容を表す画像のURLを指定します。複数の画像を指定することが可能です。["https://dot-blog.jp/media/images/thumbnail_design/imkolar-io-lrox0shwjuq-unsplash.jpg"],datePublished、dateModifieddatePublishedにはページの公開日、dateModifiedにはページの更新日を指定します。Mueller(ジョン・ミューラー)氏が両方記述することを推奨しているため最初から両方とも記述しておく方が良いでしょう。8601形式で記述してください。拡張形式で記述してもテストツールでアラート等が表示されず、問題なく認識されていることを確認しております。Wikipediaauthorauthor情報は誰が書いたかに関する情報です。Organization」を指定してください。今回私のブログの様に個人が著者である場合、@typeには「Person」を、nameにはその著者名を指定しましょう。bit"},publisherpublisher情報はその記事を出版する団体に関する情報です。@typeには「Organization」を指定し、nameにはその団体名、logoには@type「ImageObject」、url「団体のロゴ画像のURL」を指定しましょう。}},descriptiondescriptionにはそのページのサマリを入力します。"構造化データに関連する用語の理解や今後学習すべきポイントを解説。構造化データはSEO対策の1つ。Webページの内容をGoogle等の検索エンジンに構造化データにして提供することで理解しやすくなりリッチスニペットなどの対応も行える。"今回のようにブログページに設定するページの基本的な情報の構造化データに関しては以上となります。上記以外の項目に関しましては必要に応じて追加するようにしましょう。構造化データの設定テスト最後に問題なく設定できているか構造化テストツールを利用して確認しておきましょう。下記URLにアクセスして構造化データ設定済みページのURLをペーストしテストを実行してください。テストツール下記画像のように警告なしの状態で先ほどまでに設定した内容が表示されていれば問題なく設定できています。microdata」を利用して記述していきます。その詳細に関しましては次の記事で紹介する予定です。記事がアップされましたらTwitterでも報告させていただきますので、よろしければフォロー等よろしくお願いします。bitです!直近7年間はマーケティング、分析の世界で生きてきました。SEOやWEB広告を使った集客業務に従事しています。2017年からAI時代に備えpythonプログラミングを仕事の傍ら独学で習得。Pythonを使ったシステムの発明やAI関に没頭中。IoTこれらを接続し発展に寄与したのがインターネット。ここにブロックチェーンが掛け合わさることでフリーランスや小規模事業者にもチャンスが生まれる!5G時代をフリーランスや小規模事業者が活躍していくため、pythonに関する情報を中心に、AI(機械学習・deepラーニング)、ビッグデータ、IoT、ブロックチェーン等の情報等も発信していきます。目次LINEShareTweetShare+1PocketB!Bookmark。