![オーシャン戦記12](https://ririkoshikijyou.com/wp-content/uploads/2019/09/mno63.jpg)
レスポンシブデザインでモバイルファーストを極めよ
ネットの海で悪戦苦闘する話なので戦記としてます。
前回の続き。
2019年9月13日。ブログ開設から約1年7ヶ月!
トータル記事数175を突破しました!!(うち漫画記事は107)
![](https://ririkoshikijyou.com/wp-content/uploads/2018/12/ririko8.png)
ブログの改行位置
ブログの改行には個性が現れる。大量に空白を作る人も居るけど、本人が読みやすいと思ってやっているならそれで良い思う。
私は文章が長くなりすぎないように改行を入れていた。
![](https://ririkoshikijyou.com/wp-content/uploads/2019/08/ririko19.png)
![ブログ改行](https://ririkoshikijyou.com/wp-content/uploads/2019/09/mno66.jpg)
![](https://ririkoshikijyou.com/wp-content/uploads/2019/02/ririko11.png)
読みにくいだけじゃなく汚い!
![閲覧者グラフ](https://ririkoshikijyou.com/wp-content/uploads/2019/09/mno64.jpg)
割合的にはこんな感じ、パソコンはもう少数派なのです。
今の支流は、レスポンシブデザイン!
サイトがレスポンシブデザインでも改行位置を決めるのは本人次第。
どんな環境でも見難くならないように修正しました!(ふきだし以外)
![](https://ririkoshikijyou.com/wp-content/uploads/2019/01/ririko10.png)
160記事近い修正は本当に大変だった・・・・
![](https://ririkoshikijyou.com/wp-content/uploads/2019/06/crawler01.png)
![](https://ririkoshikijyou.com/wp-content/uploads/2019/01/ririko9.png)
![](https://ririkoshikijyou.com/wp-content/uploads/2019/06/crawler01.png)
パソコンユーザー目線も重視しつつモバイルにも優しい、レスポンシブデザインが求められているのです。
HTML5未対応のブラウザもあるから、全てのユーザー向けのページは作るのが難しいけど、改行位置なら簡単に修正ができるので、いろんな端末でチェックしてみるといいかも・・・・。
ブログカード
ショートコードで内部リンクを組んでたけどCSSでブログカード風に変更した。
抜粋文が表示できて、どんな記事の内容か少しだけ見えるようにした。
タイトルだけでなく、内容も少し見せることでより興味をもってもらいやすくしています。
![](https://ririkoshikijyou.com/wp-content/uploads/2018/12/ririko7.png)
効果はよくわからないけど、わかりやすくなってると思う
![ブログタグ](https://ririkoshikijyou.com/wp-content/uploads/2019/09/mno69.jpg)
カテゴリーと似たような感じだけど、より細かいジャンルわけしている分、欲しい情報を求めている人にはありがたいと思う。
![](https://ririkoshikijyou.com/wp-content/uploads/2019/06/ririko16a.png)
細かいジャンルはタグで属性別にする。
全てをカテゴリーでわけるよりもスマートな仕上がりになります。
ブログ記事の個性
ブログは検索でひっかかった記事を読んで、そのまま帰ってしまう人の割合のほうが多いです。
検索でひっかかりやすい記事は読まれる記事になるけど、検索エンジンから消えたら読まれなくなる。
記事が増えてくると人気の記事、不人気の記事の差がはっきり出てくる。
漫画系では貧乏飯カテゴリーと資格勉強カテゴリーが人気。
![](https://ririkoshikijyou.com/wp-content/uploads/2018/12/ririko6.png)
資格勉強系は現在勉強中の人が見に来てくれていると思う
現在うちのブログで伸びている人気記事はこの4つ。
ユーザーにとって有益な情報ページは他にもあるけど、この4つは私の体験談がベースになった記事。
単なる情報ページよりも体験談のあるオリジナルの情報をユーザーは求めているのかもしれない。文字数も8000文字以上が多いので、文字数も関係している・・・?
![](https://ririkoshikijyou.com/wp-content/uploads/2018/12/ririko7.png)
![](https://ririkoshikijyou.com/wp-content/uploads/2018/12/ririko5.png)
今後の予定
モバイルファースレベルが上がったので、これからも維持していきます。
![](https://ririkoshikijyou.com/wp-content/uploads/2019/07/ririko17.png)
![](https://ririkoshikijyou.com/wp-content/uploads/2019/06/crawler03.png)
![](https://ririkoshikijyou.com/wp-content/uploads/2019/03/ririko14.png)