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

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

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

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

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

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

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

jp.kumi-log.com


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

 f:id:pianonymous404:20150716103914j:plain

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

f:id:pianonymous404:20150716103944j:plain

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

#ピアニカセミナー #ピアニカ講座 #ピアニカワークショップ #ピアニカサークル #ピアニカレッスン #ピアニカスクール #ピアニカ講習 #ピアニカ研修 #ピアニカ公演 #ピアニカ演奏会
#ピアニーセミナー #ピアニー講座 #ピアニーワークショップ #ピアニーサークル #ピアニーレッスン #ピアニースクール #ピアニー講習 #ピアニー研修 #ピアニー公演 #ピアニー演奏会
#メロディオンセミナー #メロディオン講座 #メロディオンワークショップ #メロディオンサークル #メロディオンレッスン #メロディオンスクール #メロディオン講習 #メロディオン研修 #メロディオン公演 #メロディオン演奏会
#メロディカセミナー #メロディカ講座 #メロディカワークショップ #メロディカサークル #メロディカレッスン #メロディカスクール #メロディカ講習 #メロディカ研修 #メロディカ公演 #メロディカ演奏会
#ケンハモセミナー #ケンハモ講座 #ケンハモワークショップ #ケンハモサークル #ケンハモレッスン #ケンハモスクール #ケンハモ講習 #ケンハモ研修 #ケンハモ公演 #ケンハモ演奏会
#鍵ハモセミナー #鍵ハモ講座 #鍵ハモワークショップ #鍵ハモサークル #鍵ハモレッスン #鍵ハモスクール #鍵ハモ講習 #鍵ハモ研修 #鍵ハモ公演 #鍵ハモ演奏会