メインコンテンツにスキップ

Apps連携:Studioサイトにサーチコンソールを連携する

StudioサイトとGoogle Search Consoleを連携する手順を説明します。連携することで、サイトの検索パフォーマンスを分析できるようになります。

対象プラン: Miniプラン以上(旧プランStarterプラン以上)


Google Search Consoleは、サイトの検索パフォーマンスを監視・管理するツールです。連携することで、次のような分析・対策が可能になります。

  • Google検索での表示回数、クリック数、掲載順位の確認

  • サイトマップ個別URLのクロール用送信によるSEO対策

この記事では、連携手順と連携時のトラブルシューティングを説明します。

注意

  • 本手順には外部サービスの手順も含まれます。外部サービスの仕様や動作、記事内の手順以外についてはチャット窓口でのサポート対象外となる可能性があります。

  • 記事内の外部サービスの画面や仕様は2022年1月時点の情報です。記事と異なる場合、外部サービスにて最新情報をご確認ください。

サーチコンソールを連携する手順

Step 1. サーチコンソールでプロパティを追加する

Point:

Google Search Consoleの登録にはGoogleアカウントが必要です。Google広告やGoogle アナリティクスを使用している場合は、同じアカウントの使用を推奨します。

サーチコンソールにアクセスし、Studioサイトのドメインをプロパティとして登録します。

  1. サーチコンソールにアクセスし「今すぐ開始」をクリックします。

  2. Googleアカウントでログインします。

  3. 「URLプレフィックス(サイトのURLを指定する方法)」を選択します。

  4. Studioで作成したWebサイトのURL(例:https://studio.design)を入力し、「続行」をクリックします。

    既に別のプロパティがある場合は画面左上の「プロパティを追加」から進んでください。

注意:StudioのApps連携では「ドメイン」での確認には対応していません。

ドメインで確認する場合は、DNS設定画面での操作が必要になります。この方法で認証した場合、Studioの外部AppsへHTMLコードを登録する(Step 4)必要はありません。

Step 2. 所有権確認用のコードを取得する

「HTMLタグ」を選択し、Studioに登録する確認用の文字列を取得します。

  1. 「HTMLタグ」を選択します。

  2. 「コピー」をクリックし、表示されたコードをコピーしてメモ帳などに貼り付けます。

  3. コピーしたコードから、必要な部分のみを取り出します。

    <meta name="google-site-verification" content="xxxxxxxxxxxxxxxxxxxxx" /> の場合、xxxxxxxxxxxxxxxxxxxxxの部分のみをコピーします。

    スクリーンショット:サーチコンソール設定画面でHTMLタグをコピーする様子。

Step 3. StudioでApps連携を設定する

Studioのダッシュボードで、取得したコードをサーチコンソールとの連携設定に登録します。

  1. Studioのダッシュボードの[ホーム]を開き、[Apps]メニューを選択します。

    スクリーンショット:StudioのダッシュボードからApps連携したいサービスを選択する様子。
  2. [Google Search Console]をクリックします。

  3. Step 2でコピーした文字列をペーストし、[保存]をクリックします。

  4. サイトを更新します。

Step 4. 所有権を確認する

サーチコンソールの設定画面に戻り、所有権の確認を完了します。

  1. サーチコンソールの設定画面に戻ります。

  2. 「確認」をクリックします。

  3. 「所有権を証明しました」と表示されれば完了です。

    スクリーンショット:サーチコンソールの所有権の証明が完了したことを伝える画面。

Step 5. データの蓄積を確認する

連携完了後、数日でサーチコンソールにサイトのパフォーマンスデータが表示されます。

データが蓄積されると、サーチコンソールでWebサイトのパフォーマンスを確認できます。


Apps連携を解除する手順

サーチコンソールとの連携は、以下の手順で解除します。

  1. 連携したいStudioのプロジェクトを開きます。

  2. ダッシュボードの[ホーム]へアクセスします。

  3. 左メニューの[Apps]を選択します。

  4. 連携を解除するAppsをホバーし、表示される右上のメニューから[解除]をクリックします。

  5. 解除すると、Apps連携したデータベース上のレコードだけでなく、公開サイトのHTMLからも値が削除されます。


トラブルシューティング

連携時によく見られるエラーと、確認方法を説明します。

1. 「所有権を証明できませんでした」と表示される

Google Search Consoleで所有権の証明に失敗する場合、表示されるエラーメッセージごとに原因が異なります。

エラーメッセージに合わせて設定を修正してください。

注意:ライブプレビューでは動作確認ができません。公開サイトで確認をしてください。

1-1. エラーメッセージ:「確認メタタグが見つかりませんでした」「メタタグの位置が正しくありません」

Studioに保存した文字列が、公開サイトの<head>セクションに反映されていない可能性があります。

  1. [Apps] > [Google Search Console]設定画面を開き、文字列が正しく保存されているか確認します。

    • 文字列がタグ全体の形式になっている

      コードをメモ帳などに貼り付け、xxxxxxxxxxxxxxxxxxxxxの部分のみをコピーし直してください。

    • 不要なスペースや文字の欠けがある

      値に余分なスペースや文字が含まれていないか、今一度確認してください。

      Google Search Consoleに入力したURLに誤りがある

      Step 1で入力したURLと、実際の公開サイトのURLが一致しているか確認してください。

  2. 上記を確認後、サイトを更新します。

  3. 公開後のサイトにアクセスし、ページのソースコードを表示します。<head>セクション内に<meta name="google-site-verification" content="...">が出力されているか確認します。

  4. 上記を確認したうえで、サーチコンソールの設定画面で「確認」を再度クリックします。

1.2. エラーメッセージ:「メタタグがホームページの<head>セクション内にありません」

Studioのダッシュボード上でタグが有効な状態でも、カスタムコードに別のメタタグが残っている場合にこのエラーが発生します。以下を確認してください。

  1. [Apps]の[Google Search Console]設定画面を開き、文字列が正しく保存されているか確認します。

  2. デザインエディタでカスタムコードの設定を開き、google-site-verificationのコードが残っていないかを確認します。

  3. 上記を確認後、サイトを更新します。

  4. 公開後のサイトにアクセスし、ページのソースコードを表示します。

  5. <head>セクション内に<meta name="google-site-verification" content="...">が出力されているか確認してください。

  6. 上記を確認したうえで、サーチコンソールの設定画面で[確認]を再度クリックします。

1-3. 上記以外のエラーが表示される場合

以下の手順を試してください。

  • プロパティを削除して、HTMLタグを再発行する

    Step 2の手順に従い文字列をコピーし直し、サイトを更新した後に数分待ってから[確認]をクリックしてください。

  • サイトが未公開の状態になっている場合

    サイトが公開されていないと、Googleがサイトにアクセスできず所有権の確認ができません。サイトを更新して公開してから、再度お試しください。

  • パスワード保護が有効になっている場合

    サイト全体がパスワードで保護されていると、Googleのクローラーがサイトにアクセスできません。所有権の確認が完了するまで、一時的にパスワード保護を解除してください。

2. 「サイトマップを読み込めませんでした」と表示される

サーチコンソールに送信したサイトマップのURLを確認してください。StudioのサイトマップURLはhttps://(サイトドメイン)/sitemap.xmlです。

  1. サーチコンソールに送信したURLをブラウザで直接開き、XML形式の内容が表示されるか確認します。

  2. URLに誤りがある場合は、正しいURL(/sitemap.xml)でサイトマップを再送信します。

  3. Studioのダッシュボードでサイトマップを一度[オフ]にし、再度[オン]にして、サイトを更新した後に再送信します。


上記で解決しない場合は、エディタ右下の[?]からチャットサポートにお問い合わせください。その際、以下の情報を添えてください。

  • Google Search ConsoleのHTMLタグが確認できる画面のスクリーンショット

  • Google側で表示されているエラーメッセージのスクリーンショット


searchconsole search console グーグルサーチコンソール グーグルアドセンス

googleanalytics googletagmanager googleworkspace googlewsearchconsole アドセンス

こちらの回答で解決しましたか?