「あたりまえ」をアップデートしつづける

お問い合わせ

簡単!ツールを利用してコアウェブバイタルの計測をしてみよう!

  • 投稿日 :
  • 最終更新日 :

読了目安 : 5分

富本
フロントエンドエンジニア

地元・愛知県の印刷会社や広告会社のWeb制作部門にてウェブサイトのコーディングをメインに、大小様々なWeb制作に携わる。2014年頃、BAに入社しフロントエンドエンジニアUNITに所属。Webサイトのコーディング、ガイドラインやコンポーネントの設計・作成のほか、ディレクターとしてと開発・運用の進行管理なども行っている。好きなキャラクターはリラックマ。行きたい国はイタリア。

プロフィールアイコン(イラスト):フロントエンドエンジニア 富本

Googleの検索ランキングにも大きな影響をもつと言われている「コアウェブバイタル(Core Web Vitals)」について「対応状況を確認したいけど方法がよくわからない」という方向けに計測ツールについてご紹介します。

このGoogleの検索ランキングへは2021年5月から適用となっていますが、弊社でもクライアント企業から対策についての依頼が少しずつ増えています。
改善に向けて今から取り組みを進めることをおすすめします。

Google Search Console(グーグルサーチコンソール)

Google Search Console(グーグルサーチコンソール)とは、Google検索結果でのサイトの掲載順位を監視、管理、改善するのに役立つGoogleのツールです。
管理しているサイト内全体をチェックできます。全体での現状把握がしやすいため、優先度の高いページから対応を進めるなど施策の検討にも役立ちます。

手順

  1. サーチコンソールにログインし、左サイドのメニューバー内「拡張」の「ウェブに関する主な指標」を選択
  2. PC、モバイル別などでインデックスされているURLの評価を確認
  3. 評価グラフの右上の「レポートを開く」をクリック
  4. 評価の悪い項目と、その項目に該当するURLの数が確認できます
参考

PageSpeed Insights(ページスピードインサイト)

PageSpeed Insights(ページスピードインサイト)とは、PCやモバイル向けページについて、実際のパフォーマンスに関するレポートやページの改善方法を確認できるツールです。
指定した1つのURLの表示スピードに関する評価と、コアウェブバイタルの指標に関する評価、改善項目が示されます。速度のスコアとともにCore Web Vitalsの数値が表示されます。

手順

  1. PageSpeed Insightsへアクセス
  2. 任意の検索したいURLを入力、「分析」ボタンをクリック
  3. 評価の悪い項目と、その項目に該当するURLの数が確認できます
PageSpeed Insights(ページスピードインサイト)での「https://basixs.com/」のPCの測定結果
参考

Lighthouse(ライトハウス)

Lighthouse(ライトハウス)とは、Googleが無料で提供しているWebページの品質・パフォーマンス・改善項目を自動で計測してくれるツールです。
Chrome拡張機能やChrome DevToolsとしても提供されており、簡単にコンテンツの課題点や改善方法を把握でき、施策検討にも役立てることができます。

Chrome拡張機能での手順

  1. インストール完了
  2. ブラウザの右上、拡張機能のアイコンが表示される箇所にLighthouse(ライトハウス)のアイコンが表示さます
  3. 対象のページを開いた状態でアイコンをクリックし、「Generate Report」のボタンをクリック
  4. 別タブでレポートが表示されます
Lighthouse(ライトハウス)Chrome拡張機能での「https://basixs.com/」のPCの測定結果

Chrome DevToolsでの手順

  1. 対象のページを開いた状態でChrome DevToolsを開く
  2. タブメニューの「Lighthouse」を選択
  3. 「Generate Report」のボタンをクリック
  4. レポートが表示されます
Lighthouse(ライトハウス)Chrome DevToolsでの「https://basixs.com/」のモバイルの測定結果
参考
  • Measure. web.dev. (参照 2021-02-25)
  • Lighthouse. web.dev. (参照 2021-02-25)
  • Lighthouse. Chrome ウェブストア. (参照 2021-02-25)

最後に

サイトの評価を簡単に把握できるコアウェブバイタル(Core Web Vitals)の計測ツールを紹介いたしました。SEO改善以外にも、UI/UX向上のためのチェックツールとしても、活用してみてください。

お気軽にご相談ください

サービスの詳しい情報や仕事のご依頼については、お気軽にご相談ください。

お問い合わせ

関連する記事

  • SEOでWebコンテンツを検索してもらおう!実践した事を紹介

    • 投稿日 :
    • 最終更新日 :
    • SEO
    • コンテンツマーケティング
    • 情報設計

    詳しく見る

  • 在宅勤務中のイライラを抑えるアンガーマネジメント術

    • 投稿日 :
    • 最終更新日 :
    • コミュニケーション
    • テレワーク
    • ライフハック

    詳しく見る

  • テレワーク中でも集中力をアップさせるポモドーロ・テクニックとは?

    • 投稿日 :
    • 最終更新日 :
    • スキルアップ
    • テレワーク
    • 働き方改革

    詳しく見る

この記事をシェアする

FACEBOOK
Facebookシェア
Twitter
Twitterシェア
はてなブックマーク
はてなブックマークに追加