Claude CodeのSEO対策で検索順位を落とす3つの失敗

こんにちは！静岡県浜松市でWEBデザイナーをしています小瀧です。

自分でサイトを立ち上げて、記事もコツコツ書いて、デザインも整えてきた。それなのに、なぜかGoogleに全然評価されない。検索してみても自分のサイトが出てこない。そんな経験、ありませんか？

SEO対策のためにClaude Codeを活用している方は増えています。コードを書けなくてもAIに指示するだけでHTMLやメタタグを修正できる、そんな便利さを実感している方も多いでしょう。でも実は、Claude Codeをせっかく使っているのに、肝心のSEO設定で3つの典型的なミスをしている方が非常に多いのです。

私は浜松市でWEBデザイナーとして活動しながら、地元の中小企業や個人事業主のサイト改善を数多く手がけてきました。その中で気づいたことがあります。技術的な知識がなくてAIツールを使い始めた方ほど、基本的なSEO設定を見落としている傾向があるということです。

具体的には次の3つです。1つ目はmeta descriptionを全ページ同じ文にすること。2つ目はalt属性を空白のまま放置すること。そして3つ目はtitleタグとh1タグの内容がズレていること。どれも「ちょっとしたこと」に見えるかもしれません。しかし、Googleのアルゴリズムはこうした細部の一貫性を非常に重視しています。これらが放置されていると、どれだけ良いコンテンツを書いても検索上位には入りにくくなってしまいます。

「でも自分のサイト、そんなにひどくないはず」と思っているあなた、ちょっと待ってください。Claude Codeで作業していると、AIが「それっぽい設定」を自動生成してくれるため、一見すると問題がないように見えることがあります。でも実際に確認してみると、同じdescriptionがサイト全体に使い回されていたり、画像のalt属性が空白だったりするケースは本当によくあります。

この記事では、Claude CodeでSEO対策をするときにやりがちな3つのミスを一つひとつ丁寧に解説します。さらに、それぞれの修正方法をClaude Codeへの具体的な指示文とともに紹介しますので、この記事を読みながらそのまま実践することができます。

最後まで読むと、Claude Codeを使って自分のサイトのSEO設定を正しく整備できるようになり、Googleからより正確にページが評価される状態を作れるようになります。それでは、最初のミスから見ていきましょう。

なぜClaude CodeでSEO対策するとミスが起きやすいのか

Claude Codeは便利だからこそ見落としが生まれる

Claude Codeはコードの生成・修正を自然言語で指示できる強力なツールです。HTMLを書いたことがない方でも「メタタグを追加して」と言えばそれらしいコードを出力してくれます。しかしこの「それらしい」という部分に落とし穴があります。

AIはあなたが具体的に指定しない限り、汎用的な内容を生成します。たとえばmeta descriptionを指示すると、ページの内容に関係なく「ウェブサイトへようこそ」のような無難な文章を全ページに適用してしまうことがあります。これはAIが悪いのではなく、指示が曖昧なために起きる問題です。

自分でサイトを作った人が陥りやすい思考のクセ

WordPressやその他のCMSで自分でサイトを作った方は、デザインや記事内容には気を使うのに、HTMLの構造設定はなんとなく後回しにしてしまう傾向があります。「とりあえず動いているから大丈夫」という発想です。

しかしGoogleのクローラーはページを「見た目」ではなくHTMLの構造で理解します。視覚的にきれいなサイトでも、メタ情報やタグの設定が不正確であればGoogleには正しく伝わりません。自分でサイトを作ったからこそ、こうした構造的な設定に意識を向けることが大切です。

Claude Codeは強力なツールですが、指示の質がそのまま出力の質に直結します。「なんとなく」の指示は「なんとなく」の設定しか生みません。

ミス1：meta descriptionを全ページ同じ文にしている

meta descriptionとは何か、なぜ重要なのか

meta descriptionとは、Google検索結果のタイトルの下に表示される説明文のことです。直接的なランキング要因ではないとされていますが、クリック率（CTR）に大きく影響するため、間接的にSEO評価を左右します。

また、Googleはページの内容とmeta descriptionの関連性を確認しており、全ページで同じ文章を使い回していると「このサイトは各ページの内容を適切に説明していない」と判断し、検索結果に表示するスニペットを自動生成してしまいます。自動生成されたスニペットは必ずしも魅力的な文章にはなりません。

よくある失敗パターンと実例

私が浜松市内のクライアントのサイトを診断したとき、10ページある記事のうち9ページのmeta descriptionが「静岡県浜松市でWEBデザインを承っています。お気軽にお問い合わせください。」という同じ文でした。これはWordPressのテーマ設定でデフォルト値を入力したまま個別設定をしていなかったのが原因です。

Claude Codeを使って一括でメタタグを設定した場合も同様の問題が起きます。「全ページにmeta descriptionを追加して」と指示すると、同じ文章がすべてのページに挿入されてしまうのです。

Claude Codeで正しく修正する具体的な手順

面倒に感じるかもしれませんが、ページごとに個別のdescriptionを設定することは検索クリック率の改善に直結します。私のクライアントのサイトでは、この修正だけでCTRが平均1.8倍に改善したケースもありました。

meta descriptionは「全ページ個別設定」が鉄則です。Claude Codeには必ずページのテーマとキーワードを伝えてから指示しましょう。

ミス2：alt属性を空白のまま放置している

alt属性が空白だとGoogleに何が起きるか

alt属性とは、画像が表示されなかったときに代わりに表示されるテキストのことです。しかしそれだけではありません。Googleのクローラーは画像の内容を視覚的に理解できないため、alt属性のテキストを読んで画像が何を表しているかを把握します。

alt属性が空白のままだと、Googleはその画像が何なのかを理解できません。その結果、ページ全体のテーマ理解度が下がり、画像検索にも表示されなくなります。ブログやポートフォリオサイトのように画像が多いサイトでは、この影響は特に大きくなります。

またalt属性はアクセシビリティの観点からも重要です。スクリーンリーダーを使っているユーザーへの配慮として、適切なalt属性の設定はWEBデザインの基本中の基本とも言えます。

Claude Codeで画像のalt属性を一括チェック・修正する方法

Claude Codeでは、HTMLファイル内のすべての画像タグを一度に確認して修正することができます。以下の指示文を使ってみてください。

このHTMLファイル内のすべてのimgタグを確認して、
alt属性が空白または未設定のものをリストアップしてください。
その後、各画像のsrc属性のファイル名と周辺のコンテキストから
推測できる適切なalt属性テキストを提案してください。

この指示を出すと、Claude Codeはファイル内の全画像を走査して空白のalt属性を発見し、それぞれに適切な説明文を提案してくれます。

効果的なalt属性の書き方とNGパターン

NGパターンとして多いのは「image001.jpg」のようなファイル名をそのままalt属性に使うケースです。これはむしろ情報がない状態と同じで、Googleにとって意味がありません。

alt属性の空白放置は、サイト全体の画像コンテンツをGoogleに無視されているのと同じです。Claude Codeで一括チェックして、今すぐ修正しましょう。

ミス3：titleタグとh1タグの内容がズレている

GoogleがtitleとH1の一致度をどう評価しているか

これが3つのミスの中でも特に深刻な問題です。Googleはtitleタグとh1タグの一致度を「ページテーマの信頼度」として評価しています。この2つの内容が大きくズレていると、どちらのキーワードでも上位に入りにくくなるという二重の不利益が生じます。

具体的に説明します。titleタグはブラウザのタブやGoogle検索結果に表示されるページタイトルです。h1タグはページ本文の最も重要な見出しです。この2つが同じテーマを指し示しているとき、Googleは「このページは確かに〇〇についてのページだ」と確信を持ちます。逆にズレていると「このページは何についてのページか判断が難しい」となり、どちらのキーワードでも評価が下がります。

よくあるズレのパターンと原因

Claude Codeで作業しているとき、このズレはどのように生まれるのでしょうか。よくあるのは以下のパターンです。

私が浜松市のクライアントのサイトで見た実例として、titleが「Claude Code 使い方 初心者向けガイド」なのに、h1が「AIツールでコーディングを楽にしよう」になっていたケースがあります。どちらも悪い文章ではありませんが、Googleからすると「Claude Code」について書いているのか「AIツール全般」について書いているのかが不明確になってしまいます。

Claude Codeで「titleとh1の整合性チェックと修正」を依頼する方法

この問題はClaude Codeへの一言の指示で解決できます。以下のように指示してみてください。

このHTMLファイルのtitleタグとh1タグの内容を確認して、
両者が同じキーワードとテーマを表しているかチェックしてください。
ズレがある場合は、ターゲットキーワード「〇〇」に合わせて
両方を整合性が取れるように修正案を提示してください。

この指示を出すと、Claude Codeは現在のtitleとh1を表示した上で、ズレている場合は修正案を提案してくれます。修正案を確認して、内容に問題がなければそのままHTMLに反映させましょう。

titleとh1は完全に同一である必要はありませんが、含まれるメインキーワードが一致していること、そしてテーマが同じ方向を向いていることが重要です。

titleとh1のズレはSEOの二重失点です。Claude Codeに整合性チェックを依頼するだけで解決できる、最も費用対効果の高い修正です。

3つのミスを一括で発見するClaude Codeへの指示テンプレート

サイト全体を診断する指示文の作り方

個別に修正するのも良いですが、サイト全体を一度に診断できればもっと効率的です。Claude Codeは複数のファイルをまとめて処理する能力があります。以下のような指示文を使うと、3つのミスをまとめてチェックできます。

以下のSEOチェックをこのHTMLファイル（またはディレクトリ内の全ファイル）に対して実行してください。

1. meta descriptionが存在するか、全ページで同一内容になっていないか確認する
2. imgタグのalt属性が空白または未設定のものをすべてリストアップする
3. titleタグとh1タグの内容を比較して、キーワードの一致度を評価する

問題が見つかった場合は、問題の内容と修正案をそれぞれ提示してください。

修正後に確認すべきチェックリスト

Claude Codeで修正を行った後は、必ず以下の項目を人間の目で確認してください。AIの提案が必ずしも100%正確とは限らないためです。

一括診断の指示テンプレートを保存しておけば、定期的なSEOチェックを数分で終わらせることができます。

これらの修正がSEOに与える実際の効果とは

修正前後でGoogleの評価はどう変わるか

「たったこれだけの修正でSEOに効果があるの？」と思う方もいるかもしれません。結論から言うと、基本的なSEO設定の修正は、コンテンツの追加よりも短期間で効果が出ることがあります。

その理由は、Googleのクローラーがすでにあなたのサイトを定期的に訪問しているからです。クローラーが次に訪問したとき、修正されたmeta descriptionやalt属性、titleとh1の整合性を読み取り、ページの評価を更新します。新しいコンテンツを追加してインデックスされるのを待つより、すでにあるページの設定を正しくする方が即効性があるのです。

私の経験では、これら3つの修正を行った後、早いケースでは2〜4週間以内に検索順位の変動が見られました。全体的な傾向として、特にロングテールキーワードでの順位改善が先に現れることが多いです。

SEO修正と並行して行うべき施策

3つのミスを修正した後、さらにSEO効果を高めるために並行して取り組むと良い施策を紹介します。

これらはすべてClaude Codeに指示して対応できる内容です。基本的な3つのミスを修正したら、次のステップとして取り組んでみてください。

技術的なSEO修正は、良いコンテンツの価値を正しくGoogleに届けるための土台です。土台が整ってはじめて、コンテンツの力が発揮されます。

まとめ

3つのミスと修正方法の振り返り

Claude CodeでSEO対策するとき、やりがちなミスは3つありました。改めて整理します。

どれも難しい技術知識は必要ありません。Claude Codeへの指示文を工夫するだけで、今日からすぐに対応できます。

自分でサイトを作った人へのメッセージ

自分でサイトを作るということは、素晴らしいことです。デザインも構成も、自分のビジョンをそのまま形にできる。でも、せっかく作ったサイトがGoogleに正しく評価されなければ、誰にも届かないままになってしまいます。

Claude Codeというツールを使っているあなたは、すでにSEO改善のための強力な武器を持っています。あとは今日紹介した3つのポイントを意識して、正しい指示を出すだけです。

浜松市でWEBデザイナーとして活動してきた私の経験から言えることは、基本的な設定を丁寧に整えたサイトは、必ずGoogleに正しく評価されるということです。焦らず、一つひとつ確認しながら進めてみてください。

Claude Codeは使い方次第で強力なSEOパートナーになります。今日からこの3つの修正を始めましょう。