私のサイトのURL、
凄く長ったらしく、検索で表示された時に見栄えが悪いです・・・。
(パーマリンクの設定変えたい・・・。)

たまにURL部分がテキスト(リッチスペニット)で表示されて、
検索結果の見栄えが良いサイトって見かけますよね。
こんな感じに・・

あれってどうやってるんだろう・・と調べてみたら、
パンくずリストをサイトに設置していたらGoogleが自動で認識してくれるみたいです。
私のサイトにもパンくずリストを設置しているのですが・・
ちゃんとGoogleに伝わっていないのか、URLの表示のまま。
何か方法は無いのかと探してみると、
GoogleにURL構造を伝えるコードがありました!(構造化マークアップ)
構造化マークアップのやり方
パンくずのコードってこんな感じだと思うのですが、
<ol>
<li><a href="#">ホーム</a></li>
<li><a href="#">カテゴリ</a></li>
<li>現在の記事</li>
</ol>
これをこうします。
<ol>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="#" itemprop="url"><span itemprop="title">ホーム</span></a>
</li>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="#" itemprop="url"><span itemprop="title">カテゴリ</span></a>
</li>
<li>現在の記事</li>
</ol>
- <li>タグに itemtype=”http://data-vocabulary.org/Breadcrumb” 属性を追加
(リストでマークアップしないない場合は、<a>タグを<span itemtype=”http://data-vocabulary.org/Breadcrumb”>で囲う) - <a>タグに itemprop=”url” 属性を追加
- <a>タグのアンカーテキストを<span itemprop=”title”>で囲う
これで構造化マークアップが完了!
GoogleにURL構造が伝わった!
構造化マークアップを終え、新しく投稿したページの検索結果を見てみると、
URLリッチスペニットになってましたー!
他のページは時間がたったらちゃんと反映されました。
ちょっとした検索向けのカスタマイズですが、
クリック率が上がる・・かも?!
そんなに重要視するものでは無いかと思いますが、
やっていて損は無いと思いますので、時間がある時にテンプレにちょこっと埋め込んでおきましょう^^

