[検索エンジンに長年好かれるHTMLを書く]FireFoxユーザを逃すいろんなページをみていると、文字サイズが小さく、文章が読みづらいときがあります。サイト側がCSSで文字サイズを小さく設定しているためです。Explorer(以下、IE)やOperaなどのブラウザに比べてかなり悪くなります。アフィリエイトでは、文字サイズが小さい、すなわち商品紹介文が読みづらいと、それだけでクリック率、コンバージョン率が下がります。今回の記事では、当ブログにアクセスのあった上位3つのブラウザ(IE、Opera、FireFox)について、文字サイズがどう変わるのかを紹介します。人気ブログランキング文字サイズは、font-sizeで指定CSSで文字サイズを設定するときは、font-sizeプロパティを使用します。font-sizeプロパティに指定できる値は以下のとおりです。今回の調査では「キーワード指定」で、それぞれのブラウザがどのように変化するか確認します。数値に単位(px、em、exなど)をつけて指定します。10px、1.5em、2exなど。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段階小さくなることを踏まえて、サイト作りを心がけましょう。1.0.6、文字サイズは「標準サイズ」MovableType、デフォルトはx-smallMovableType(以下、MT)をデフォルトで使用されている方も注意です。MTでは、記事(エントリ)の文字サイズは、デフォルトで「x-small」です。MTをカスタマイズされていない方は、CSSの以下の内容を確認してみてください。x-small;}ブログサービスや無料で配布されているテンプレートにも、エントリの文字サイズを「x-small」に指定しているものもあります。IEやOperaなどのブラウザで文字が小さいと感じたときは、FireFoxではかなり小さいので、CSSのfont-sizeプロパティを見直しましょう。P.S.ランキングのベスト10入りがみえてきました。03:52トラックバックこのエントリのトラックバックURL:http://0kara.org/mt/mt-tb.cgi/729コメントはじめましてーFirefoxで僕のサイトを見たら驚くほど小さな字だったんでビックリですSEOとか以前の問題ですね(泣)ためになる記事ありがとうございました。14:56to:yuuさんこんにちは!コメントありがとうございます。FireFox側で文字サイズを大きくすれば済むだけなのですが、ユーザにはどの環境でも何もせずに快適に使用してもらうのが理想です。以前記事にしましたが、シニア・シルバー層の利用も考えると、文字サイズは少し大きめにしておいたほうが無難ですね。文字サイズの変え方を知らない方もいらっしゃると思いますし。今回は、私がFireFoxユーザということもあり、あまりにも文字の小さいブログが多かったので、記事にしてみました。在庫:あり実際にブログで儲けたノウハウが詰まっています。素人が、ブログを使って、たったの30日で成果を出した、超簡単ブログ成功法。...ブログホームページ成功マニュアル価格:¥68,000在庫:ありこんにちは!ホームページリニューアルセンターの飯野です。今回は、アフィリエイターはもちろん、起業家にも必須になってきた、【MovableTypeでブログホームページ自作ノウハウ】のご紹介です。