Google検索結果に星を表示させる方法【構造化データ記述】

検索結果にレビューの「星★」をどう出せばいいのかわからない。

お悩みさん

レビュー★の構造化データの書き方が知りたい。

お調べさん

ゆめただ

こんなお悩みを解決します。

検索結果にレビューの★を入れておくと、見た目がわかりやすくなります。

クリック率向上が期待でき、SEO評価も期待できます。

＼こんな検索結果ですね／

本記事を読んでわかるコト

検索結果にレビューの「星★」を表示させる方法

メモ

Googleの検索結果で、ページへのリンク以外の情報のことを「リッチリザルト」と言います。

レビューの星★もリッチリザルトのひとつ。他にも、画像やリスト（カルーセルと言います）が表示されたりします。

この記事を書いた人

ゆめ　ただ

グログ歴　５年目。
普通のビジネスマンとして働きながらFIREを目指す。
独学でゼロからブログを立ち上げる。
Dockerのローカル仮想環境を作りLinux環境も触るように。
４年目でSEO検定１級に合格し地道にスキルアップ。
次はWordPress以外のCMSに手を出そうか悩み中。

１．どうやってレビューの星★を表示させるか？

カンタンです。記事の最後に、レビュー用の「構造化データ」を追加するだけ。

では、実際にどうやってデータを作っていくかを説明していきます。

２．構造化データの作り方

方法１）サンプルコードから作成する

レビューの星を表示させるためには、レビューの構造化データを作ります。

これがサンプルの構造化データコードです。

【レビュー構造化データサンプル】

<script type="application/ld+json">{
	"@context": "http://schema.org",
	"@type": "Review",
	"itemReviewed": {
		"@type": "Thing",
		"name": "商品名",
		"image": "商品画像URL",
		"review": {
			"author": {
				"@type": "Person", "name": "レビュー者名"
			}
		}
	},
	"reviewRating": {
		"@type": "Rating",
		"ratingValue": "評価値(0~5.0)"
	},
	"datePublished": "評価日時（例：2022-08-14T12:45:45+09:00）",
	"author": {
		"@type": "Person",
		"name": "レビュー者名"
	}
}
</script>

作成方法

メモ帳などのテキストエディタを開いて、レビュー構造化データサンプルをコピペします。
「商品名」に、レビューした商品名を記入します。
「商品画像」に、商品の画像URLを記入します。
「レビュー者名」に、レビュー者名（あなたの名前）を記入します。
「評価値0~5.0」に、レビューの評価値を記入します。
「評価日時」に、評価した年月日時間を記入します。

評価日時は、標準規格の「ISO 8601形式」で書きます。

標準時刻のフォーマットへ変換できるサイトはココです。便利なので活用してください。

標準時刻へ変換するサイトはココ！

: 時刻変換ツール - LAZE SOFTWARE

lazesoftware.com

方法２）構造化データマークアップ支援ツールを使う

　Googleが運営している「構造化データマークアップ支援ツール」というサイトを使います。

　URLを入れて必要な構造化―データと紐づけていくだけで、構造化データのコードが生成されます。

　＼構造化データマークアップ支援ツールはこちらから／

構造化データマークアップ支援ツール

: 構造化データマークアップ支援ツール

www.google.com

「構造化データマークアップ支援ツール」の使い方です。

トップページはこんな感じです。

構造化データを作りたい記事ページを用意します。

「構造化したい種類」と「URL」を入力して、「タグ付けを開始」をクリックします。

ここでは本のレビューを想定して、「書評」を選択します。

　　各項目ごとに、タグ付けを行っていきます。

　　右側にタグの候補リストが出ますので、これを見ながら選びます。

　　例えば、「タイトル」であれば、記事中のタイトルの部分をクリック。

　　プルダウンで項目が出てくるので、紐づけを行います。

　　星★を表示させるためには、プルダウンメニュー中の「レビュー」ー「レビューでの評価」ー「評価値」を設定します。

タグ付け完了したら、「HTMLを作成＞」をクリックします。

コードが生成される。

ダウンロードをクロックして、ソースコードをダウンロードする。

【ダウンロードしたソースコード例】

<!-- Google 構造化データ マークアップ支援ツールが生成した JSON-LD マークアップです。 -->
 <script type="application/ld+json"> 
{ "@context": "http://schema.org",
 "@type": "Book", "name": "マクサン式Webライティング実践スキル大全"
 } </script>