ブログに掲載したアフィリエイトバナー画像は、クリックされなければ成果が発生する可能性もゼロなわけですが、ちょっとした工夫でクリック数を増加させる方法があります。
最も重要なのは、リンクであることを分かりやすくすること。
ブログやウェブサイトの運営者目線ではなく、パソコン初心者の目線で考えることが大事です。
まず、テキストリンクの場合。
- テキストリンクの文字色を目立つ色に変える
- テキストリンクの文字の太さを太くする
- テキストリンクの文字の大きさを大きくする
- テキストリンクに下線（アンダーライン）を引く
- テキストリンクに背景をつける
大事なことは、クリックできると分かることです。
マウスオーバーで変化があると、さらに分かりやすくなります。
次はバナー広告の場合。
バナー広告はサイズや色を変えることができませんので、CSS（スタイルシート）でロールオーバー（マウスオーバー）効果をつけるという方法があります。
マウスのカーソルを画像の上に乗せると、画像が変わるというもの。
実際には、画像の変更はアフィリエイトでは出来ませんので、ブラウザでの表示を透過させるという方法を使用します。
一瞬、画像が光るような錯覚を覚える効果でもあります。
以下は、マウスオーバー時の透明度を指定するCSSです。
a:hover img {
background-color:#ffffff;
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-moz-opacity: 0.60;
-khtml-opacity: 0.60;
}
上記のコードをCSSに追加することで、マウスのカーソルを画像に乗せるとアフィリエイトリンク画像が白色に向かって60%透明になります。
透明度を指定したい場合は、それぞれの数字を変更してください。
WordPress（ワードプレス）では、style.css（スタイルシート）に追記するだけで光るロールオーバー効果をプラスすることができますよ。
