AIツクリラボ
記事一覧
・Next.js制作Tips・5分で読めます

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

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

💬 個人的な感想

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

1. 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という規約に沿ってビルド時にサイトマップを自動生成しているため、記事を追加するたびに手動で更新する必要がありません。

所有権確認の方法

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

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

2. Google Analyticsの導入

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

導入手順

  1. Google Analyticsでアカウント・プロパティを作成し、測定ID(G-XXXXXXXXXX)を取得
  2. Next.jsのnext/scriptを使って、計測タグをlayout.tsxに追加する
import Script from "next/script";

<Script
  src={`https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX`}
  strategy="afterInteractive"
/>
<Script id="ga4" strategy="afterInteractive">
  {`
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-XXXXXXXXXX');
  `}
</Script>

環境変数(NEXT_PUBLIC_GA_IDなど)に測定IDを入れておくと、本番・開発環境で出し分けやすくなります。

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

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

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

よくある質問

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

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

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

まとめ

Search ConsoleとAnalyticsは、どちらも無料で導入でき、公開直後に済ませておくべき設定です。特にサイトマップの送信は、Googleにコンテンツを見つけてもらう第一歩になるので、公開したらできるだけ早く行いましょう。

#SEO#Next.js#Analytics