#8 ブログ運営日記|トップページをデザインから改修した効果は?【8ヶ月目の収支・PV数公開】

とりとん
とりとん

お布団が恋しい・・

急に寒くなってきてお布団から出づらくなってきましたね。

今月も依頼をちょこちょこ頂いていたので、ブログ運営まで手が回らず気付いたら10月が過ぎ去っていました。w

そんなこんなでブログ開設から8か月経過。

優先順位とか作業効率とか・・しっかりとタスク管理しながら両立していこうと思います!

とりとん
とりとん

さっそくブログ運営8ヶ月目の振り返りをしていこう!

ブログ運営8ヶ月目のPV数

とりとん
とりとん

889pvでした!

今月は特に新しくPV数向上のための施策を行わなかったので、先月に比べて減っちゃってます。

更新頻度も少なくSNSの活用が全くできていなかったのですが、毎日オーガニックサーチが数件ずつあったのでこの調子で流入が増えていくように記事をアップしていこうと思います!

ブログ運営8ヶ月目の収支

収益
費用
  • Xserver(サーバー代12ヶ月分支払い済みのため):0円
とりとん
とりとん

+311円でした!

今月のブログ運営の収益は微々たるものですが・・受注している案件の方を優先して収益をあげた結果なので仕方ない・・w

限られた時間の中で上手にビジネスしていきたいですね!

これまでのブログ運営収支はこちらからどうぞ⬇️

トップページをデザインから改修

とりとん
とりとん

トップページいい感じなったよ~

この度、トップページを大幅リニューアルしました!

ファーストビューはこんな感じ⬇️

▼before

▼after

並べてみると、全く別のページになりましたw

今回は、トップページ改修の経緯とその効果について書いていこうと思います!

トップページ改修の経緯

クリエイティブ制作を始めて、自分たちのブログのデザインにも今まで以上にこだわるようになりました。

やっぱりトップページは、そのサイトの第一印象になるので大切ですよね!

そこで、実際にデザインからコーディングまでやってみよう!ということになりました^^

元々は、WordPressのテーマCocoonのデフォルト設定に、おすすめカードでカテゴリーメニューを設置したり、サイドバーに人気記事を設置したりと、

若干カスタマイズしてる程度で、後半部分も更新順に並んだ記事がずらーーと並んでいるだけでした。

よく見るこのスタイル⇧

今回のリニューアルでは、デザインデータ作成から始め、レイアウト修正、新着記事への導線、当ブログや執筆者についてのコンテンツ、カテゴリー一覧、アニメーションなどなど・・

カスタマイズというより、一からの作成ですw

ページスクロールやマウスホバーでアニメーションを付けているのでぜひチェックしてみてください♪

>>トップページへ (別タブで開きます)

今回デザインに使ったツールは、主に以下の2つです。

  • Photoshop
  • Canva

Photoshopでデザインカンプを作成してから、コーディングするという流れで作業を行いました。

今回は、PC版は横幅1000px固定、SP版は横幅可変のレスポンシブデザインに!

当ブログの閲覧デバイスは7割方スマホなので、スマホで見た時にもいい感じになるようにデザインしました!

トップページ改修の効果

実際にトップページ改修をしてから「セッション継続時間」が伸び、「直帰率」が下がりました

他の施策も同時進行していたので、トップページ改修のみの効果とは言い切れませんが、デフォルトのデザインに比べて、別ページへの導線がはっきりしているからかな?と。

ブログでもホームページでもそうですが、「見て欲しいページ」と「クリックされるページ」をマッチさせないといけないので、デザイン構成の大切さが実感できる施策となりました。

これからもっとデザインの勉強をしていこうと思います!

次回ブログ運営の目標

  • 他の案件と両立しながら週2本は更新目標
  • コーディングのお役立ち記事を執筆
  • JSを取り入れたページ作成+導線作る

実際にコーディングしていて学ぶことって結構あるし、検索してもなかなか出てこないようなお役立ち記事を執筆したいなーと思います。

記事にすることで、自分自身も理解が深まって一石二鳥ですしね!w

来月も引き続きまったり更新していきます~

ことりとん
ことりとん

今回もブログ運営お疲れ様でしたー。

ことりとん
ことりとん

ブログ運営9ヶ月目のまとめもチェックしてみてくださいねー。

とりとん
とりとん

最後まで読んでいただきありがとうございました!


\ ぽちっと応援お願いします♪ /
ブログランキング・にほんブログ村へ人気ブログランキングへ
トップへ戻る
タイトルとURLをコピーしました