Claude Codeがvibe-codedサイトのSEO・パフォーマンス問題を自動診断・修正する手順を紹介
日本語参考要約訳
あなたのvibe-codedで作成したサイトがGoogleに表示されないなら、次の指示をClaude Codeに貼り付けてください： 「このサイトをGoogle向けに監査し、直せる箇所をすべて修正してください： 1. すべてのページがJavaScript待ちの空のdivではなく、サーバーで実際のHTMLとしてレンダリングされるようにする 2. すべてのページにユニークなタイトル、メタディスクリプション、一つのH1タグを設定する 3. sitemap.xmlとrobots.txtを生成し、重要なものがブロックされていないことを確認する 4. 適切な場所に構造化データ（Organization、Product、FAQ、Article）を追加する 5. すべてのページにOpen GraphとTwitterカード用の画像を追加する 6. 壊れたリンクやリダイレクト連鎖を修正し、重複URLにはcanonicalタグを追加する 7. Lighthouseを実行し、パフォーマンスとSEOのスコアを90以上にする 修正前後の比較をそれぞれ示してください。」
※長文投稿のため、参考訳は概要を最大600字まで表示しています。 元投稿をご参照ください
AINNでは投稿本文・投稿者本人の追記・第三者コメントの全文転載を避け、X公式埋め込みと元投稿への導線を中心に表示します。
AIによる見どころ整理
何について
投稿では、vibe-codedで作られたサイトがGoogleに表示されない問題を受け、Claude Codeを使ってSEOとパフォーマンス面の課題を自動で検査し修正する具体的な手順を示している。内容はサーバーサイドでHTMLレンダリング、個別ページのタイトルやメタデータ設定、サイトマップ・robots.txtの生成、構造化データの追加、Open GraphやTwitterカードの設定、リンク修正、そしてLighthouseによるパフォーマンス・SEO評価の向上を順に行うものだ。
なぜ注目
具体的な7の修正指示が提示されている点に注目してください。特にサーバーサイドレンダリングの欠如やSEO基本設定の不備、サイトマップの必要性、Lighthouse評価向上の目標値も示されており、これらが改善による検証手順として明示されています。
🔰 初学者向け要約
この投稿はウェブサイトがGoogle検索でうまく表示されない問題の解決策を提案しています。Claude Codeというツールに7つの指示を与え、ウェブページが正しく表示されるための基本設定や修正を行い、検索エンジンでの評価を上げる方法を説明しています。これにはページの正しいHTML化、タイトル設定、サイトマップ作成などが含まれ、改善前後の比較も求めています。
用語を調べる
公開記事とWeb上の出典をもとに、Geminiが短く説明します。1日5回まで利用できます。