全ページが「私はトップの複製です」と検索エンジンに申告していた

自分のサイトのSEOを点検しました。作った人間が自分で見ても抜けは見つからないので、ページごと・観点ごとに分けて機械的に洗いました。

結果は、思っていたより悪かったです。

とくに最後の1つは、ブラウザで見ている限りまったく分かりません。ページを開けば作品名は表示されている。でもHTMLを取ってくると、その文字がどこにも無い。編集モード用のコンポーネントをブラウザ側でしか動かない設定にしていて、閲覧時もそれを通していたためでした。

120ページ分の作品名が、1年近く検索エンジンには存在していなかったことになります。

一番効くのに、直すのは一番簡単でした。ルートのレイアウトに1行、サイトのURLを正規URLとして書いていた。Next.jsのメタデータは子ページに継承されるので、それが全ページに配られていました。

つまり /works も /about も /contact も、揃って「自分はトップページの複製です」と申告していたわけです。sitemapでは「見に来てください」と言いながら。

直し方は、その1行を消して、各ページに自分自身のURLを書く。ただ、"use client" を付けたページはメタデータを書けないので、同じ階層に layout.tsx を足して、そこで宣言しました。

Disallow: /api/ と書いていました。管理用APIをクロールされたくなかったからです。

ところがSNSカードの画像は /api/og で動的に作っていました。60ページ超のカードが、クローラーから取れない場所に置かれていたことになります。

許可を1行足すだけで直りました。長く一致するほうが勝つので、/api/og だけ通して残りは塞いだままにできます。

こういうのは一度直しても、次にページを足したときにまた壊れます。なので、sitemapに載っている全URLを実際に叩いて、canonical・og:image・twitterカードが正しいか、画像が本当に200で返るかを確認するスクリプトを書いて置きました。

いま流すと234URLで問題ゼロです。ページを足したら流す。これだけで、同じ失敗は繰り返しません。

SEOというと記事を増やすとか、キーワードを入れるとか、足す作業だと思っていました。今回やったことは、ほぼ全部が「間違って書いた1行を消す」でした。

しかも4つのうち3つは、画面を見ているだけでは絶対に気づけません。ブラウザで正常に見えているものが、検索エンジンから見えていないことがある。この2つは別物なんだと、頭では分かっていたつもりで分かっていなかった。

まだ残している宿題もあります。19件の店舗事例がクエリ付きURLのままで、正規URLが1本に潰れている件。これは実体のページを作らないと直りません。近いうちに手を付けます。

作ったものは制作実績に並べています。中身が検索エンジンからも見えるようになったのは、今週からです。