構造化マークアップ【マニュアル】

ここでは、構造化マークアップの効果と作成方法について解説します。

構造化マークアップとは？

構造化データとは、Webページの構造を検索エンジン（Google）により分かりやすく伝えるためにHTMLにマークアップする専用のコードのことです。

Schema Markup Generator といった、簡単に作成できるツールがあるので、専門的な知識がなくても、簡単なHTMLの記述だけ押さえておけば作成できます。

構造化マークアップに期待すること

専用のコードを導入することで、以下の2つの効果があります。

検索エンジンに認識されやすくなる
検索結果にリッチリザルトが表示されることがある

検索エンジンに認識されやすくなる

1つ目のメリットは、検索エンジンに認識されやすくなることです。検索エンジンはweb上にあるサイトをクローラーというボットによって巡回しています。クローラーがサイトを巡回することによって、どのようなサイトがあるのか、そのサイトにはどのような情報が掲載されているかを認識します。
その際、構造化マークアップされていると、クローラーはより正確に情報を認識することができます。するとあるキーワードに関してユーザーが検索をかけた時に、構造化マークアップされているサイトが優先的に検索結果に表示されるようになるのです。
https://n-works.link/blog/seo/structured-markup-merit-demerit

検索結果にリッチリザルトが表示されることがある

そして2つ目のメリットは、検索結果にリッチリザルトが表示されることがあることです。

リッチリザルトとは、多くの視覚的な機能や操作機能を用いて表示される検索結果のことです。

痩身エステNaviでは、以下のような表示になります。

このように検索結果に記事が表示されたとき、関連する気になる情報がQ&A形式で表示されるようになります。

構造化マークアップの設定方法

ここからは検索結果に表示されたときにQ&A形式で表示させる手順を説明します。

Schema Markup Generatorというツールを使います。

①記事内の文章をHTMLに整える

以下のHTMLを使用し、実際に表示される文章を整えます。

	HTML	HTMLの使用位置	表示
太字	<b></b>	〇〇〇<b>〇〇〇</b>〇〇〇	〇〇〇〇〇〇〇〇〇
改行	<br>	〇〇〇<br>〇〇〇	〇〇〇〇〇〇
リンク	<a href=””></a>	<a href=”URL”>〇〇〇</a>	〇〇〇
リスト	<ul><li></li><li></li></ul>	<ul><li>〇〇〇</li><li>〇〇〇</li><li>〇〇〇</li><li>〇〇〇</li></ul>	・〇〇〇・〇〇〇・〇〇〇・〇〇〇

例えば、

↑のようなに表示させるために、実際に以下のようなHTMLを準備します。

アンサーの部分：

品川美容外科で使用しているソノクイーンは約3か月を過ぎた頃が効果のピークです。医療ハイフによるフェイスラインの引き締め効果を持続させるには、3か月～6か月に1度の施術をおすすめします。 
<a href=”https://www.beauty-park.jp/salon/shinagawa-hife/”>≫品川美容外科の医療ハイフの口コミ・評判を見る</a>

HTML準備のポイント