Step By Work

大阪のホームページ制作会社

WordPressでリッチリザルトを簡単に出す方法

Date: 2022.10.27
Update: 2024.01.05

執筆・監修

上杉 洋 Hiroshi Uesugi

1991年生まれ。 株式会社ステップバイワーク代表。 2013年に株式会社n.uを設立。 2015年にStep by workとして独立。 2021年株式会社ステップバイワークとして法人化。 HP制作/SEO対策/コンテンツ制作/動画制作/YouTube運用/写真撮/WordPressを全て一人でやります。

いくつかのサイトを運営していて構造化マークアップを指定していなくてもtableタグを使えばリッチリザルトに表示されやすい傾向があるように感じました。

オススメのテーブルタグの使い方と、弊社の構造化マークアップの書き方を紹介します。

テーブルタグを使用するとリッチリザルトに出やすくなる

構造化マークアップを設定しない場合でもリッチリザルトが表示されやすくなる条件として、テーブルタグでマークアップされていることがあるように思います

したがってWordPressで書く時も箇条書きで情報を書くのではなく、テーブル構造にできるような場合は積極的にテーブル構造を使っていくことでリッチリザルトでも表示されやすくなります

マークアップエンジニアは特にテーブルを使えるとこでは使う

最近はテーブルタグを使わなくてもflexboxやgridでテーブルよりも便利にマークアップができるようになりましたが、例えば会社概要は絶対にテーブルタグを使用するべきだと思っています

今までの経験上明らかにテーブルタグを使用した場合と、使用してない場合でリッチリザルトの表示されやすさが違っていると感じました

構造化マークアップを設定しない場合でもリッチリザルトが表示されている例

基本的にリッチリザルトを表示するためには構造化データの設定をする必要がありますが、中にはGoogleが自動的にページの中身を読み取ってリッチリザルトとして表示してくれる場合があります

以下の2つのサイトでは構造化マークアップを設定していないにも関わらず、リッチリザルトが表示されています

https://saiyo-fujimoto.com/
https://www.kddi.com/corporate/kddi/profile/overview/

構造化マークアップの書き方の例

サイト全体の構造化マークアップの記述例

<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "株式会社ステップバイワーク",
      "founder": "上杉洋",
      "foundingDate": "2022-09-06",
      "description": "Webサイト制作事業、ホームページ制作事業、映像制作、写真撮影、YouTubeチャンネル運営",
      "url": "https://sbwinc.co.jp/",
      "logo": "https://sbwinc.co.jp/cms/wp-content/uploads/2022/05/ogp.jpg",
      "image": "https://sbwinc.co.jp/cms/wp-content/uploads/2022/05/ogp.jpg",
      "sameAs": [
        "https://www.youtube.com/channel/UC5VcDV5-ACE13MK0fK1W4EQ"
      ],
      "telephone": "+81-6-6809-1083",
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "北区西天満",
        "addressRegion": "大阪府",
        "postalCode": "530-0047",
        "streetAddress": "4-7-12 昭和ビル別館301号室",
        "addressCountry": "JP"
      },
      "contactPoint": [{
        "@type": "ContactPoint",
        "telephone": "+81-6-6809-1083",
        "contactType": "customer service"
      }]
    },
  </script>

記事ごとの構造化マークアップの記述例

<script type="application/ld+json">
        [{
          "@context": "https://schema.org/",
          "@type": "BlogPosting",
          "headline": "WordPressでリッチリザルトを簡単に出す方法",
          "description": "いくつかのサイトを運営していてリッチリザルトが出やすい傾向にある記事の書き方があったので共有しますプラグインをインストールする必要はなくいつも書いている記事の書き方を若干変更するだけでOK! また、WordPressだけ.....",
          "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": "https://sbwinc.co.jp/wordpress%e3%81%a7%e3%83%aa%e3%83%83%e3%83%81%e3%83%aa%e3%82%b6%e3%83%ab%e3%83%88%e3%82%92%e7%b0%a1%e5%8d%98%e3%81%ab%e5%87%ba%e3%81%99%e6%96%b9%e6%b3%95/"
          },
           "Image": "https://sbwinc.co.jp/cms/wp-content/uploads/2022/11/3.jpg",
           "datePublished": "2022-10-27T17:28:38+09:00",
          "dateModified": "2023-07-30T21:25:25+09:00",
          "publisher": {
            "@type": "Organization",
            "name": "株式会社ステップバイワーク",
            "logo": {
              "@type": "ImageObject",
              "url": "https://sbwinc.co.jp/cms/wp-content/uploads/2022/05/ogp.jpg",
              "width": "1200",
              "height": "630"
            }
          },
          "author": {
            "@type": "Person",
            "name": "上杉 洋",
             "image": "https://sbwinc.co.jp/cms/wp-content/uploads/2022/05/9320d62d3a0833b5cf0db2c19d858270.jpg",
             "sameAs": [
              "https://www.youtube.com/channel/UC5VcDV5-ACE13MK0fK1W4EQ",
              "https://www.instagram.com/stepbywork/"
            ]
          }
        }]
      </script>

リッチリザルトについて簡単な説明

リッチリザルトとはGoogleの検索結果表示画面で、通常のタイトルと抜粋以外にも追加の情報が表示される機能のことです

通常の検索結果ではタイトルとスニペットしか表示されませんが、リッチスニペットに対応した構造化データを設定すればパンクズリストやリッチリザルトといった表示が可能になります

リッチリザルトの説明をしているサイト様↓
https://www.atoj.co.jp/atoj-info/detail/15

この記事へのコメント 0件