URLを入力するとAIがWebサイト改善提案を返すツールを作ってみました

最近、OpenAI APIとNode.jsを使い、URLを入力するとAIがWebサイトの改善提案を返すツールを試作してみました。

今回のツールでは、指定されたURLからHTML情報を取得し、title・description・h1・本文情報などを解析した上で、AIがサイト全体の方向性や改善ポイントを提案する構成になっています。

単純なテキスト生成ではなく、実際のサイト構造を参照した上で、

・UI/UX改善
・SEO改善
・導線整理
・多言語対応
・インバウンド向け視点

などを含めて提案を返すようにしています。

今回はNode.js環境上で構築し、HTML解析にはcheerioを使用。OpenAI APIと組み合わせることで、サイト内容を踏まえた改善提案を返す形にしています。

実際に試してみると、サイトごとにHTML構造がかなり異なるため、単純な情報取得だけではうまく解析できないケースも多く、例えば今回テストしたサイトではh1が画像ロゴ構成になっていたため、imgのalt属性も含めて解析するよう調整を行いました。

また、不要なscript要素や埋め込みコードを除外しながら本文を整形するなど、実際のWebサイト解析に近い処理も加えています。

今回はローカル環境での試作ですが、営業やWebディレクション時の事前分析、サイト改善提案の整理など、実務用途でも応用できそうな感触がありました。

テストでは自分自身のウェブサイトを分析してみたのですが、いくつか改善点を提案されたのでそれも対応しないとです…