リッチカードとは?重要性や設定方法を分かりやすく解説のアイキャッチ画像

SEO

更新日: 2024/12/30

【イラスト付き】リッチカードとは?重要性や設定方法を分かりやすく解説

character_balloon

ビーフシチューを作ろうと思って、Googleで「ビーフシチュー レシピ」と検索したら、検索画面に画像付きでさまざまなWEBサイトが出てきたのよ。

character_balloon

レシピがたくさんあって迷ったんだけど、画像を参考にしたら簡単に好みのレシピを見つけられたわ。

「リッチカード」の導入によって、検索結果が視覚的に分かりやすくなったよね。

character_balloon
character_balloon

あの機能って、「リッチカード」って言うのね。

character_balloon

何度も見たことはあるけど、詳しくは知らないわね。

それじゃあ今回は、ユーザビリティの向上に欠かせない「リッチカード」の重要性を解説し、設定方法も簡単に紹介するよ!

character_balloon

リッチカードとは?基本情報をチェック

character_balloon

まずは、リッチカードがどのようなものか、基本情報を解説していくよ。

character_balloon

リッチカードとは、リッチスニペットをさらに進化させた検索結果の表示形式だよ。

うーん・・・。リッチスニペットが何か分からないわ。

character_balloon
character_balloon

リッチスニペットとは、検索結果に画像やレビューの評価といった情報を加えることにより、ユーザーがページの内容を直感的に理解しやすくしたものだよ。

そういえば、レシピを検索したらWEBサイトのタイトルとテキストの下に、実際に作った人からの評価が星で表示されていたわ。

character_balloon

あれがリッチスニペットなのね。

character_balloon
character_balloon

リッチスニペットを進化させたリッチカードは、画像や動画を活用して、検索結果を視覚的に分かりやすく提供する仕組みなんだ。

character_balloon

特に具体的な情報を求めているユーザーに対して効果的で、ページの内容を魅力的に伝えられるよ。

リッチカードが適用される3つのカテゴリーを紹介

character_balloon

リッチカードは、検索結果をより魅力的に見せるツールとして注目されているよ。

character_balloon

でも、すべてのカテゴリーに適用されているわけではないんだ。

どのようなカテゴリーだと表示されるのかしら?

character_balloon
character_balloon

日本では、「レシピ」「飲食店」「映画・テレビ番組・書籍」の3つのカテゴリーで活用されているよ。

リッチカードが適用されるカテゴリー

1.レシピ


2.飲食店


3.映画・テレビ番組・書籍

character_balloon

リッチカードで視覚的な魅力を活かしつつ、必要な情報を効率的に伝えることにより、ユーザーの検索体験をより豊かにできるよ。

character_balloon

それぞれの特徴を詳しく見ていこう。

1.レシピ

character_balloon

リッチカードが最も効果を発揮しているカテゴリーが、「レシピ」だよ。

character_balloon

検索結果に画像や料理の名前、評価が表示されるため、ユーザーは一目で求めている情報にアクセスできるよ。

character_balloon

たとえば、「パスタ レシピ」と検索すると、具体的な画像とともに、わざわざクリックしなくても料理の概要を把握できるんだ。

求める情報に直行できるわね。

character_balloon

2.飲食店

character_balloon

飲食店のリッチカードは、店舗の画像やレビュー、営業時間、所在地など、ユーザーが来店前に必要な情報を効率よく提供するよ。

検索結果に料理の写真や店舗外観が表示されるから、どんなお店なのかがすぐに分かるわね。

character_balloon
character_balloon

評価や人気メニューが表示されることにより、ユーザーは比較しやすく、自分に合ったお店を選びやすくなるんだ。

外食の計画を立てる際に、視覚情報があるととても便利よね。

character_balloon

3.映画・テレビ・書籍

character_balloon

映画やテレビ番組、書籍関連の検索でも、リッチカードが活用されているよ。

character_balloon

映画のポスターやテレビ番組の画像、書籍の表紙といったビジュアル情報が検索結果に含まれることにより、作品の雰囲気やジャンルが伝わりやすくなるんだ。

character_balloon

たとえば、新作映画を検索すると、評価や上映時間などの情報が一目で分かるよ。

興味を持った作品をすぐに探しやすくなるわね。

character_balloon

アメリカではリッチカードが適用されるカテゴリーが多い

character_balloon

日本ではリッチカードが適用されるカテゴリーは、「レシピ」「飲食店」「映画・テレビ番組・書籍」の3つだけど、アメリカではほかのカテゴリーにも適用されているんだ。

どのようなカテゴリーがあるか気になるわ。

character_balloon
character_balloon

主に、下記のようなカテゴリーで適用されているよ。

アメリカで適用されるリッチカードのカテゴリー

1.音楽


2.イベント


3.動画

character_balloon

アメリカでは10以上のカテゴリーでリッチカードが適用されているけど、その中でも「音楽」「イベント」「動画」について詳しく解説するよ。

1.音楽

character_balloon

アメリカでは、音楽関連の検索でリッチカードが広く活用されているよ。

character_balloon

特定のアーティストを検索すると、そのアーティストの楽曲やアルバムが一覧で表示され、それらを視聴可能なアプリも提供されるよ。

気になる曲を手軽に見つけられるだけでなく、新しいアルバムの情報をすぐにチェックできるわね。

character_balloon
character_balloon

アーティスト側にとっても、楽曲やアルバムのプロモーション機会となるというメリットがあるよ。

2.イベント

character_balloon

イベント情報も、アメリカではリッチカードの適用カテゴリーだよ。

character_balloon

地域ごとのイベントがリッチカード形式で表示され、日付やジャンルを基に結果を絞り込めるんだ。

週末に行われるコンサートや展覧会を調べる際に、必要な情報を視覚的に把握できて、計画を立てやすいわね。

character_balloon
character_balloon

イベント主催者にとっても宣伝効果が大きく、参加者との接点を増やす手段となっているよ。

3.動画

character_balloon

動画検索では、リッチカードによって視覚的な魅力がさらに高められているんだ。

character_balloon

検索結果には、動画のサムネイルがカルーセル形式で並び、動画タイトルや説明文に加えて、アップロード日や再生時間などの詳細情報も表示されるよ。

視聴前に動画の内容を確認でき、自分のニーズに合ったものを選びやすくなるわね。

character_balloon

ちなみに、カルーセル形式ってどのようなものなの?

character_balloon
character_balloon

画像や情報が横に並び、スライドすることで次々と内容を確認できる表示形式のことだよ。

character_balloon

ユーザーにとっては、直感的に操作できる点がメリットだね。

リッチカードの設定方法を解説

character_balloon

リッチカードについて詳しく把握したところで、設定方法を見ていこう。

character_balloon

WEBサイトの内容がリッチカードの適用カテゴリーに入っているなら、設定するのがおすすめだよ。

リッチカードを使うことによって、多くの人に見てもらいやすくなるし、しっかり知っておきたいわ。

character_balloon
character_balloon

リッチカードの設定には、構造化データのマークアップが必要だよ。

リッチカードの設定方法

1.構造化データのマークアップを行う


2.構造化データテストを行う

character_balloon

以下で詳しく解説するね。

1.構造化データのマークアップを行う

character_balloon

リッチカードを正しく表示させるためには、まずWEBページ内に構造化データをマークアップするよ。

構造化データのマークアップって、どういうこと?

character_balloon
character_balloon

具体的には、HTMLコードに特定の形式で情報を追加するんだ。

character_balloon

Googleが推奨する「JSON-LD」という形式でデータを用いるのが一般的だよ。

2.構造化データテストを行う

character_balloon

リッチカードを設定した後は、Googleが提供する無料の構造化データテストツールを使って確認しよう。

character_balloon

対象となるWEBページのURLを入力するか、HTMLコードを直接貼り付けることによって、設定が正しく行われているかを検証できるんだ。

検索結果でどのように表示されるかを確認できるのね。

character_balloon
character_balloon

もしエラーが見つかった場合は、問題の場所が表示されるため、修正作業がスムーズに進められるよ。

まとめ

character_balloon

リッチカードについて解説してきたけど、重要性や設定方法が分かったかな?

ええ!リッチカードを設定すれば、多くのユーザーに見てもらえる機会が増えるのよね。

character_balloon

適用カテゴリーのWEBサイトを立ち上げたら、使ってみるわ。

character_balloon
character_balloon

最後にまとめとして、以下3点を頭にメモしていってね。

まとめ

◆リッチカードとは、画像や動画を活用して、検索結果を視覚的に分かりやすく提供する仕組みのこと


◆日本でリッチカードが適用されるカテゴリーは、「レシピ」「飲食店」「映画・テレビ番組・書籍」の3つ


◆リッチカードを設定するときは、「構造化データのマークアップ」「構造化データテスト」の順で行う。

character_balloon

ブルー

SEO
マーケティングオートメーション(MA)
アフィリエイト
wordpress

SEOやエンジニアリングマーケティングが得意。非常にめんどくさがりで、動きたくないがために自分でコードを書いて自作のMAを組んだりする。自動化のためなら努力は惜しまない。

最新の記事一覧
最新の記事一覧