Loading

プレオ日誌

blog

スキーマ(schema.org)って知ってますか?

みなさん、こんにちわ。

今年の春も、熊本は桜が綺麗でしたねぇ。

ということで桜舞い散るなか、スキーマ(schema.org)をご紹介いたします。
前回までは、マークアップについて重要性も含めてお話しして来ましたが、今回はさらに詳細を検索エンジンに認識させるための方法です。
実際、schema.orgを導入されているサイトもあまり見ませんが、これからホームページ制作をする方は、参考にしてみてください。

スキーマ(schema.org)とはなんでしょうか?

そもそも、「スキーマ(schema.org)」って何なんですか?
一般的にはまだまだ、普及していないように感じます。

簡単に言うと、「検索エンジン(googleやyahooなど)にさらに詳しく情報を伝える記法」です。
実際に「さらに詳しく」とはどう言うことか。

例えば、
「今度、熊本でデザイン協会主催の 花見を 4/20の12時から開催します。」
といった文章があった場合。

検索エンジン(クローラー)は「熊本」「デザイン協会」「花見」「4/20」などキーワードとして認識します。
しかし、これらはあくまでもキーワード(文)として認識しており、それぞれがどのような意味を持つかまではクロールしてくれません。

そこで、schema.orgの登場です。

先のどの文章をschema.orgを使いマークアップするとどのようになるか。

「今度、熊本(場所)でデザイン協会主催(出演者)の 花見(名前)を 4/20の12時(開始日時)から開催します。」
いかがでしょうか。今までのマークアップと違って、schema.orgを使うことで各キーワードに意味を持たせることができます。

こうすることで、より詳細な情報もったマークアップを作ることができます。
結果、ページの質も上がることになります。

リッチスニペットだってできる!

リッチスニペットとは、google等で検索した際にホームページタイトルの下にテキストが出ると思います。

これを、スニペットと言います。

 

リッチスニペットは、さらに住所情報や料金、アクセス情報 評価(★の数)など通常のスニペットより豪華に詳細情報が掲載されます。
しかし、何でも追加できるわけではなく…

・レビュー

・人物

・商品

・会社と組織

・レシピ

・音楽

 

などマークアップできる項目が決まっています。
schema.orgを利用することで、このリッチスニペットを実現できます。

schema.orgの基本的なプロパティ

schema.orgを利用する際は、通常みなさんが使っているhtmlタグにschema.org用のプロパティを追加して使います。
基本的には以下の4つを覚えておくといいでしょう。

itemscopte
microdataを使いますよ!という宣言文。

itemtype
microdataの種類をURLで指定できます。

itemprop
細かい情報の項目を指定できます。

itemref
範囲外にあるmicrodataを指定できます。

※microdataは、検索エンジンに送る情報(schema.orgを利用する際の詳細情報)だと思ってください。

googleで簡単にschema.orgを利用できるサービス

実は、htmlタグにschema.orgのプロパティを自分で追加していかなくても、視覚的に追加していくことができます。

 

 

コンテンツを選び、サイトURLを入力し「タグ付けを開始」をクリックするとサイトが表示され各要素に、「場所」「評価」「レビュー」などの情報をschema.org情報を追加できます。
最後にhtmlを吐き出すことで、各要素にプロパティが追加された状態のソースコードを取得することができます。

これだと、サイト全体をよりイメージしながらマークアップできますね。

コチラから > 構造化データ マークアップ支援ツール

いかがでしたでしょうか。
まだまだ知られていないマークアップ方法!

過去のホームページは中々ここまでマークアップするのは厳しいと思います。
しかし、google等もschema.orgの普及を押しているためSEOにも、良質なホームページを探しているユーザーさんの為にもこれからのホームページ制作に是非、役立ててみてください。

実際のプロパティの付け方や「構造化データマークアップ支援ツール」の詳細な使い方などは次回またご紹介していきます。

それではみなさん、良いコーディング日和をぉ!

上西 孝康

この記事を書いた仲間

上西 孝康 フロントエンドエンジニア

ご質問などお気軽にお問い合わせください

お電話でのお問い合わせ

096-312-3430

月〜金曜日(祝日除く) 9:00〜18:00

メールでのお問い合わせ

お問い合わせフォーム >

デザイン相談会
デザイン相談会を行っています。毎週月曜開催・予約制

これから開業する方はもちろん、事業主の方も大歓迎です。デザインやWEBサイト、ブランディングなどについて今現在お困りのことがあればお気軽にご相談ください。プレオデザインでお役に立てることがあれば嬉しいです。

相談会に申し込む >

TOPへ戻る