自分のサイト、健康ですか？——AIサイト診断ツール「Dr.OTO」をつくった話

※この記事を公開した時点では、このツールを別の名前で呼んでいました。その後「Dr.OTO（ドクターオト）」に改名しています。経緯はこちらの記事に書きました。

きっかけは、素朴な物足りなさ

以前にも、AIを使った簡単なサイト診断は作ったことがありました。「H1タグ（ページの大見出し）はあるか」といった、基本的なチェックをするものです。それはそれで役に立ったのですが、使っているうちに、もう少し踏み込んだことが知りたくなってきました。

たとえば、自分のサイトのセキュリティは、実際のところどのくらいなのか。表示速度は？　最近よく聞く「AI検索対策」はできているのか？　基本的な項目だけでなく、もっと多角的に、深く診てくれるものが欲しい——そう思ったのが出発点です。

ちょうどそのとき、新しいAIモデル（Claude Fable 5）のお試し期間が重なったのも、背中を押しました。「試してみるなら、今だ」と。

何を診るのか——9つの視点

作ろうとしたのは、URLを入力するだけで、サイトを9つの視点から総合診断するツールです。それぞれ、こんなことを見ています。専門的な用語には、簡単に説明を添えておきます。

• セキュリティ——通信の暗号化（HTTPS）や、外部からの攻撃を防ぐ設定がされているか。
• SEO——検索エンジンに正しく理解される作りになっているか（タイトル、見出し構造など）。
• Core Web Vitals——Googleが定めた、表示速度や画面の安定性の指標。
• 表示速度——ページがどれだけ速く表示されるか。
• UX——使いやすさ（文字サイズ、スマホ対応、タップしやすさなど）。
• AI検索最適化（LLMO）——ChatGPTのようなAIに、サイトの内容が正しく理解・要約されやすい作りか。
• アクセシビリティ——目の不自由な方や高齢者を含め、誰もが使いやすいか（画像の代替テキスト、色のコントラストなど）。
• WordPress——WordPressで作られている場合、そのバージョンや設定に問題がないか。
• 構造化データ——検索エンジンに「これは何の情報か」を伝えるための、裏方のデータが正しく書かれているか。

サイトの「健康状態」を、多方面から診る——まさに人間ドックのイメージです。ツールに「Dr.（ドクター）」という名前をつけているのも、そこから来ています。

どう作ったか——「集める→分析する→優先順位をつける」の3段構え

仕組みは、大きく3つの段階に分かれています。

まずデータ収集。入力されたURLにアクセスして、診断に必要な情報を機械的に集めます。ページのHTML、通信の設定、サイトマップ、構造化データなど、公開されている情報を読み取ります。

次に分析。集めたデータをもとに、項目ごとに評価します。単に「できている／いない」だけでなく、「どの問題から手をつけるべきか」という優先順位も、影響度をふまえて判断します。

最後に出力。総合スコアと項目別スコア、そして「改善すべきポイント」を優先順位つきのランキングで表示します。

開発には、AIのコーディングツールであるClaude Codeを使い、Next.js（Webアプリを作るための技術）で組み立てて、Vercelというサービスで公開しています。

正直に言うと、私はNext.jsやVercelに詳しくありませんでした。分からない部分は、AIにほぼお任せです。それでも——動くものができるまで、かかった時間は2〜3時間ほどでした。専門外の技術でも、AIと組めば、これくらいの時間で形になる。作っていて、それが一番の驚きでした。

こだわったこと——「他人のサイトに、踏み込まない」

設計で、最初にはっきり決めたことがあります。この診断は「非侵入型」にする、ということです。

「セキュリティ診断」と聞くと、実際にサイトへ侵入を試みて弱点を探る、というイメージがあるかもしれません。でもDr.OTOは、そういうことは一切しません。あくまで、外から見える公開情報だけを読み取って診断します。

理由は2つあります。ひとつは、他人のサイトに侵入を試みる行為は、不正アクセスにあたるリスクがあるから。もうひとつは、非侵入型なら、誰でも安心して使えるから。自分のサイトはもちろん、気になる他のサイトを診断しても、相手に迷惑をかけることがない。これは開発時に、AIからも提案があった線引きでした。

安全で、合法で、誰でも使える。この土台があってこそのツールだと考えています。

工夫したこと——「無料で、でも披露できる形に」

もうひとつ、悩んだのがコストです。

AIによる分析には、AIのAPI（外部サービスを使うための窓口）が必要です。当初はClaudeのAPIを使う想定でしたが、ここで現実的な問題にぶつかりました。多くの人に使ってもらうと、その分だけ費用がかかる。個人でやっている以上、AIのサブスクや従量課金で「貧乏」になってしまうのは避けたい。

「個人利用に絞ってはどうか」という選択肢もありました。でも、せっかく作ったものは、やっぱり披露したい。その気持ちが自分にはありました。

そこで、無料で使えるGoogleのAI（Gemini）のAPIを採用しました。無料枠には厳しい制限があり、たくさんアクセスがあれば、すぐに上限が来るでしょう。

※その後、複数の無料AIを渡り歩く仕組みを追加し、上限が来にくくなりました。詳しくは「無料のまま、動かし続ける」をご覧ください。

ただ、上限が来たら丸ごと使えなくなる——というわけではありません。

まず、9つの診断項目そのものは、すべて常にフルで動きます。セキュリティもSEOも構造化データも公開情報から自前で判定できますし、表示速度（Core Web Vitals）も、Googleが無料で提供している計測のしくみを使って、いつでも実測しています。診断の中身は、AIの上限とは関係なく、常に完全な状態です。

AIの力を借りているのは、最後の**「総評コメント」の部分だけ**。集めた診断結果を読み解いて、「このサイトはここが強く、ここが弱いですね」と、人間のコンサルタントのように文章でまとめてくれる部分です。

そして、この総評も二段構えにしてあります。AIが使えるときは、AIが柔軟な講評を書く。もしAIの利用上限が来たときは、あらかじめ決めておいた判定ルールにもとづいて、「何点です、弱いのはここです」と機械的に組み立てる。表現の豊かさは違いますが、総評そのものは、いつでも出ます。

たとえるなら、診断結果（データ）は必ず全部そろっていて、それを講評する人が「経験豊富な医師（AI）」か「決められた様式のカルテ（ルール）」か、という違いだけ。どちらにしても、9項目すべての診断結果と総評は、いつアクセスしても返ってきます。

「無料の制約」を、「使えなくなる」ではなく「講評の質が変わるだけ」という形に収める。ささやかですが、気に入っている工夫です。

実際に、試せます

そうして完成したのが、**Dr.OTO（ドクターオト）**です。今、無料で公開しています。

URLを入力するだけで、ここまで説明した9項目を診断します。あくまで試験運用の段階ですが、ご自身のサイトが今どんな状態か、ひとつの参考として見ていただければと思います。

Dr.OTOで無料診断を試す