google

Googleの検索結果やナレッジグラフに企業ロゴを表示する方法

スポンサードリンク  

企業やショップ、団体など組織のロゴマークをGoogleの検索結果やナレッジグラフに表示してもらうためのマークアップ方法。

今すぐやろうとは思わないけど(所属組織のロゴが変わるかもしれないといこともあり)、そのうち必要になると思うのでメモ。

このブログでロゴに当たる部分は、↓

<h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="http://wp-etc.navich.net/wp-content/uploads/2013/05/logo.png"></a></h1>

こんな感じ?にするのかな・・・?

<h1 itemscope itemtype="http://schema.org/Organization"><a itemprop="url" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img itemprop="logo" src="http://wp-etc.navich.net/wp-content/uploads/2013/05/logo.png"></a></h1>

赤字が変更箇所。
テーマ変更してみたけど表示崩れはないみたい。
これで(本来は)ナレッジグラフに出るようになるらしい。
そもそもこのブログじゃナレッジが集まらないだろうから、表示されることはないとおもうけど。

因みに、ナレッジグラフというのは、ちょっと前に検索結果の右側に出てくるようになったキーワードの関連情報のこと。
これ↓。
Googleナレッジグラフ
詳しくはGoogleのナレッジグラフ解説ページをどうぞ。

これ試すために、ロゴ画像(持ってた素材に文字並べただけ…だけど)を上げてみたけど、ヘッダ領域に高さは要らないと思ってたし、本当は元のテキストのが気に入ってる・・・。
時間があるときに、せっかくだからきちんとロゴっぽいものを作りたいな。

参考:組織のロゴの schema.org マークアップのサポートを開始しました

スポンサードリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

※URLを複数含む場合、日本語がない場合などコメントができない場合があります。