【SEO】構造化データを調べてみた

2024.5.222024.5.22Writer: tanakaComment: 0

開発ブログ

こんにちは！
エンジニアのひなこです🐥

今回は構造化データについて調べてみたので
備忘録としてまとめたいと思います！

構造化データとは

構造化データは、ページに関する情報を入れたもので、
これを見てGoogleがページについて理解し、
Googleの検索結果に載せる情報を判断してくれるものです。

構造化データを追加すると、ユーザーに対して伝えたい情報
（このサイトはどのような名前のサイトなのか、どのような内容なのか）を
Google検索結果に正確に表示することができ、
その結果ユーザーの訪問数を増加させることに繋がります。

構造化データの形式

構造化データの書き方は、3種類あります。

①JSON-LD

HTMLページの headタグ、bodyタグの中のscriptタグの中に書く方式。
Googleで推奨されている。

②microdata

主にbodyタグの中に書く方式。

③RDFa

HTML5の拡張機能を使用して、HTMLページの headタグ、bodyタグの中に書く方式。

JSON-LDの書き方

<html>
  <head>
    <title>Party Coffee Cake</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Party Coffee Cake",
      "author": {
        "@type": "Person",
        "name": "Mary Stone"
      },
      "datePublished": "2018-03-10",
      "description": "This coffee cake is awesome and perfect for parties.",
      "prepTime": "PT20M"
    }
    </script>
  </head>
  <body>
  </body>
</html>

<html>

<head>

<title>Party Coffee Cake</title>

</head>

<body>

</body>

</html>

※https://developers.google.com/search/docs/appearance/structured-data/intro-structured-data?hl=ja#search-appearance から引用

Google検索後のサイト名を変更する方法

また、Google検索の一覧で表示される「サイト名」も、
構造化データを参考にしてGoogleが自動で生成しています。

必須プロパティとしては

・name：独自性のあるウェブサイト名
・url：サイトのURL

推奨プロパティとしては

・alternateName：サイト名の代替名（頭文字や略称など）

です。

JSON-LDの構造化データとして書くと、下記のようになります。

<html>
  <head>
    <title>Example: A Site about Examples</title>
    <script type="application/ld+json">
    {
      "@context" : "https://schema.org", // これはそのまま書く
      "@type" : "WebSite", // これはそのまま書く
      "name" : "Example Company",
      "alternateName" : "EC",
      "url" : "https://example.com/"
    }
  </script>
  </head>
  <body>
  </body>
</html>