企業やショップ、団体など組織のロゴマークをGoogleの検索結果やナレッジグラフに表示してもらうためのマークアップ方法。
今すぐやろうとは思わないけど(所属組織のロゴが変わるかもしれないといこともあり)、そのうち必要になると思うのでメモ。
このブログでロゴに当たる部分は、↓
<h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="https://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="https://wp-etc.navich.net/wp-content/uploads/2013/05/logo.png"></a></h1>
赤字が変更箇所。
テーマ変更してみたけど表示崩れはないみたい。
これで(本来は)ナレッジグラフに出るようになるらしい。
そもそもこのブログじゃナレッジが集まらないだろうから、表示されることはないとおもうけど。
因みに、ナレッジグラフというのは、ちょっと前に検索結果の右側に出てくるようになったキーワードの関連情報のこと。
これ↓。
詳しくはGoogleのナレッジグラフ解説ページをどうぞ。
これ試すために、ロゴ画像(持ってた素材に文字並べただけ…だけど)を上げてみたけど、ヘッダ領域に高さは要らないと思ってたし、本当は元のテキストのが気に入ってる・・・。
時間があるときに、せっかくだからきちんとロゴっぽいものを作りたいな。