構造化マークアップ第2弾！Googleの検索結果画面をカスタムできる「HowTo (ハウツー) 」のご紹介｜CMAブログ

Webサイト制作 SEO対策構造化マークアップ第2弾！Googleの検索結果画面をカスタムできる「HowTo (ハウツー) 」のご紹介

浜松本社ディレクター深谷
2020.05.27

こんにちは。クリエイティブプランナーの深谷です。

今回は、構造化マークアップの第2弾として、スマートフォンの検索画面をカスタムできる構造化データ「HowTo (ハウツー) 」のご紹介をいたします。

【構造化マークアップ第1弾】「構造化マークアップはSEO対策に効果があるのかやってみた」はこちら

HowToハウツーリッチリザルト

目次
HowTo (ハウツー) とは？
HowTo (ハウツー) の表示例
HowTo (ハウツー) の実装方法
HowTo (ハウツー) の検証方法
まとめ

HowTo (ハウツー) とは？

HowTo (ハウツー) とは、「ホームページ制作の流れ」や「ホームページの集客方法」など、
ある一連の流れをGoogleで検索した際に、スマートフォンの検索結果画面をカスタムして、
ステップ毎にユーザーへ紹介するリッチリザルト（※1）のことです。

（※1）リッチリザルトとは
リッチリザルトは、通常の青色リンクよりも高度な機能を持つ、Google サービス（Google 検索など）での検索結果です。リッチリザルトには、カルーセル、画像などテキスト以外の要素を含めることができます。

HowTo (ハウツー) の表示例

標準的なハウツーのリッチリザルト

ステップごとの画像を含むハウツーのリッチリザルト

HowTo (ハウツー) の実装方法

以下のソースは弊社のページ（第二階層）を構造化マークアップしたものです。

<script type="application/ld+json">{
	{
		"@context": "http://schema.org",
		"@type": "HowTo",
		"name": "ホームページ制作の流れ",
		"description": "静岡・浜松のホームページ制作・Web制作は、株式会社シーエムエーにおまかせください。ホームページ制作実績1,000社以上のノウハウを元に、静岡の企業様のネットビジネス構築を様々な角度から支援いたします。",
		"image": {
			"@type": "ImageObject",
			"url": "https://www.akindo2000.net/website/img/pho_step_05.png"
		},
		"step": [
			{
				"@type": "HowToStep",
				"name": "事前の詳細なヒアリング",
				"text": "貴社の商品、ビジネスモデルの理解をし、貴社独自の売り（USP（Unique Selling Proposition））を一緒に見出だします。",
				"image": "https://www.akindo2000.net/website/img/pho_step_01.png",
				"url": "https://www.akindo2000.net/website/index.php#step1"
			}
		]
	}
}</script>