アフィリエイト支援ツール
[ホーム] > [ウェブユーザビリティ] > [FireFoxユーザを逃す]

FireFoxユーザを逃す

いろんなページをみていると、文字サイズが小さく、文章が読みづらいときがあります。たいていは、サイト側がCSSで文字サイズを小さく設定しているためです。

しかし、文字サイズを小さくしすぎると、FireFoxでの文字の判読性が、Internet Explorer(以下、IE)やOperaなどのブラウザに比べてかなり悪くなります。

アフィリエイトでは、文字サイズが小さい、すなわち商品紹介文が読みづらいと、それだけでクリック率、コンバージョン率が下がります。今回の記事では、当ブログにアクセスのあった上位3つのブラウザ(IE、Opera、FireFox)について、文字サイズがどう変わるのかを紹介します。

人気ブログランキング
文字サイズは、font-sizeで指定

CSSで文字サイズを設定するときは、font-sizeプロパティを使用します。font-sizeプロパティに指定できる値は以下のとおりです。今回の調査では「キーワード指定」で、それぞれのブラウザがどのように変化するか確認します。

数値指定数値に単位(px、em、exなど)をつけて指定します。10px、1.5em、2exなど。
%指定%値で指定します。90%、120%など
キーワード指定xx-small、x-small、small、medium、large、x-large、xx-largeの7段階で指定します。mediumが標準サイズです。1段上がると1.2倍のサイズになります。smallerで1段階下げ、largerで1段階上げ
FireFoxで、x-smallは小さすぎる

IE、Opera、FireFoxの3大ブラウザで、font-sizeを7段階に変化させると、以下のように表示されます。ブラウザの文字サイズは、デフォルトの設定で確認しています。

IEとOperaでは、文字サイズに違いはみられません。しかし、FireFoxでは、これらのブラウザに比べて、1段階ほど小さく表示されています。個人差はありますが、FireFoxで「x-small」以下の文字はかなり読みづらいのではないでしょうか?

文字サイズの小さいサイトは、IEのみで表示を確認していると想像します。FireFoxでは文字サイズが1段階小さくなることを踏まえて、サイト作りを心がけましょう。

IEOperaFireFox

■ブラウザ環境

IEInternet Explorer 6.0 + SP2、文字のサイズは「中」
OperaOpera 8.02、ズームは「100%」
FireFoxFireFox 1.0.6、文字サイズは「標準サイズ」
MovableType、デフォルトはx-small

MovableType(以下、MT)をデフォルトで使用されている方も注意です。MTでは、記事(エントリ)の文字サイズは、デフォルトで「x-small」です。MTをカスタマイズされていない方は、CSSの以下の内容を確認してみてください。

.content p {
font-size: x-small;
}

ブログサービスや無料で配布されているテンプレートにも、エントリの文字サイズを「x-small」に指定しているものもあります。IEやOperaなどのブラウザで文字が小さいと感じたときは、FireFoxではかなり小さいので、CSSのfont-sizeプロパティを見直しましょう。

P.S.
ランキングのベスト10入りがみえてきました。いつも応援ありがとうございます!

2005年08月19日 03:52
トラックバック
このエントリのトラックバックURL:
http://0kara.org/mt/mt-tb.cgi/729
コメント

はじめましてー
Firefoxで僕のサイトを見たら驚くほど小さな字だったんでビックリです
SEOとか以前の問題ですね(泣)
ためになる記事ありがとうございました。
ポッチリしときます

投稿者 yuu : 2005年08月20日 14:56

to:yuuさん

こんにちは!コメントありがとうございます。

FireFox側で文字サイズを大きくすれば済むだけなのですが、ユーザにはどの環境でも何もせずに快適に使用してもらうのが理想です。

以前記事にしましたが、シニア・シルバー層の利用も考えると、文字サイズは少し大きめにしておいたほうが無難ですね。文字サイズの変え方を知らない方もいらっしゃると思いますし。

今回は、私がFireFoxユーザということもあり、あまりにも文字の小さいブログが多かったので、記事にしてみました。うちの液晶ディスプレイでは文字がつぶれて読めませんし・・・^^);

投稿者 akky : 2005年08月21日 00:51
いつも応援ありがとうございます
人気blogランキング ランキュー
検索
スポンサードリンク
DNOを使った商品紹介
ゼロから始めるブログアフィリエイト成功法!
価格:¥15,800
発送時期:3-4日
在庫:あり
実際にブログで儲けたノウハウが詰まっています。全くの素人が、ブログを使って、たったの30日で成果を出した、超簡単ブログ成功法。■ブログにいったい何を書けばいいのか?■どうやってあなたのブログにアクセス ...
ブログホームページ成功マニュアル
価格:¥68,000
在庫:あり
こんにちは!ホームページリニューアルセンターの飯野です。今回は、アフィリエイターはもちろん、起業家にも必須になってきた、【MovableTypeでブログホームページ自作ノウハウ】のご紹介です。これまで、外注するか上 ...
勝ち組社長のためのブログ集客・応用編
価格:¥8,800
発送時期:1-2日
在庫:あり
Amazyを使った商品紹介
もっと「稼げる」ホームページ最強宣伝術―プロが教えるサイト集客の実践テクニック66
アスキー
深谷 良孝(著)細木 康裕(著)
発売日:2005-05
おすすめ度:4.75
ホームページ集客を利益に変える成功方程式 プロが教えるサイト運営の実践テクニック74
アスキー
細木 康裕(著)里吉 克仁(著)
発売日:2004-07-18
おすすめ度:4.22
SEOを超えたホームページ集客術 ~プロが教えるSEM(検索エンジンマーケティング)の実践テクニック96
Amazy Rank
カテゴリ一覧
過去の記事
アクセスランキング
アクセス解析アクセス解析イメージ
RSS1.0
投稿歓迎 リンク自由
Valid XHTML 1.0 Transitional Valid CSS!