鍵盤ハーモニカ奏者ピアノニマス公式ブログ~日本最大級の鍵盤ハーモニカ情報サイト~

鍵盤ハーモニカ奏者ピアノニマス公式ブログ~日本最大級の鍵盤ハーモニカ情報サイト~

モバイル版のレスポンチブデザイン表示をやめました

鍵盤ハーモニカ関係ない話題で恐縮です。

はてなブログのモバイル表示において、一時的にレスポンチブデザインを適用して、スマホで見たときにPCと同じように表示されるようにしていたのですが、それを辞めました。理由は、アクセス数の激減…たぶん、ページを読み込んでるうちに「あ、なんかこのページ重いな」といって離脱してしまうのかもしれません。通常デザインに戻したところ、1日で顕著にアクセス数が回復しました。

モバイルユーザ(※紛らわしいので以下スマホ)は、はてなの仕様上、ブログの「カテゴリ」を見ることができません。(なんで?!)そのため、スマホ経由でアクセスしたユーザはPCユーザに比べて、ブログの中をあまり回遊してくれないという問題がありました。ページ下部には「最近人気のエントリ」的なものが、はてなのアルゴリズムによって自動表示されるのですが、必ずしも私が読んでほしい記事にはなっていません。

そこで、通常のモバイル表示へと切り替えたのち、下記の神サイト様を参考に、ヘッダ下にプルダウン式のカテゴリを設置することにしました。

jp.kumi-log.com


プルダウンを設置した後のサムネがこちらです。

 f:id:pianonymous404:20150716103914j:plain

 プルダウン選択すると、こうなります。

f:id:pianonymous404:20150716103944j:plain

カテゴリ順序は「私が読んでほしい順」に並べてみました。少しでもスマホユーザのケンハモファンにとって見やすいデザインにしていければなと思います…。