「Lighthouse」 Google Chrome拡張機能でサイト診断

WP自習部屋
この記事は約3分で読めます。
スポンサーリンク

自分のサイトが「今どんな状態なのか?」と思う事があると思います。

サイト作成しているなら、検索の順位にも関わってくる大事なポイントだと思いますが、Google Chrome拡張機能で簡単に診断できるツールがあるのを知っていますか?

 

 

自分のサイトの改善点を教えてくれる

サイトを作っていて「自分のサイトはどうなのか?」と思う事になったりします。

管理ベージではどんな状態かはリンクエラー等は教えてくれますが、全体での改善点などはそのままでは見えてきません。

それをGoogleが見える形で教えてくれます。

それがGoogle chromeの拡張機能「Lighthouse」なんです。

 

「Lighthouse」無料で拡張機能への追加

 

Google chromeを使用しているならとても簡単に追加が出来ます。

検索で「拡張機能 Lighthouse」か

こちらをクリック 拡張機能 Lighthouse して「chrome ウェブストア」へ移動し「chromeに追加」をクリック

「 Lighthouseを追加しますか」で「拡張機能を追加」をクリックします。

これでGoogle chromeにサイト診断「Lighthouse」が追加されました。

 

早速「Lighthouse」でサイト診断

「Lighthouse」を使用できるようになったのなら、早速サイト診断をしてみましょう。

診断したいサイトを開きます。

chromeのバー右に拡張機能のマークをクリックし「Lighthouse」をクリック

 

診断設定は「診断画面に右上」をクリックすることで変更できます。

 

「Lighthouse」が表示されるので「Generete report」をクリックすると新しいタブで検索が開始(1~2分かかる時もあります)されます。(表記は英語ですが日本語に変換できます)

サイトの結果が表示され

・パフォーマンス・・・ウェブサイトの表示速度

・アクセシビリティ・・・サイトの見やすさなど

・ベストプラクティス・・サイトが最適の構造なのか

・SEO  ・・・検索エンジンの最適化

・PWA  ・・・モバイル向けのWebサイトなのか

のGoogleから見た結果が表示されます。

全部が「緑色」ならいいのですが(オール100なら言う事なし)点数が低かったり、最悪赤くなってしまた所は改善が必要な所になります。

「Lighthouse」でサイトの改善を確認しながらいい状態のサイトを維持したいですね。

 

コメント

タイトルとURLをコピーしました