あそびラボ

お問い合わせ

あそびラボ

お気軽にご相談ください

  • 03-6905-8103
  • 受付時間:平日10:00-18:00

ご相談・お問い合わせ

内部施策1(ページ表示速度編)2018.11.27

内部クエスト1

かえる先生
かえる先生

では、今日から本格的に
内部施策の勉強を
していくケロ!

どんぐり君
どんぐり君

ついに実践的なことを
教えてくれるんですね!
ここから本気で頑張らないと!

かえる先生
かえる先生

まず、大前提として
ページ速度は高速にすること!
ページ速度はSEOにおいて重要ケロ。

どんぐり君
どんぐり君

でも、ページ速度って
どうやって調べればいいんですか?

かえる先生
かえる先生

ページ速度の確認方法は
Googleのページスピードインサイト
使うといいケロ。

ページのスピードはPageSpeed Insightsで調べよう!

Googleが提供しているツールPageSpeed Insightsを使うと簡単にあなたのWebサイトの
スピードがわかります!

以前は、ページの表示スピードが早いほうが良いらしいという感じでしたが、
2018年7月にGoogleが、ページの表示速度をモバイル検索のランキング要因として
導入するスピード アップデート(Speed Update)についてアナウンスしました。

まだ憶測の部分もありますが、表示速度が速いと評価が上がるというより、
遅いと減点されているように感じます。

ページの高速化はSEO対策だけではなく、Webサイトからの離脱率を下げるためにも
重要です。特にスマホは通信状況で速度の影響をかなり受けるので、モバイルでの
速度改善は重要になります。

下記はあそびラボのWebサイトを計測した結果です!
PC、モバイル共に高得点になるように制作しています。

PageSpeed Insights
PageSpeed Insightsモバイルファーストになってきている現在では、ページの表示速度の重要度が
どんどん上がってくると思います。

PageSpeed Insightsは、改善策も提案してくれるので、とてもありがたいツールです!

ページの速度を遅くする原因は?

原因はいろいろありますが、よくある原因は下記などです。

① 重たい画像ファイルを多用している。
② scriptをたくさん使っている。
③ 使用しているレンタルサーバーによる影響。
④ Webフォントを使っている。もしくは多用している。

① 重たい画像ファイルを多用している

画像に関して多いのは、コンテンツページで使用している画像もありますが、
WordPressでのブログ投稿などで、ものすごく解像度の高い画像を使っていたりする方に
よく見受けられます。

Web用に使う画像は、低い解像度でもけっこうキレイに見えるので、印刷レベルの解像度に
しなくても大丈夫です!

単純に普通のコンテンツで使用している画像容量が大きい場合は、Optimizezillaなどの
画像圧縮サイトを使えば、そこまで解像度を下げずにファイルサイズを小さくすることが出来ます!

② scriptをたくさん使っている

scriptをたくさん使っている場合は、ページが表示されてからscriptを読み込んでも
いいものがあれば、フッター等に入れてあげると改善されることがあります。

③ 使用しているレンタルサーバーによる影響

③はWordpressを使っている方が特に影響があるかもです。
Wordpressに最適ではないレンタルサーバーもあるため、使用サーバーを
変えることにより、改善することも多々あります。

最近は各レンタルサーバーさんが、Wordpressに特化したサーバーのサービスも
始めていますし、弊社のおすすめは「Xサーバー」さんになります。
1年契約だと月額1,000円位ですし、Wordpressで作ったサイトもサクサク動きます。

④ Webフォントを使っている。もしくは多用している

Webフォントを使っているというのも最近は結構多いですね。
ブラウザのキャッシュを利用する設定をすれば、速度を改善することは出来ますが、
Webフォントを使っていると今でもやはり速度は遅くなるように感じることが多々あります。

レスポンシブデザインが広まり、シンプルなデザインが流行った影響かもしれませんが、
どうも最近は画像とフォントのオシャレさに頼ってしまう傾向が強くなっているように思います。

しかし、見た目ばかりにこだわり、ページの表示速度が遅くなって離脱されてしまうと
せっかくオシャレに作ったサイトを見てもらうことが出来ずもったいないです(> <)

フォントや画像のオシャレさに頼ってばかりでなくても、よいデザインは作れますので、
難しいけど頑張ってみるのも楽しいですよね。

あと、ht.accessファイルの記述をいじる等で、表示速度が上がることもありますが、
ちょっと難しいので機会があれば書いていきます。
あそびラボに制作を依頼してくれた方には、デフォルトで設定していますゞ

どんぐり君
どんぐり君

なるほど~。
ホームページを作る際は
はじめから表示速度を意識して
作った方が良さそうですね。

かえる先生
かえる先生

あとから画像を圧縮して
入れ替えるのは面倒なので
出来ることははじめから
取り組んだ方が楽ケロね。

どんぐり君
どんぐり君

よーーし、速度をはじめから
意識して作るぞー!
で、次は何を気を付ければ
いいですか?

かえる先生
かえる先生

次は・・・・

どんぐり君
どんぐり君

次は・・・・(緊張)

かえる先生
かえる先生

次回に続くケロ!

どんぐり君
どんぐり君

ズコーーーーー!!
(転倒)
次回もよろしくお願いします~

へっぽこ SEO講座一覧へ

池袋・練馬近郊でSEO対策のご相談をされたい方はこちら ▶