構造化データって何の役に立つの?役割から記述方法まで!2019.12.16ツイート「構造化データ」って?という疑問をお持ちの方、わたしもその一人です。そこで、今後さらなる発展を遂げそうな「構造化データ」について、深掘りしてみました。そもそも、「構造化データ」って、何のためにあるのでしょう?平たく言うと、検索エンジンにウェブページのテキストの意味を伝えるためのものです。検索エンジンはロボットですから、テキストの意味は理解できません。ロボットにテキストの意味を伝えるには、その物事に関連する情報をロボットにもわかるように紐づけて表記する必要があります。それが「構造化データ」なのです。猫、キジトラ、タマ、雌、10カ月という単語があります。このままでは検索エンジンは何について記述しているのか理解できません。年齢は10カ月というふうに、人が意味を理解するようにロボットがテキストの意味を理解します。ちなみにこの考え方をセマンティック・ウェブと言います。参考サイトSEO研究所サクラサクラボ表示されるスニペットがリッチになるロボットの理解が進むと、どんな影響がでるのしょう?現在、明言されているのは、検索結果のスニペットのリッチ化です。ちなみに、検索順位に関しては、現在の時点では影響はありません。descriptionや本文から抽出した内容を表示させたものです。例として、「芋煮」を検索して表示したレシピページをみてください。通常はこんな感じです。次は、「構造化データ」によってスニペットがリッチになった場合の表示です。検索結果の表示内容が増え、表示面積も広がります。パンくずリストや画像も表示されます。その結果、ユーザーの目に止まりやすく、クリック率が上昇するという結果が出ています。以下はスペインの調査会社による調査結果です。表の最上部のtitle(タイトル)、snippet(スニペット)、url(URL)、images(画像)にどれだけ目が行く(fixations)のかを調べました。1番左の項目が目的ですが、マルチメディアを除く全ての目的でスニペット(snippet)が、一番ユーザーの目をとめていることがわかります。構造化データを記述するには次の2つが必要になります。ボキャブラリーとシンタックスです。ボキャブラリー(タイプとプロパティ)が値を表し、シンタックスはその記述方法(HTMLへの記述方法)になります。ボキャブラリーボキャブラリーの規格はschema.orgです。data-vocubraryという規格もありますが、今は非推奨です。schema.orgはGoogle、Yahoo、Microsoftが策定を進めてきたボキャブラリーの規格です。シンタックス以下3つの規格があります。肝心の記述方法ですが、簡単です。(bodyの閉じタグ)の前に書くことがおすすめです。type=”application/ld+json”>~</script>で、どのようなルールでマークアップするかを宣言します。ここではJSON-LDで記述しますと宣言しています。}」で囲んだまとまりのことです。keyとvalueによるペアによって構成されます。keyはボキャブラリーのプロパティ(属性)を、valueは値を指します。“keyとvalueのペアを続けて並べるときは「,(カンマ)」を使って間を区切ります。最後はカンマはいりません。3:キーワードJSON-LDでは、keyに@Context、@type、@idといったキーワードが定義できます。キーワードは10種類以上存在しますが、schema.orgで利用するのは、主に@Context、@type、@idの3つです。“http://schema.org”,Keyは@contextでvalueはhttp://schema.orgです。@Contextでschema.orgを利用することを示しています。何について表現するのかを指定します。Personなどが入る部分です。@typeのValueで指定したタイプで利用できるプロパティを記述していきます。どんなプロパティが利用できるのかは、schema.orgのサイトで確認できますが、数が多いです。リッチスニペットだけを目的とするなら、デベロッパーサイトの技術ドキュメントに指示されているプロパティだけで十分です。この例だと、@typeでOrganization(会社)を指定したので、”Organization”のプロパティを指定しています。“info@marukin-ad.co.jp”の部分です。検索エンジンはこのウェブページが会社についてのもので、その会社の名前、電話番号、e-mailアドレスが記述されていると認識します。親子関係をもたせる場合Valueに入れ子的に、JSONオブジェクトを埋め込むことをEmbedding(エンベッディング)と言います。“employee”:{“@type”:”Person”,“name”:”丸金太郎”}上記のようにkey:の後に「{key:value}」と記述します。Toolで文法チェックができます。書いたコードをコピペまたは構造化データの書かれたページのURLを張り付けるだけです。テストツールどんな事柄がサポートされているの?どんなものが構造化データでサポートされ、リッチリザルト(リッチスニペット)になるのかは、グーグルのページでチェックしてください。以下のサイトにそれぞれの用途別テンプレートが記載されています。わかりやすいので、自分の使用したい構造化タイプを、まずはこちらでさがすのもいいと思います。https://www.itti.jp/web-design/microdata-json-ld/googleにも用途別の記述例が載っています。マークアップ支援ツール(googleのガイドに沿って選択するだけ)https://www.google.com/webmasters/markup-helper/u/0/構造化データまとめ構造化データは、検索エンジンがページの内容を理解するのに役立ちます。リッチスニペットの表示で、検索結果の表示面積を増やし、より多くのクリックへつながる要因になります。検索結果に表示されないデータでも、より多くをマークアップする意味があるといいます。Illyes(ゲイリー・イリェーシュ)氏は、以下のように発言しました。インデックスされます。コンテンツ理解の手助けになり、ユーザーのクエリに関連性があるかどうかを、より的確に判断するヒントになるからです。今後も、グーグルによる構造化データのサポートは変わると思いますが、ますます重要度を増していくことが予想されます。良質なコンテンツを作成することが、最良のSEOと言われますが、構造化データも備えあれば、憂いなしのようです。ENTRIESPDFでの入稿・下版方法!~プリフライトで失敗しない~2020.02.14ビジネスチャットツールで業務を効率化しよう2020.01.31誰でも描ける!シンプルなイラストを描くコツ2020.01.15WEBサイトの検証。ブラウザはどこまで対応する?2019.12.27構造化データって何の役に立つの?役割から記述方法まで!2019.12.16WEBサイトは、解析データに基づいた設計、運用を行うことで、成果を生み売上に貢献するツールになります。マルキンアドが御社のWEBマーケティングをサポートします。reserved.プライバシーポリシ。