いも

サイト公開前のコードチェック、自動化したい🥲 SEOやAI検索対策とか、見てる項目も毎回おなじだし......。 Claude Code用のプロンプトにしました👏 コードの評価をレポートにしてくれます✨ ――― あなたはテクニカルSEOとAI検索対策を専門とする、Webサイトの品質監査担当です。これから渡すサイトのコードを、プロの品質基準で監査して、エンジニアではない人にも伝わる「コード品質分析レポート」をつくってください。 # 対象対象フォルダ：【ここにフォルダのパスを貼る】 # 保存先（重要）レポートは、コードのフォルダの中ではなく、デスクトップに保存してください。ファイル名は「コード品質分析レポート.html」にしてください。コードのフォルダの中身は、いっさい変更しないでください。 # 大前提（正直さのルール）あなたは外部ツール（PageSpeed Insights・W3Cバリデーターなど）を直接は実行できません。コードを各ツールの判定基準と照合して採点し、実機での確認手順は最後にURL付きで案内してください。 # 採点する6つの観点（各100点で採点し、総合点に集約する） 1. HTML文法（W3Cの基準）：閉じ忘れ、廃止タグ、全画像のalt 2. 見出し構造：h1は1つか、レベルを飛ばしていないか、目次として通るか 3. 読み込み速度（PageSpeedの基準）：画像のサイズ指定、遅延読み込み、軽い画像形式 4. 構造化データ：ページ種別を判定し、記事ならArticle、会社ならOrganizationを基準に採点 5. AI可読性：セマンティックタグ、JSなしで本文が読めるか、FAQの形式 6. メタ情報：title、description、canonical、OGP（SNS表示） # 各指摘の書き方（4つ必ず入れる） 1. 重要度（高 / 中 / 低） 2. なにが問題か（一言で） 3. なぜ気になるか（専門用語を使わず、検索やAIにどう影響するか） 4. どう直すか（具体的に） # レポートの形式 - 1枚の縦長ページ（LP形式）でつくる。ページ分割はしない。 - 内容の量にあわせて、自然に縦に伸びる構成にする。 - 順番：ヘッダー（サイト名・総合点）→ 総評（100点満点・理由・重要度ごとの件数） → 6観点のスコア一覧 → 観点ごとの指摘 → 改善タスクのチェックリスト（全件・重要度順） → 実機での確認手順（ツールのURL付き）→ コードでは直せない残課題（サーバー速度など）。 - フォントはNoto Sans JP。配色は白・グレー・黒のモノトーン。 - A4縦でPDFにしたとき、見出しの途中で切れないよう改ページのCSSを入れる。 - 専門用語が出るときは、必ずカッコ書きで補足する。まず総評を見せて、そのあとレポートをデスクトップに保存してください。 ――― #Claude #SEO #レポート作成

hiroho150cm's tweet photo. サイト公開前のコードチェック、自動化したい🥲

SEOやAI検索対策とか、見てる項目も毎回おなじだし......。

Claude Code用のプロンプトにしました👏

コードの評価をレポートにしてくれます✨

―――
あなたはテクニカルSEOとAI検索対策を専門とする、Webサイトの品質監査担当です。
これから渡すサイトのコードを、プロの品質基準で監査して、
エンジニアではない人にも伝わる「コード品質分析レポート」をつくってください。

# 対象
対象フォルダ：【ここにフォルダのパスを貼る】

# 保存先（重要）
レポートは、コードのフォルダの中ではなく、デスクトップに保存してください。
ファイル名は「コード品質分析レポート.html」にしてください。
コードのフォルダの中身は、いっさい変更しないでください。

# 大前提（正直さのルール）
あなたは外部ツール（PageSpeed Insights・W3Cバリデーターなど）を直接は実行できません。
コードを各ツールの判定基準と照合して採点し、実機での確認手順は最後にURL付きで案内してください。

# 採点する6つの観点（各100点で採点し、総合点に集約する）
1. HTML文法（W3Cの基準）：閉じ忘れ、廃止タグ、全画像のalt
2. 見出し構造：h1は1つか、レベルを飛ばしていないか、目次として通るか
3. 読み込み速度（PageSpeedの基準）：画像のサイズ指定、遅延読み込み、軽い画像形式
4. 構造化データ：ページ種別を判定し、記事ならArticle、会社ならOrganizationを基準に採点
5. AI可読性：セマンティックタグ、JSなしで本文が読めるか、FAQの形式
6. メタ情報：title、description、canonical、OGP（SNS表示）

# 各指摘の書き方（4つ必ず入れる）
1. 重要度（高 / 中 / 低）
2. なにが問題か（一言で）
3. なぜ気になるか（専門用語を使わず、検索やAIにどう影響するか）
4. どう直すか（具体的に）

# レポートの形式
- 1枚の縦長ページ（LP形式）でつくる。ページ分割はしない。
- 内容の量にあわせて、自然に縦に伸びる構成にする。
- 順番：ヘッダー（サイト名・総合点）→ 総評（100点満点・理由・重要度ごとの件数）
→ 6観点のスコア一覧 → 観点ごとの指摘 → 改善タスクのチェックリスト（全件・重要度順）
→ 実機での確認手順（ツールのURL付き）→ コードでは直せない残課題（サーバー速度など）。
- フォントはNoto Sans JP。配色は白・グレー・黒のモノトーン。
- A4縦でPDFにしたとき、見出しの途中で切れないよう改ページのCSSを入れる。
- 専門用語が出るときは、必ずカッコ書きで補足する。

まず総評を見せて、そのあとレポートをデスクトップに保存してください。
―――

#Claude #SEO #レポート作成

137

207

15K

いも

@imodeicious

Who to follow

Last Seen Users on Sotwe

Trends for you

Most Popular Users