霞美@ベースの雑記ブログ

女装ベーシスト×DTMerとしての経験と、カフェ店長としての経験を元に 『音楽』『人生論』『ネット活動』をメインテーマに様々な記事を書いているブログです♪

【SEO対策】はてなブログを高速化♪読み込み速度を上げる7つの方法

こんにちは
霞美@ベース(@kasumi_bass_)です♪


以前、『ブログ始めて1ヶ月でしたこと』について、ご紹介させて頂きました♪
www.kasumibassblog.com


今回はSEO対策『はてなブログの高速化』について、自身が挑戦した事とその結果をご紹介します♪

高速化は重要なSEO対策

はてなブログを始めて、もう少しで2ヶ月になるので、Google流入を意識したSEO対策を考え始めました♪

SEO対策にはいろんなものがあるのですが、その中で注目したのがページの読み込み速度です(*´ω`*)

ページの読み込み速度は、Googleの検索順位に大きな影響があります(゜ロ゜)


読み込み速度を調べるならこちら
PageSpeed Insights


ちなみに私のページは…

f:id:kasumibass:20190525164322j:plain

あまり良くはありません‥(゜ロ゜;


今回は、そんな『Google流入を意識したページの読み込み速度の改善…

つまり、『ブログの高速化』について、

  • 実際に行った内容
  • 参考にさせて頂いた記事
  • 結果

をまとめました♪

同じようにページの読み込み速度を気にしている初心者ブロガーさんは是非、参考にしてくださいね(*´ー`*)

はてなブログ高速化への道

読み込み速度にはやはり、サーバーの影響は大きいです( ゜o゜)

しかし、それ以外にもたくさんできる事はあります♪

いろいろ調べて試してみた内容を順番に載せたので、『はてなブログの高速化』に興味がある方は試してみてください(*´ー`*)

1.画像の軽量化

これは「できればブログ開始前に知っておきたかったーΣ(´□`;)」という項目ですね(笑)

何も考えずに画像を『ポチポチッ』とアップしてました…(笑)


写真をそのままアップするとすごーく重たくて、ページ読み込み速度にかなり影響を与えます!

私は20記事あたりでこれを知って、全ての記事の画像を貼り直ししましたよ‥(°Д°)(笑)


そんな大変なことになる前に、今からはてなブログ始める方やまだ始めたての方は是非、早いうちに以下の対策しておくことをおすすめします♪

画像の圧縮

私が使わせて頂いている無料の画像変換サイトです♪

TinyJPG – Compress WebP, PNG and JPEG images intelligently


画像を選択してダウンロードするだけなので操作も簡単です♪

はてなフォトの設定

f:id:kasumibass:20190525164838j:plain

はてなブログでは、画像を『はてなフォトライフ』にアップして貼り付ける形になります♪

その『はてなフォトライフ』の『設定』から、アップする際の画質を『80%』まで落とします(*´ー`*)

画質に徹底的にこだわりのある方にはおすすめはできませんが、ブログの高速化やGoogle流入を意識されている方はこの設定をしておくことをおすすめします(*´∇`*)

画像の軽量化をして、少しでもブログの読み込み速度をあげましょう♪

2.記事内に独自のシェアボタンの作成

f:id:kasumibass:20211009062645j:plain

はてなブログで設定できるシェアボタンは重たいため全て外しちゃいました(* ̄∇ ̄*)


ただ、外してしまうとシェアしてもらえなくなってしまうので、独自のシェアボタンを設置しました♪

この方が軽いようですね♪


「あまり変わらない…」なんて意見も中にはありますが、私としては効果があると感じています(*´∀`)♪


同じように『少しでも高速化したい!』という人は試してみてください(*´∀`)♪

3.プロフィールをHTMLに変更

f:id:kasumibass:20210224081654j:plain

サイドバーにプロフィールはあるのですが、これもシェアボタン同様、はてなブログのものは使わずに独自のものを使うことにしました♪

カウンター付きの『読者になる』ボタンが重いようなので、カウンターは使わない形が高速化に繋がるのではないかと考えています!


プロフィールのカスタマイズの参考にさせて頂いた記事はこちら

記事下にプロフィールを設置したい方も是非参考にどうぞ♪

4.はてなブログproならではの項目変更

はてなブログの高速化には『はてなブログpro』への移行は必須と言えます(*´ー`*)

それほど、はてなブログproにはブログの軽量化に繋がるたくさんの項目があります♪

はてなブログproにすれば有料にはなってしまいますが、この項目はそれだけのメリットはあると私は思います♪


そんな『はてなブログpro』にしか変更できない項目を、高速化のために以下のように変更してみました♪

全文形式から一覧形式へ変更

無料版ではトップページに記事の『全文』が表示されますが、はてなブログproであれば『一覧』に変更することが可能です♪

これは軽量化になるだけでなく、見やすくもなるので一石二鳥ですね(*´∇`*)


表示させる記事数を減らすことで、より高速化を図ることができるので、私は表示記事を『3記事』まで減らしてみました♪

キーワードリンクを付与しない

これも軽量化に繋がるので外してしまいました♪

キーワードリンクはスパム扱いになることもあるらしいので、何か必要とする目的がない限り、読み込み速度を意識していない方も外しておいた方がいいようにも思えます(゜ロ゜)

『はてな』による広告非表示

これは不要かつ重たくなるだけで何のメリットもありませんΣ(´□`;)

ブログが読み辛くなったり、自身で貼っている広告のクリック率も下がったりと、デメリット要素が大きいです(°Д°)

私ははてなブログpro移行後、すぐに外しました♪

ヘッダ・フッタの非表示

プライバシーポリシー等もサイドバーに設置しており、ヘッダ・フッタ共に何も活用していなかったので外しました♪

なくてもさほど気にならないですし、読み込み速度を考えると外してしまう方がいいでしょう(*´∀`)♪

5.サイドバーの調整

サイドバーも不要なものは削除し、必要最低限に抑え、微々たるものではありますが、高速化を図りました♪

サイドバー自体を無くしてしまうのも一つなのですが、そうするとプライバシーポリシー等が掲載できなくなってしまうので、サイドバーは残しました(゜ロ゜;

6.はてなスター&はてなブックマークコメントの非表示

f:id:kasumibass:20190525165710j:plain

これはたくさんもらえると嬉しいですし、悩むポイントでもありましたΣ(´□`;)

ただ、やはり目的はSEO対策としてのブログの『高速化』


少し重たいので、思い切って外してみましたー!

まぁまた戻すかもしれませんが‥(笑)

『はてなスター』と『はてなブックマーク』はGoogle流入等で訪れた人には全く関係のないものですので、読み込み速度を考える人はこうして思い切って外してみるのも手ですね♪

ただ、はてなブログでの繋がりとしては非常に大きな役割があるため、『自分がどこを重要視しているか?』を考えながら判断する事をおすすめします(*´∇`*)

7.cssの圧縮

ブログのカスタマイズをしていくにつれ、cssが膨大な量になっていきます…

これも読み込み速度に大きな影響を与えます(゜ロ゜)


かといってカスタマイズをしないわけにもいかない‥

そこでこのcssの圧縮に行き着きました!


参考にさせて頂いた記事はこちら


同じようにcssが膨大な量になってきて、読み込み速度を考えている人は試してみてはいかがでしょうか?

万が一に備えて、試す前にバックアップをとっておくと安心です(*´∀`)♪

高速化の結果

上記のはてなブログ高速化を試した結果は?

f:id:kasumibass:20190525165825j:plain


おぉ、快適じゃないですか(笑)

まぁ結構ムラがあるので、低いときは低いですが、それでも平均値が格段に上がりました♪

SEO対策としては、やって良かったかなと思っています(* ̄∇ ̄*)

まとめ

ページの読み込み速度の向上『高速化』はSEO対策として重要な項目の一つです♪


それ以外にも、読み込みが遅いと見に来てくださった人がそのまま表示される前にページを離れてしまう可能性も出てきます(つд;*)

SEO対策だけでなく、快適に読んでもらうためにも、可能な範囲で改善に力を入れる必要があるのではないかと私は思います♪


ただ、速度を意識しすぎて、

  • トップページになにもない
  • デザインがシンプル過ぎる

となっては、せっかく来てもらえても魅力を感じてもらえません(;´∀`)

設定したらずっとその設定で運営しなければいけないわけでもないので、自身の目的とブログのバランスを常に考えながら、その都度調整していくことが大切だと言えるでしょう♪


ぜひ、見てもらうべき人に見てもらいながら、楽しくブログをやっていきましょう( ̄▽ ̄)ゞ


それでは良いブロガーライフを♪

では今回はここまで♪