今日は5時間以上かけてブログのカスタマイズをしていました

2017年8月1日

5zikanblog

シングルページのサイドバーとアドセンスの配置、今まで結構適当というか本格的に最後まで終わらせてなかったのです。

ですがついに今日、数時間かけてピシッとデザインしましたね!!

8ヶ月目にしてやっと納得がいく配置になった、いやー長かったわー。

 

では具体的にどこをどうカスタマイズしたのか、あげていきましょう。

というか今までが少し酷すぎましたね。

 

いくら僕がブロガーの友達が1人もいないからと言っても、誰か注意くらいしてくれてもよかったのでは?と思うほどでした。

では早速シングルページサイドバーから。(スマホだと記事下以降に出てくるヤツ)

 

単純に無駄が多すぎた

 

以前のサイドバーは上から

 

  1. グーグルカスタム検索
  2. 最近の投稿
  3. feedly
  4. twitter
  5. 新着記事
  6. アーカイブ
  7. カテゴリー

 

の順番に設置していました。

もう気づいた人いると思うんですが、これよく見ると「最近の投稿」と「新着記事」って同じ内容じゃないか?ってね。

 

同じ事が2回書いてある

 

画像だとこんな感じ。

saikinnotoukou
トップページから

 

sintyakukizi
PC版のシングル記事から

 

こんなのが2つ並んでいてもなんの意味もないし、やる気も知識もないんだなという印象になるw

というかサムネイルあるとかっこいいね、次にトップページいじる時はこれにしようかな。

 

2つに分けられていたウィジェットを1つにした

 

feedlyとTwitterのウィジェット別々だったんですが、繋げて1つにしました。

 

follow

 

これでさらにサイドバーがスッキリ。

なんで繋げてないのを疑問に思ってなかったのか不思議。

世の中不思議なことは多い。

 

 

メタ情報とアーカイブを消した

 

「サイト管理」とか「ログイン」とか「投稿のRSS」とかああいった、ホームページに訪れる人が音ゲーマーのように首をかしげてもおかしくないアレですね。

そもそもログインという文字を、堂々と全員に見えるところに貼りっぱなしにしておくとか、どういう神経なのかなって質問したいですよ。

 

自分がログインしやすくなるだけ、ユーザビリティのかけらもない。

アーカイブは単純にサイドバーにいらないかなと、他の色々なサイトをみて消しました。

結構縦に長いしね。

 

コメントを書けるように

 

コメントはサイドバーじゃないんですけど、関係があるので書いておきます。

 

知り合いに「コメント書けるようにはしないの?」と言われていたんですが、ちょっと色々とためらってしまいますよね。

ただ、書けるようにしたほうが良い記事は確かにあったので付けてみることにしました。

特にやましいこともしてないし。

 

コメントを書きやすいように、モバイルでサイドバーが表示されないようにした

 

コメントの有無に関わらずに、モバイルでみた時のサイドバーって消すのが普通らしいです。

というのを、じつは前々から実は知っていたんですが、ちょっと先延ばしにしてしまっていました。

 

流石にスマホで見た時に、サイドバーが記事のあとにズラ~と並んでいたら、コメント欄までたどり着くのが大変。

つまりコメント付けようかなとも思わないし、それ以前に、そこまでスクロールしないで離脱しますよね。

だから消すってこと。

なるほどねーって関心しました。

 

というわけでスマホだと記事のあとは、関連記事しか出ません。(SNSボタンとかは出るけど)

 

結果的にサイドバーは、どう変わったのか

kasutamuhaiti

 

  1. グーグルカスタム検索
  2. Twitter+Feedly
  3. 新着記事
  4. カテゴリー
  5. PCのみサイドバー表示

 

とにかく最近の投稿がヤヴァすぎだったなw

 

ウィジェットを2つ消して、1つ詰めたので大分納得の行く仕上がりになりました。

初めてまともなサイドバー構成になった気がします。

しばらくいじらなくって良さそうだ。

 

アドセンスの配置

adsensehaiti

 

とりあえず記事中の広告って、ユーザビリティ下げるし、クリック率も全然上がらないし辞めることにしました。

ずっと前に一番下に1つだけ付けていたんだけど、それと比べて記事中につけても、クリック率は全然変わってなかったw

それはSEO的に考えてもマズイ、とりあえず完全に失敗してましたね。

 

というわけで、共通設定で記事前に余白を取って細長いのを1つ。

PC版は記事の終わりにダブルレクタングル。(中央縦だけどw)

モバイル版はレスポンシブ広告を記事の終わりに1つ、関連記事の前に1つだ。

 

この配置ならば、ユーザビリティが以前より大分マシ。

 

終わりに

 

このブログの読者は、ほとんどスマートフォンからの閲覧にも関わらず、今までレスポンシブデザインっていうだけでちょっと不便でしたね。

知り合いのスマホからの人は結構みんな使いにくいと思っていた気がしますが、言わないというのは日本人的なものを感じます。

詳しくないから口を出さないというパターン。

 

でも気にせず、なんでも思ったことは遠慮なく言ってほしい。

書いてほしい記事、誤字脱字の報告とかなんでもどうぞ。