AIツクリラボ
(更新: )・Next.js制作Tips・6分で読めます・🔵 実装記録

Next.jsブログにGoogle Search Console・Analyticsを導入する手順

ブログを公開したら、次にやるべきことは「検索エンジンに存在を知らせる」「アクセス状況を把握できるようにする」という2点です。この記事では、Google Search ConsoleとGoogle Analyticsの導入手順を、Next.jsサイトに合わせて具体的にまとめます。

🛠 実際にやってみて

公開してすぐの段階だと、正直Search ConsoleもAnalyticsも「見るデータがまだ何もない」状態が続きます。それでも先に設定だけ済ませておくのは大事だと感じています。理由は単純で、後から導入すると、それ以前の期間のデータが一切残らないからです。特にSearch Consoleは、インデックス登録状況(Googleにどれだけ認識されているか)を早い段階から把握できるので、記事を公開したらまず真っ先にやる作業、くらいの位置付けにしています。

Google Search Consoleへの登録

Search Consoleは、自分のサイトがGoogle検索でどう扱われているかを確認できる無料ツールです。インデックス状況、検索クエリ、表示回数などが確認できます。

登録手順

  1. Google Search Consoleにアクセスし、Googleアカウントでログイン
  2. 「プロパティを追加」から、URLプレフィックス方式でドメインを入力(例: https://aitsukurilabo.com)
  3. 所有権の確認方法を選択(HTMLタグ、DNSレコード、Google Analyticsとの連携など)
  4. サイトマップの登録画面から、https://aitsukurilabo.com/sitemap.xml を送信

このブログはNext.jsのsitemap.tsという規約に沿ってビルド時にサイトマップを自動生成しているため、記事を追加するたびに手動で更新する必要がありません。

POINT

「所有権の確認」と「サイトマップの送信」は別の手続きです。所有権確認だけ済ませてサイトマップを送り忘れる、というのはよくある抜け漏れなので、この記事の手順4まで一気に終わらせてしまうのがおすすめです。

所有権確認の方法

Next.jsの場合、layout.tsxのmetadataに確認用のメタタグを追加するのが簡単です。

export const metadata: Metadata = {
  // ...
  verification: {
    google: "Search Consoleで発行される確認コード",
  },
};

Google Analyticsの導入

Google Analytics(GA4)は、訪問者数・流入元・よく読まれているページなどを確認できるアクセス解析ツールです。

導入手順

  1. Google Analyticsでアカウント・プロパティを作成し、測定ID(G-XXXXXXXXXX)を取得
  2. Next.jsのnext/scriptを使って、計測タグをlayout.tsxに追加する
import Script from "next/script";
 
{siteConfig.gaId && (
  <>
    <Script
      async
      src={`https://www.googletagmanager.com/gtag/js?id=${siteConfig.gaId}`}
      strategy="afterInteractive"
    />
    <Script id="ga4-init" strategy="afterInteractive">
      {`
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', '${siteConfig.gaId}');
      `}
    </Script>
  </>
)}

{siteConfig.gaId && (...)}で全体を囲み、測定ID(NEXT_PUBLIC_GA_ID)が未設定の間はこのタグ自体を出力しないようにしています。開発環境やレビュー用のプレビューを見ているときに、自分自身のアクセスまで計測に混ざってしまうのを避けるための意図的なガードです。

導入後にまず見るべき指標

  • インデックス登録状況(Search Console): 公開した記事がちゃんとGoogleに認識されているか
  • 検索クエリ(Search Console): どんな検索キーワードで表示されているか。想定していなかったキーワードが見つかることもあります
  • ランディングページ(Analytics): どの記事が最初に読まれることが多いか

公開直後はデータがほとんど無い状態が続きますが、焦らず数週間単位で様子を見るのがおすすめです。

よくある質問

Q. Search ConsoleとAnalyticsは両方必要ですか? A. 役割が異なります。Search Consoleは「検索エンジンからどう見えているか」、Analyticsは「サイト訪問後の行動」を見るツールなので、両方導入するのが基本です。

Q. 導入してすぐにデータは反映されますか? A. Search Consoleのインデックス状況は数日〜数週間、検索パフォーマンスのデータは反映まで数日かかることがあります。

Q. アクセス解析はプライバシーポリシーへの記載が必要ですか? A. 必要です。このブログのプライバシーポリシーにも、アクセス解析ツールの利用について記載しています。

今のところの実感

Search ConsoleとAnalyticsは、どちらも無料で導入でき、公開直後に済ませておくべき設定です。特にサイトマップの送信は、Googleにコンテンツを見つけてもらう第一歩になるので、公開したらできるだけ早く行うようにしています。正直に言うと、記事を公開した直後はAnalyticsよりもSearch Consoleの方を先に見ています。前述の通り、インデックス登録状況は早い段階から把握できる分、まず「Googleに気づいてもらえているか」を確認する方が優先度が高いと感じているからです。

この記事を読んだ人はこちらも読んでいます

この記事を書いた人

ラボ管理人

AIツール・ノーコード・Next.jsで実際に手を動かしながら、AIツクリラボを運営しています。

運営者情報を見る →
#SEO#Next.js