今回はSite Kit by Googleの設定方法について初心者の方にわかりやすく解説します!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/user_nega_1-e1689220548316-150x150.png)
Site Kitってどんなプラグインなの?
![](https://haseblo-blog.com/wp-content/uploads/2023/07/user_nega_2-150x150.png)
Site Kitの導入方法を教えてほしい…。
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_7-150x150.png)
そんな疑問やお悩みにSite Kit by Googleの導入とあわせてサーチコンソールやアナリティクス(GA4)も連携する方法を詳しく解説しますね!
Site Kit by GoogleはGoogle公式のWordPressプラグインで、Googleが提供するサイト分析ツールであるサーチコンソールやアナリティクスなどを連携させて使うことができます!
「設定方法とか連携方法とかややこしくて難しそう…」という方でも大丈夫です!Site Kit by Googleのセットアップ方法はとても簡単で、サーチコンソールやアナリティクスの連携も一緒に行うことができますよ!
本記事を読みながら最後まで実践することで、WordPressからサーチコンソールやアナリティクスなどのツールで測定したデータの一部を直接見ることができるようになります!
本記事の流れ
- Site Kit by Googleの概要
- Site Kit by Googleの導入
- Site Kit by Googleの設定
- Site Kit by Googleの設定を確認
- Site Kit by Googleのダッシュボード確認
- Site Kitが導入できたらやっておくこと
それでは始めましょう!
Site Kit by Googleの概要
Site kit by Googleとは?
![1-4 - HASEBLO Site Kit by Googleとは?](https://haseblo-blog.com/wp-content/uploads/2023/07/1-4-edited.png)
Site Kit by Googleって何?という方のために簡単にご紹介しますね!
![2-3 - HASEBLO Site Kit by Google](https://haseblo-blog.com/wp-content/uploads/2023/07/2-3-edited.png)
前述したとおり、Site Kit by GoogleはGoogle公式のWordPressプラグインです!
Site Kit は、ウェブ上でサイト分析を成功させるために重要な Google ツールを展開、管理、チェックするためのワンストップソリューションです。
引用元:Site Kit by Google
とあるように、Googleが提供する色々な分析・収益化ツールと連携することができます!
具体的には以下のツール(サービス)と連携可能です!
ツール(サービス) | 概要 |
---|---|
サーチコンソール | 検索に関するデータを測定 |
アナリティクス | アクセスに関するデータを測定 |
PageSpeed Insights | サイトの表示スピードの測定・改善提案 |
タグマネージャー | タグの一元管理 |
AdSense | Google広告で収益化・管理 |
オプティマイズ | サイトのテスト |
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_7-150x150.png)
有効インストール数は300万以上なのでとても人気の高いプラグインと言えますね!
Site Kit by Googleの特徴
![4-4 - HASEBLO Site Kit by Googleの特徴](https://haseblo-blog.com/wp-content/uploads/2023/07/4-4-edited.png)
つづいてSite Kit by Googleの特徴について解説します!
特徴①:ダッシュボードで確認できる
![2023-07-27_05h54_37 - HASEBLO Site Kitのダッシュボード](https://haseblo-blog.com/wp-content/uploads/2023/08/2023-07-27_05h54_37-edited.png)
Site Kit by Googleの特徴の一つ目は、WordPressの管理画面から直接分析ツールの情報が確認できることです!
サーチコンソールやアナリティクス、PageSpeed Insightsといった分析ツールと連携することで、それぞれのツールで測定したデータの一部をSite Kitのダッシュボード上で直接確認できるんです!
詳細な設定や細かいデータの確認・分析などはツールごとの専用サイトで行うのですが、ザックリとでもWordPress上で数値を確認できるととても便利ですよ!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_6-150x150.png)
Site Kit by Googleのダッシュボードはシンプルでわかりやすいので、分析に慣れていない方でも直感的に理解しやすいですね!
特徴②:Google公式プラグインという安心感
特徴の二つ目は、Google公式のプラグインという安心感です!
サーチコンソールやアナリティクス、PageSpeed InsightsなどGoogleが提供するツール(サービス)をGoogle公式のプラグインで連携する安心感は非常に大きいですね!
特徴③:Googleの他ツールと簡単に連携できる
![2023-07-26_07h01_45 - HASEBLO Site Kit by Googleのセットアップ画面の一部](https://haseblo-blog.com/wp-content/uploads/2023/08/2023-07-26_07h01_45-edited.png)
特徴の三つ目は、Site Kit by Googleのセットアップ過程でサーチコンソールやアナリティクスとの連携が簡単にできることです!
「サーチコンソールやアナリティクスのアカウントがない…。」「ややこしそうで導入してない…。」という方でもセットアップの流れでスムーズに連携できますよ!
Site Kit by Googleの導入
![5-5 - HASEBLO Site Kit by Google:インストールと有効化](https://haseblo-blog.com/wp-content/uploads/2023/07/5-5-edited.png)
ではSite Kit by Googleのインストールと有効化から始めていきましょう!
![6-3 - HASEBLO 新規追加](https://haseblo-blog.com/wp-content/uploads/2023/07/6-3-edited.png)
「プラグイン」→「新規追加」をクリックします!
![7-9 - HASEBLO Site Kit by Googleを検索](https://haseblo-blog.com/wp-content/uploads/2023/07/7-9-edited.png)
「プラグインを追加」画面でSite Kit by Googleを入力して検索しましょう!
![8-7 - HASEBLO Site Kit by Googleのインストール](https://haseblo-blog.com/wp-content/uploads/2023/07/8-7-edited.png)
表示されたら使用中のWordPressのバージョンと互換性があるか確認しましょう!
「今すぐインストール」をクリックします!
![9-6 - HASEBLO Site Kit by Googleを有効化](https://haseblo-blog.com/wp-content/uploads/2023/07/9-6-edited.png)
「有効化」をクリックします!
![10-7 - HASEBLO Site Kit by Googleの有効化完了](https://haseblo-blog.com/wp-content/uploads/2023/07/10-7-edited.png)
「Site Kit プラグインを有効化しました。」と表示されたらOKです!
そのまま「セットアップを開始」したいところですが、その前に「自動更新の有効化」もしておきましょう!
![11-6 - HASEBLO 自動更新の有効化](https://haseblo-blog.com/wp-content/uploads/2023/07/11-6-edited.png)
「プラグイン」→「インストール済みプラグイン」から「自動更新の有効化」をクリックします!
Site Kit by Googleの設定
![12-6 - HASEBLO Site Kit by Googleの設定](https://haseblo-blog.com/wp-content/uploads/2023/07/12-6-edited.png)
ではSite Kit by Googleのセットアップをしていきます!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_6-150x150.png)
本記事ではサーチコンソールとアナリティクスのセットアップも一気に行っていきますよ!
![13-7 - HASEBLO ダッシュボード](https://haseblo-blog.com/wp-content/uploads/2023/07/13-7-edited.png)
「Site Kit」→「ダッシュボード」をクリックします!
![15-4 - HASEBLO Site Kitを設定](https://haseblo-blog.com/wp-content/uploads/2023/07/15-4-edited.png)
「Site Kitを設定」の画面です!
アナリティクスも接続するので「Googleアナリティクスを、設定の一部として接続しましょう。」のチェックボックスにチェックを入れます!
「Googleアカウントでログイン」をクリックします!
![16-4 - HASEBLO Googleアカウントにログイン](https://haseblo-blog.com/wp-content/uploads/2023/07/16-4-edited.png)
「Googleアカウントにログイン」画面になったらアカウントを選択します!
![17-4 - HASEBLO Googleアカウントへのアクセス①](https://haseblo-blog.com/wp-content/uploads/2023/07/17-4-edited.png)
「Site KitがGoogleアカウントへのアクセスを求めています」の画面に変わります!
「Site Kitがアクセスできる情報を選択してください」の項目にチェックを入れます!
![18-5 - HASEBLO Googleアカウントへのアクセス②](https://haseblo-blog.com/wp-content/uploads/2023/07/18-5-edited.png)
画面を下にスクロールして「続行」をクリックします!
![19-4 - HASEBLO サイトキットの設定①](https://haseblo-blog.com/wp-content/uploads/2023/07/19-4-edited.png)
①「Googleにサイトの所有権を確認してもらう」で「確認」をクリックします!
![20-4 - HASEBLO サイトキットの設定②](https://haseblo-blog.com/wp-content/uploads/2023/07/20-4-edited.png)
②「ダッシュボードでメトリクスをオンにする」で「許可する」をクリックします!
![21-5 - HASEBLO サイトキットの設定③](https://haseblo-blog.com/wp-content/uploads/2023/07/21-5-edited.png)
③「サーチコンソールを設定する」で「設定」をクリックします!
![22-5 - HASEBLO サイトキットの設定④](https://haseblo-blog.com/wp-content/uploads/2023/07/22-5-edited.png)
④「Googleアナリティクスを設定する」で「次」をクリックします!
![23-5 - HASEBLO アナリティクスアカウントを作成](https://haseblo-blog.com/wp-content/uploads/2023/07/23-5-edited.png)
アナリティクスのアカウント・プロパティ・ウェブストリームなどの情報が表示されます!
「アカウントを作成」をクリックします!
![24-7 - HASEBLO Googleアカウントにログイン](https://haseblo-blog.com/wp-content/uploads/2023/07/24-7-edited.png)
「Googleアカウントにログイン」画面になるのでアカウントを選択します!
![25-2 - HASEBLO Googleアカウントへの追加アクセス①](https://haseblo-blog.com/wp-content/uploads/2023/07/25-2-edited.png)
「Site KitがGoogleアカウントへの追加アクセスを求めています」の画面になります!
「Site Kitがアクセスできる情報を選択してください」の項目にチェックを入れます!
![26-4 - HASEBLO Googleアカウントへの追加アクセス②](https://haseblo-blog.com/wp-content/uploads/2023/07/26-4-edited.png)
画面を下にスクロールして「続行」をクリックします!
![27 - HASEBLO アナリティクス①利用規約](https://haseblo-blog.com/wp-content/uploads/2023/08/27-edited.png)
「Googleアナリティクス利用規約」の内容を確認しましょう!
![28-4 - HASEBLO アナリティクス②データ共有設定](https://haseblo-blog.com/wp-content/uploads/2023/07/28-4-edited.png)
画面を下にスクロールすると「データ共有設定」がありますのでこちらも確認しましょう!
「同意する」をクリックします!
![29-4 - HASEBLO Go to my Dashboard](https://haseblo-blog.com/wp-content/uploads/2023/07/29-4-edited.png)
アカウント作成が成功したといった内容のメッセージが表示されたらOKです!
「Go to my Dashboard」をクリックします!
![40-3 - HASEBLO Site Kit設定直後のダッシュボード](https://haseblo-blog.com/wp-content/uploads/2023/07/40-3-edited.png)
画面がダッシュボードに変わります!
Site Kit導入直後は「データを収集中」となっています!
1日後に改めて確認しましょう!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_6-150x150.png)
お疲れ様でした!ここまでがSite Kitとアナリティクスのセットアップです!次はSite Kitの設定とダッシュボードの内容を確認します!
Site Kit by Googleの設定を確認
![30-5 - HASEBLO Site Kit by Google:設定の確認](https://haseblo-blog.com/wp-content/uploads/2023/07/30-5-1024x536.png)
![31 - HASEBLO 設定](https://haseblo-blog.com/wp-content/uploads/2023/08/31-edited.png)
「Site Kit」→「設定」をクリックします!
![50 - HASEBLO Site Kitの設定画面](https://haseblo-blog.com/wp-content/uploads/2023/08/50-edited.png)
Site Kitでは①「接続済みサービス」②「ほかのサービスに接続」③「管理者設定」の3つの項目を設定できます!
![32-3 - HASEBLO 接続済みサービス](https://haseblo-blog.com/wp-content/uploads/2023/07/32-3-edited.png)
「接続済みサービス」ではSit Kitと接続しているサービスの確認や編集ができます!
サーチコンソール、アナリティクス、PageSpeed Insightsが「接続済」になっていますね!
![33-5 - HASEBLO サーチコンソール](https://haseblo-blog.com/wp-content/uploads/2023/07/33-5-edited.png)
「サーチコンソール」をクリックして開いてみましょう!
「サーチコンソール」のプロパティに自分のサイトのURLが表示されていればOKです!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_7-150x150.png)
「Search Consoleで詳細全体を表示」のリンクをクリックするとサーチコンソールを開いて詳細を確認できます!
![34-1 - HASEBLO アナリティクス](https://haseblo-blog.com/wp-content/uploads/2023/07/34-1-edited.png)
「アナリティクス」をクリックして開いてみましょう!
接続しているアナリティクスのアカウントやプロパティ、測定IDなどの情報が確認できます!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_7-150x150.png)
「アナリティクスで詳細全体を表示」のリンクをクリックするとアナリティクスを開いて詳細を確認できます!
![35-2 - HASEBLO Page Speed Insights](https://haseblo-blog.com/wp-content/uploads/2023/07/35-2-edited.png)
「Page Speed Insights」をクリックして開いてみましょう!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_7-150x150.png)
「Page Speed Insightsで詳細全体を表示」のリンクをクリックするとPage Speed Insightsを開いて詳細を確認できます!
![36-3 - HASEBLO ほかのサービスに接続](https://haseblo-blog.com/wp-content/uploads/2023/07/36-3-edited.png)
「ほかのサービスに接続」の項目をクリックしてみましょう!
「AdSense」「タグマネージャー」などのGoogleのサービスを接続することができます!
![37-2 - HASEBLO 管理者設定](https://haseblo-blog.com/wp-content/uploads/2023/07/37-2-edited.png)
「管理者設定」の項目をクリックしてみます!
現時点では特に変更することはないでしょう!
Site Kit by Googleのダッシュボード確認
![38-3 - HASEBLO Site Kit by Googleのダッシュボード確認](https://haseblo-blog.com/wp-content/uploads/2023/07/38-3-edited.png)
ここからはSite Kit by Googleを導入して1日後のダッシュボードを確認していきます!
![39-3 - HASEBLO ダッシュボード](https://haseblo-blog.com/wp-content/uploads/2023/07/39-3-edited.png)
「Site Kit」→「ダッシュボード」をクリックします!
![42 - HASEBLO アナリティクスのデータ](https://haseblo-blog.com/wp-content/uploads/2023/08/42-edited.png)
アナリティクスで測定されたデータの一部を確認することができます!
![44 - HASEBLO サーチコンソールのデータ](https://haseblo-blog.com/wp-content/uploads/2023/08/44-edited.png)
サーチコンソールで測定されたデータの一部を確認することができます!
![46 - HASEBLO コンテンツのパフォーマンスを確認](https://haseblo-blog.com/wp-content/uploads/2023/08/46-edited.png)
「内容」をクリックして確認しましょう!
「サイトの上位検索クエリ」ではサーチコンソールのデータが反映されます!
「過去28日間のトップコンテンツ」ではアナリティクスのデータが反映されます!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_7-150x150.png)
「訪問者の多いページと、そのページをユーザーがどう検索してみつけたか」などがわかります!
「速度」をクリックして確認しましょう!
「Page Speed Insights」で測定された表示速度や改善方法などが確認できます!
![47-2 - HASEBLO スマホ表示](https://haseblo-blog.com/wp-content/uploads/2023/07/47-2-edited.png)
画面右のスマホアイコンではスマホ表示の場合のデータが確認できます!
![48 - HASEBLO デスクトップ表示](https://haseblo-blog.com/wp-content/uploads/2023/08/48-1024x536.png)
PCのアイコンをクリックするとデスクトップ表示の場合のデータが確認できます!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_7-150x150.png)
「改善方法」を確認してサイトのパフォーマンスを向上させていきましょう!
![49-2 - HASEBLO AdSense](https://haseblo-blog.com/wp-content/uploads/2023/07/49-2-edited.png)
「収益化」をクリックして確認します!
Site KitはGoogleのサイト収益化ツールAdSenseと連携させることができます!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_6-150x150.png)
本当にお疲れ様でした!以上でSite Kit by Googleの設定と確認は終了です!
Site Kitが導入できた後にやっておくこと
Site Kitの導入を通じてサーチコンソールやアナリティクスのアカウント作成・連携も行いましたね!
この後にやっておくことは、XMLサイトマップを生成してサーチコンソールに送信・登録することです!
「【初心者向け】XML Sitemap & Google Newsの設定方法と使い方を解説!サーチコンソールとの連携も!」で詳しく解説しているので是非ご参考くださいませ!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/analytics_1-300x170.png)
あわせて「【検索エンジンBing対策】Bing Web マスター ツールの登録・XMLサイトマップの送信手順を解説!」もお読みいただくと、MicrosoftのBing対策もできます!是非ご参考くださいませ!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/analytics_2-300x169.png)
まとめ
今回は、「【初心者向け】Site Kit by Googleの設定を解説!サーチコンソール・アナリティクス(GA4)の連携も簡単!」の記事を書きました!
僕が感じるSite Kit by Googleの主な特徴は以下3点です。
Site Kit by Googleの特徴
- 特徴①:ダッシュボードで確認できる
- 特徴②:Google公式プラグインという安心感
- 特徴③:Googleの他ツールと簡単に連携できる
Site Kit by GoogleはGoogle公式のWordPressプラグインとして、Googleが提供するサーチコンソールやアナリティクスなどの分析ツールのアカウントを作成し簡単に連携できるのでとても便利です!
見やすくわかりやすいダッシュボードなので、分析に慣れていない方でもサイトパフォーマンスを直感的に理解することができるのもうれしいですよね!
Googleが提供している各種分析ツールが測定するデータを日々確認しながら、サイトパフォーマンスやユーザビリティの向上に向けて取り組んでいきましょう!
以上、ハセブロでした!
最後までお読みいただきありがとうございました!