紅茶の気まぐれブログ

気まぐれにブログ運営中 投稿頻度不定期

はてなブログの表示速度を改善してみた

はてなプロ

 

SEOの観点で重要なのがページの表示速度です。

Googleは2012年からページの表示速度がランキング要因であることを公にしています。

 

Googleの品質管理管理チームの責任者も

 表示速度以外のすべての条件が同じだった場合、ランキングは左右される

と述べています。

同じテーマについて投稿した場合内容などの条件が同じだった場合表示速度の早いサイトの方が上に上がってしまうということです。

 

はてなブログの表示速度を極力早くできる方法を考えてみました

 

 

ページ表示速度の測定方法

f:id:koutya12:20191027175053j:plain

 

Google pagespeed Insights

developers.google.com

 

 

f:id:koutya12:20191027180015p:plain

Googleが提供している解析ツールで自分のサイトのURLを打ち込むだけでサイトの情報が表示されます。

 

当サイトの現状 

f:id:koutya12:20191027181532p:plain

スマホサイトのスコアは驚きの34でしたw

スコアの表示も最低ランクの赤表示流石にこれではSEOの観点からよくありません 。

詳細スコアはこちらです。

f:id:koutya12:20191027181353p:plain

f:id:koutya12:20191027181430p:plain

f:id:koutya12:20191027181434p:plain

 今回はスマホメインで改善していこうと思います。

 

はてなスター・はてなブックマークコメントを非表示に

f:id:koutya12:20191027183531p:plain

デザイン設定→カスタマイズ→記事からはてなスター・はてなブックマークコメントを探してチェックマークを外す。

f:id:koutya12:20191027184001p:plain

はてなスター・はてなブックマークコメントを消すだけでスコアが2上がりました。

 

CSSコードも貼り付けてください

.page-index .hatena-star-add-button {

   display: none;

}

.page-index .hatena-star-user {

   display: none;

}

.page-index .hatena-star-star {

   display: none;

}

.page-index .hatena-star-inner-count {

   display: none;

}

.page-index .hatena-star-star-container {

   display: none;

}

f:id:koutya12:20191027185704p:plain


貼り付け後のスコアがこちらです。

47と11もスコアアップしました。