ブログ運営 ブログ運営-コスパのいいブログ運営研究

『はてなブログ』PC画面のサイドバー情報を断捨離し、Milliardを導入してみた!

今週はブログ画面改善週間!

と、自分で勝手に決めましたw昨日の夜くらいにw

で、とりあえず朝からいろいろやって少し疲れましたが、だいぶ良くなったと思ったので誰かの役に立てばと思い、記事にしてみます。

 

本日の記事は、

◆やっぱりレスポンシブデザインがいいと思う。
◆レスポンシブデザインを早く表示するためにやったこと
◆Milliard導入!

の三本でーす!
じゃんけんぽん!!

 f:id:A1riron:20150622145602j:image

◆やっぱりレスポンシブデザインがいいと思う。

今年4月くらいにグーグル先生がモバイル対応していないサイトの検索順位を下げるというデマ噂がありました。

で、はてなブログ界隈でも「レスポンシブデザイン」とやらのテーマならモバイル対応しているので大丈夫だというデマ噂があり、、、

僕もいろいろ調べてみました。

 

▼レスポンシブデザインに関してはこちらがわかりやすかったです。

レスポンシブWebデザインのメリット・デメリットをわかりやすく!解説|Tips*Blog|株式会社コプロシステム

 

ちょうど僕もその頃、「夜」っぽいデザインテーマだった画面を「朝」っぽくしたいなー、と思っており、、、

 

「レスポンシブルー」といいうふざけた名前のテーマを試しにやってみたら、これが僕的には大ヒット!!
モバイル対応してて、「朝」っぽいデザインならサイコ―じゃん!って思いました。

試しに携帯屋のタブレットから見てみたら(タブレット持ってない)サイドバーのウィジットとかが下に表示されて超クール!

 

でも、それからなぜかちょっと画面が重くなったんです。。。
レスポンシブにするとすべてのデバイス幅に合わせて用意した画像を読み込んでしまうために▼やはり表示が遅くなるようです。

レスポンシブWebデザイン高速化のために必要なことは? | モバイルラボ

で、ずっと画面表示が遅いままブログを書いていました。。。

 

 

◆レスポンシブデザインを早く表示するためにやったこと

レスポンシブ画面になったから表示が遅くなったのか、単に記事が長く写真が多くなったから重くなったからかわかりませんが(たぶん後者が大きいw)

 

本日、いろいろ変更してだいぶ早くなりました!!

 

まず、トップ画面から表示されるブログ記事を10→1に激減させました!
っていうか、なんで今まで10も表示させてたんだか。。。
あんまりトップ画面を下スクロールしないから盲点でした。。。
トップ画面が重いと思う方は記事数を見直してみてもいいかもしれません。

 

記事数を減らさず、多くの方がやっている▼「続きを読む」記事の最初だけ表示することも検討しましたが、、、

長いブログもスッキリと表示。記事を分割する「続きを読む」記法をリリースしました - はてなブログ開発ブログ

毎回、記事中に設定しないといけないのが面倒なのと、僕が個人的に好きじゃないので(いっきに読んでもらいたい)今回は見送りw

次にサイドバー情報を大幅に断捨離しました!

 

まずだらだらと長かった自己紹介をシンプルに。
で、その自己紹介をサイドバーの一番上に戻しました。

 

ついでにブログ自体の説明文(ブログタイトル直後の説明文)も、
「ポジティブにつぶやき中@A1riron 」
と、かなりシンプルに。
ここが長いとスマホ画面を圧迫するんですよね。。。
なのでストレングス・ファインダーでの僕の資質でもある「ポジティブ」とtwitterID中心でスマホ表示一行にしました。

 

サイドバーに話を戻すと、今まで無駄にベタベタ貼っていたブログ村ボタンやfeedlyボタンをひとつに統一。
さらに「良く読まれている記事」を断捨離し、はてブ上位記事を「人気記事」としてサムネ表示も断捨離。

 

で、これはかなり革命的だったのですが、ほとんどのブログにあるであろう

「最新記事」を断捨離し、ブログ村パーツで代用!

▼こちらをご参照

hapilaki.hateblo.jp

 

というのも、僕自身、初めてのブログをPC画面で見てもほとんど「最新記事」は見ないんですよね。「人気記事」ばっかり。(それでどんなブログか判断w)

 

なので最新記事を読みたい方はブログ村パーツから。
これならブログ村ポイントも入るし、記事数もかなり多く表示できる。
「人気記事」とデザインが違ってわかりやすいし、これで読者の方が閲覧する癖がついたらもうけもの!(ブログ村ポイントの)

で、意外と自分でも過去記事に飛ぶのに使えるな、とも思い始めてきましたw
また、これから記事を量産していきたいと思っているので最新記事を表示させることにあまり意味を感じなくなりました。
なのでしばらくはこのままで。

他にはtwitterウィジットを断捨離は少し悩みましたが、僕はかなりtwitterでつぶやくので残しました。

 

そして増やしたのは妹や弟ブログへの「リンク」集!
兄さんはいつもみんなを見てるからね!!w

 

 

◆Milliard導入!

本多メグさんの記事でも紹介されていた、関連記事を自動で挿入してくれるツールのMilliardを導入しました!

www.meguminimal.com

Milliard関連ページプラグインについて | シスウ株式会社

 

現在、まだサムネ画像が反映されてないですが(サムネ画像反映まで数時間かかる)、これすごくいいと思います!!

もう手動で関連記事を記事の最後に無理やり入れるのはソーシャルボタンまでの距離を長くするだけのような気がしてきたので、本当に入れたい記事のみ本文中メインに入れようと思いました!

 

僕的に設定した感想をいくつか。

メグさんも書いていますが、スマホ画面のMilliardはスクロールするとうざいので「スクロール非対応」にしたほうがいいです!
そしてPCは「パネル」、スマホは「リスト」表示がオススメです!(スマホでパネルは見にくい)

 

あと、スマホは「フッターの下」にも入れるとふたつ入ってお得!!
スマホ画面のスクロールした最後の最後はけっこう「穴場」らしいのでそこになにかをずっと入れたかったんですよね~!

 

http://www.yukihy.com/entry/how-to-set-up-Milliard-related-post
この記事に詳しくMilliard設定画面が載っています。

僕の設定は上から順に、

・URL
・はてなブログ
・「関連記事」と入れる
・関連度順
・「フッターの下」「挿入箇所」の両方にチェック
・PC表示は「パネル」
・スマホ表示は「リスト」
・挿入箇所のスクロールを無効にするにチェック!
・件数表示はなにも入れずにデフォルトの5件にしました。

このMilliardはかなりオススメですね!

特にはてなブログPROの方はPC画面と設定同期する必要なく、グーグルアドセンスをフレキシブルに設定できるのでおすすめです!
またブログ画面がおしゃれにもなるので女性にもオススメです!!

 

この記事がみなさんのブログ画面改善にお役にたてれば幸いです!!

明日以降は、
・グーグルアドセンスの位置
・パンくずリスト
・マネタイズ
・facebookページ
等々でブログを改善させていく予定です!!

ブログ運営 ブログ運営-このブログについて ミニマリズム ミニマリズム-生活

2022/6/18

僕は1998年の春から今日も、インターネット上に「なんてことない雑文」ばかり書き続けている。

「インターネットに雑文を書き続けて、まもなく四半世紀になるなぁ。」 と、先日ふと思ったので、そんな「僕は雑文ばかり書いてきた」という雑文を書いてみることにしました。 この記事は毒にも薬にもならない記事で、生活お役立ち記事でもないです。SEOも意識していないですし、バズることもありません。最近、「ブログの神様」と言われ始めた僕の昔のブログ仲間のヒトデがよく言うベネフィット()も特にありませんw 目次1 『なんでもない日記』がインターネットから「フェードアウト」している。2 日本の『平成』時代は『コミュニティ ...

ReadMore

ミニマリズム ミニマリズム-生活

2022/6/17

家に送られてきた住民税の税額決定・納税通知書を確認したらふるさと納税の控除が反映されてなかった!確認方法と対処法をお伝えします!

昨年から楽天経済圏の住民のA1理論です! 昨年末に人生初の楽天ふるさと納税を行い、今年2月に確定申告を行いましたが、今月6月に家に送付されてきた上記アイキャッチ写真の住民税の納付書(『特別区民税・都民税 税額決定・納税通知書』これは東京都新宿区の場合。自治体によって名称は異なると思います)にふるさと納税の控除が反映されていませんでした!今回はその確認方法と対処方法をシェアします! 初めてふるさと納税した方、住民税にふるさと納税の控除が反映されているかどうかの確認方法を知りたい方、反映されていなかった場合の ...

ReadMore

ミニマリズム ミニマリズム-生活

2022/6/8

2022年の健康診査&がん検診!健康体すぎて病院の先生にめっちゃ褒められたよ!

ここ1年間ほど仕事そっちのけで『健康活動』にいそしんできた44歳男子のA1理論です! 今年も6月になり、僕が住んでいる自治体(市区町村、僕の場合は東京都新宿区)から健康診査とがん検診のご案内の封筒が届いたので、最速で健康診査とがん検診を受診しました!最終の検査結果が出るのは約1ヶ月後ですが、予想通り今回の健康診査とがん検診では先生にめっちゃ褒められました!今回のこの記事では全日本人、特に40歳以上の健康診査やがん検診について語りたいと思っています! この記事が、長らく健康診査やがん検診に行っていない方、健 ...

ReadMore

ミニマリズム ミニマリズム-ミニマリスト本 ミニマリズム-ミニマリズム論

2022/6/5

『2010年代のミニマリスト』と『2020年代のミニマリスト』の違いを考えてみた!

※今回の記事は個人の経験の範囲で考えて書いた極めて主観的な記事です。 「ミニマリストを分析するのが大好きなミニマリスト」のA1理論です。僕の狭いアパートの部屋にはミニマリスト本がいっぱいで、もう「ミニマリスト評論家」を名乗ろうかなwさて、そんな僕は1年ほどまえの昨年6月ごろから「2010年代のミニマリスト」と「2020年代のミニマリスト」の違いをぼーっと考えていました。▼この2者の違い。 ●「2010年代のミニマリスト」は3.11からコロナ前までのミニマリスト●「2020年代のミニマリスト」はコロナ後のミ ...

ReadMore

ブログ運営 ブログ運営-コスパのいいブログ運営研究 ミニマリズム

2022/6/4

【2022年夏】ブログ初心者&中級者向けのRinker登録オススメASP!(Amazon &楽天市場&もしもアフィリエイト&バリューコマース)

ここ2週間以上、ワードプレスの物販プラグインである『Rinker』に登録するベストなASPに関して調べて考えまくっていたRinker初心者のA1理論です!(ブログ歴は無駄に長い) Rinkerに登録するASPに関してはいろんなブログ記事や動画でいろんな情報が錯綜していて、かつ2020年前後の古い情報も多いので、今回、僕なりに情報を整理し、そこからベストな登録ASPを考えてみたのでその理由とともに書いていきたいと思います。またこの記事はブログ初心者の方と中級者以上の方、両方に向けて分けて書いてみました!(多 ...

ReadMore

-ブログ運営, ブログ運営-コスパのいいブログ運営研究

© 2022 A1理論はミニマリスト Powered by AFFINGER5