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

ねこじゃすり

ワタオカねこじゃすりライトグレー

created by Rinker

PEPPY(ペピイ)

¥3,850 (2024/04/03 21:33:13時点 Amazon調べ-詳細)

猫を魅了する魔法の装備品！

【最新機種】GoPro hero11 Black

【日本国内正規品】 GoPro hero11 Black

created by Rinker

GoPro(ゴープロ)

¥62,000 (2024/04/03 21:42:08時点 Amazon調べ-詳細)

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

ペヤングソースやきそば 120g×18個

created by Rinker

ペヤング

¥2,600 (2024/04/03 21:42:16時点 Amazon調べ-詳細)

とりあえず保存食として買っておけば間違いなし！

モンスターエナジー 355ml×24本 [エナジードリンク]

アサヒ飲料モンスターエナジー 355ml×24本 [エナジードリンク]

created by Rinker

モンスター

¥4,748 (2024/04/03 21:33:15時点 Amazon調べ-詳細)

脳を活性化させるにはこれ！

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

created by Rinker

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

¥3,250 (2024/04/03 21:42:09時点 Amazon調べ-詳細)

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

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

created by Rinker

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

¥7,500 (2024/04/03 21:42:14時点 Amazon調べ-詳細)

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

MOFT X 【新型ミニマム版】 iPhone対応スマホスタンド

created by Rinker

MOFT

¥2,880 (2024/04/03 21:42:18時点 Amazon調べ-詳細)

Amazon一番人気のスマホスタンド！カード類も収納出来てかさ張らないのでオススメです！

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)」の設定方法【構造化データ】

ねこじゃすり

【最新機種】GoPro hero11 Black

ペヤング ソースやきそば 120g×18個

モンスターエナジー 355ml×24本 [エナジードリンク]

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

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

MOFT X 【新型 ミニマム版】 iPhone対応 スマホスタンド

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

果てなきSEO対策

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

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

手順

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

Schema.orgの設定

確認

publisherが必須らしい

終わりに

CATEGORIES & TAGS

ペヤングソースやきそば 120g×18個

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

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

MOFT X 【新型ミニマム版】 iPhone対応スマホスタンド