MTブログの写真サムネイルをカスタマイズ

MT4のデフォルトのテンプレートには、サイドカラムに記事などで使用した写真を、サムネイルで表示する機能があります。この機能を使用しているブログは意外と少ない印象ですが、初めて来訪したユーザーに対して、視覚的に自ブログのテーマや特徴を伝えることができる効果的なものだと思って、私は取り入れています。

しかし残念なのが、デフォルトのままではサムネイルをクリックした際に、画像を拡大表示する動作仕様になっている点です。このアクションではユーザーの期待に応えられていないことが推測されます。気になるサムネイルを発見し、クリックすると大きな画像が表示される。ここまでは良いのですが、多くのユーザーは、この次の心の動きとして、この写真に関連したブログ記事を読みたいという欲求を持つでしょう。そうした時にユーザーは、最新の記事リストやカテゴリーなどから、その記事を自力で探しあたてなければならなくなります。これはあまりに面倒で片手落ちです。

そこで今回、サムネイルをクリックすると記事ページを表示するように動作を変更しました。記事ページには当然大きな画像もありますし、そのまま記事本文を読んでもらうことができます。ユーザーの期待に応え、サイトの回遊率を高められるのです。

詳しいカスタマイズ方法は、WingMemo: サムネイルリストからブログ記事（エントリー）にリンクを張る (MT４用)にあります。記事中で使用した画像を表示する<MTEntryAssets type="image">というタグを使用します。MTタグだけで実現できるので、作業は簡単です。

ちなみに私はサムネイルをマウスオーバー時にハイライトさせています。javascriptを使って簡単にできるので気になる人は試してみてください。クリック率を高めることができると思います。