【SEO】WordpressにJSON-LDを追加設定してくれるプラグイン「Markup (JSON-LD)」の設定方法【構造化データ】

Anker PowerCor

Anker PowerCore モバイルバッテリー 20000mAh iPhone iPad Android

created by Rinker

Anker

¥3,990 (2025/01/05 12:09:11時点 Amazon調べ-詳細)

旅行には必須の大容量モバイルバッテリー！

【最新機種】GoPro hero11 Black

【最新機種】GoPro HERO13 Black【完全防水】

created by Rinker

¥61,300 (2025/01/05 20:59:47時点楽天市場調べ-詳細)

最新機種でVlogの思い出を撮影しよう！

[ノースフェイス] THE NORTH FACE メンズアウターマウンテンライトジャケット

created by Rinker

THE NORTH FACE(ザノースフェイス)

¥33,000 (2025/01/05 13:22:08時点 Amazon調べ-詳細)

防水暴風で耐久性抜群なので旅行で大活躍です！

レッドブルエナジードリンク 250ml×24本

created by Rinker

Red Bull(レッドブル)

¥4,000 (2025/01/05 12:33:39時点 Amazon調べ-詳細)

翼を授けよう！

ドラゴンクエストメタリックモンスターズギャラリーメタルキング

created by Rinker

スクウェア・エニックス(SQUARE ENIX)

¥3,940 (2025/01/05 12:41:47時点 Amazon調べ-詳細)

みんな大好き経験値の塊をデスクに常備しておこう！

BANDAI SPIRITS ULTIMAGEAR 遊戯王千年パズル 1/1スケール

created by Rinker

BANDAI SPIRITS(バンダイスピリッツ)

¥10,429 (2025/01/05 12:09:13時点 Amazon調べ-詳細)

もう一人の僕を呼び覚ませ！！

サンディスク microSD 128GB

サンディスク microSD 128GB UHS-I Class10 Nintendo Switch SanDisk Ultra SDSQUA4-128G-EPK

created by Rinker

SanDisk

¥3,279 (2025/01/05 12:33:41時点 Amazon調べ-詳細)

スマホからSwitchまで使える大容量MicroSDカード！

1 SEO対策の一つ「構造化データ」
2 手順
3 終わりに

SEO対策の一つ「構造化データ」

果てなきSEO対策

2020年12月4日にGoogleコアアップデートが行われ、サイト順位の大幅な変動が発生しパニクっている方も多いのではないでしょうか？

上記アップデートに対応すべく筆者も色々調べてみたところまだ設定していないSEO対策の一つ「構造化データ」を見つけたので今回ご紹介しようと思います。

ページコンテンツをクローラーに伝える

構造化データとは、そのサイトやページの内容を簡潔に説明するための定義となります。

構造化データの仕組みについて
Google 検索では、ページのコンテンツを理解するよう取り組んでいます。ページに構造化データを含めて、ページの内容についての明白な判断材料を提供すると、Google でそのページをより正確に理解できるようになります。構造化データとは、ページに関する情報を提供し、ページコンテンツ（たとえば、レシピページの場合は材料、加熱時間と加熱温度、カロリーなど）を分類するために使用される、標準化されたデータ形式です。

Google は、ウェブ上で検出した構造化データを使用して、ページのコンテンツを把握するだけでなく、ウェブと世間一般に関する情報も収集します。たとえば、下記の JSON-LD 構造化データスニペットをレシピページに含めて、レシピのタイトルやレシピの作成者などの詳細情報を記述できます。構造化データの仕組みについて | Google 検索セントラル | Google Developers

この設定を正しく利用する事で、Google検索結果にてより具体的な情報を出力する事が可能になります。

サンプル
XHTML

<html> <head> <title>Apple Pie by Grandma</title> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Recipe", "name": "Apple Pie by Grandma", "author": "Elaine Smith", "image": "http://images.edge-generalmills.com/56459281-6fe6-4d9d-984f-385c9488d824.jpg", "description": "A classic apple pie.", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.8", "reviewCount": "7462", "bestRating": "5", "worstRating": "1" }, "prepTime": "PT30M", "totalTime": "PT1H30M", "recipeYield": "8", "nutrition": { "@type": "NutritionInformation", "calories": "512 calories" }, "recipeIngredient": [ "1 box refrigerated pie crusts, softened as directed on box", "6 cups thinly sliced, peeled apples (6 medium)" ] } </script> </head> <body> </body> </html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

<html>
  <head>
    <title>Apple Pie by Grandma</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Apple Pie by Grandma",
      "author": "Elaine Smith",
      "image": "http://images.edge-generalmills.com/56459281-6fe6-4d9d-984f-385c9488d824.jpg",
      "description": "A classic apple pie.",
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "reviewCount": "7462",
        "bestRating": "5",
        "worstRating": "1"
      },
      "prepTime": "PT30M",
      "totalTime": "PT1H30M",
      "recipeYield": "8",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "512 calories"
      },
      "recipeIngredient": [
        "1 box refrigerated pie crusts, softened as directed on box",
        "6 cups thinly sliced, peeled apples (6 medium)"
      ]
    }
    </script>
  </head>
  <body>
  </body>
</html>

構造化データの仕組みについて | Google 検索セントラル | Google Developers

よく見る検索結果に表示されるカードなどはこの技術を利用して実現していたのですね！納得です。

WordPressでもプラグインで簡単追加が可能

そこで今回はこのWordPressで構築している本ブログにも構造化データを追加してみようと思います。

プラグインを使う事で簡単に追加出来たのでとても簡単でした♪

手順

Markup (JSON-LD)のインストール

まずはプラグインをインストールしましょう。
検索ボックスに「Markup (JSON-LD) 」と入力しヒットした中から以下のプラグインをインストールしましょう。

インストールが完了したら有効化を忘れずに。

Schema.orgの設定

次に各ページ種別ごとに追加するSchema.orgを設定しましょう。

今回はブログ記事ページに追加してみるので、Blog Postingを選択してみます。

多くの設定がありますが、基本的にはEnabledと投稿、固定ページ、投稿(AMP)、Setting Image Urlにチェックを入れて変更を保存すればOKです。

これで、HTMLのheadタグ内に以下のJsonLd情報が自動出力されるようになります♪

とても簡単に構造化データの設定が完了しましたね♪

確認

では、実際にGoogleのテストツールで確認してみましょう。

構造化データテストツール構造化データテストツール

むむ。エラーが出てますね。。。

publisherが必須らしい

どうやら、publisherという項目が必須のようですが、初期設定のままだと未指定状態となっているため出力されていないようですね。

PublisherとPublisherロゴを設定して再度確認してみます。

再度テストしてみましょう。

無事に設定されましたね♪

終わりに

以上のように、プラグインを導入する事で簡単に導入する事が出来ました。

SEO対策として、少なからず効果はあると思うので是非導入してみてはいかがでしょうか♪

【SEO】WordPressにJSON-LDを追加設定してくれるプラグイン「Markup (JSON-LD)」の設定方法【構造化データ】

Anker PowerCor

【最新機種】GoPro hero11 Black

[ノースフェイス] THE NORTH FACE メンズ アウター マウンテンライトジャケット

レッドブル エナジードリンク 250ml×24本

ドラゴンクエスト メタリックモンスターズギャラリー メタルキング

BANDAI SPIRITS ULTIMAGEAR 遊戯王 千年パズル 1/1スケール

サンディスク microSD 128GB

SEO対策の一つ「構造化データ」

果てなきSEO対策

ページコンテンツをクローラーに伝える

WordPressでもプラグインで簡単追加が可能

手順

Markup (JSON-LD)のインストール

Schema.orgの設定

確認

publisherが必須らしい

終わりに

CATEGORIES & TAGS

[ノースフェイス] THE NORTH FACE メンズアウターマウンテンライトジャケット

レッドブルエナジードリンク 250ml×24本

ドラゴンクエストメタリックモンスターズギャラリーメタルキング

BANDAI SPIRITS ULTIMAGEAR 遊戯王千年パズル 1/1スケール