1行のコードを入れるだけで、画像・リンク・見出し・パフォーマンスの問題をリアルタイムに検出します。
ページに1行スクリプトを追加するだけで、品質上の問題をその場でハイライト表示するオーバーレイツールです。デザイナーも、コーダーも、ディレクターも、コードの知識がなくても問題箇所を一目で確認できます。
スクリプトタグを1つ貼るだけで自動的に動作します。設定不要、インストール不要。ページをリロードするだけで使えます。
検出された問題は該当要素に枠線で表示されます。リストをクリックするとその要素へスクロールするので、どこが問題かが一瞬でわかります。
「何が問題か」だけでなく「どう直せばいいか」のヒントも一緒に表示。修正の手間を最小限にします。
PageLoupeは7つのカテゴリにわたってページの品質問題を自動検出します。SEO・アクセシビリティ・パフォーマンスに直結する問題をまとめてスキャンします。
alt属性の有無・width / height の欠如によるCLSリスク・表示サイズに対して過剰に大きい画像を検出します。
「こちら」「詳しくは」などの曖昧なリンクテキスト、target="_blank" に rel="noopener" がない危険なリンク、テキストのないボタンを検出します。
h1が複数あるSEO上の問題や、h2からh4へレベルをスキップしている見出し構造の乱れを検出します。
ページのLCP要素を特定し、描画時間を表示します。2.5秒を超える場合は原因別の改善アドバイスも表示します。
入力フィールドに対応する label が設定されているかをチェックします。スクリーンリーダーへの対応に必要な項目です。
色覚の特性に合わせて色調をシミュレーションする事で、サイト制作者がUCへの配慮をしながら制作を行えます。
editorモードとUserモードを利用することができます。editorモードでは開発時のチェックに、userモードではユーザーが閲覧時に見やすい色へ自分で補正することができます。（※1）
（※1）editorモードの色覚シミュレーションには学術的に実績のある「Machado 2009アルゴリズム」を採用し、精確に当事者視点を再現。Userモードの色覚補正には「ダルトニゼーション」を採用。単なる色変換ではなく、見えにくい色を見えやすいチャンネルへ再分配する科学的なアプローチです。
以下のサンプル要素はPageLoupeのデモ用に意図的に問題を含んでいます。右パネルの検出リストから各項目をクリックすると、該当箇所にスクロールします。
alt属性がない画像です。スクリーンリーダーは内容を読み取れません。PageLoupeが赤枠でハイライトします。
HTML上にwidth/height属性がない画像です。画像読み込み前後でレイアウトがずれるCLS（累積レイアウトシフト）の原因になります。
参考サイトはこちらのサイトをご覧ください。
target="_blank" に rel="noopener noreferrer" がないリンクです。タブナビゲーション攻撃のリスクがあります。
labelが設定されていない入力フィールドです。スクリーンリーダーは項目名を読み取れません。
PageLoupeの料金体系はシンプルです。
1ドメイン（FQDN）につき「880円（税込）／月」です。それ以外に費用はかかりません。ドメイン毎のライセンスになるため複数人のプロジェクトで利用しても問題はありません。ご利用にはPageLoupe自体のライセンスへの同意が必要です。
シンプルな料金体系。ページ品質の改善はクライアントの満足度と評価につながります。1案件のフィードバック対応コストを考えれば、十分に元が取れます。
制作に関わる人数がどれだけいても月額880円（税込）です。ユーザー数に制限がなく複数人で確認できるので、制作者だけでなくクライアント確認やユーザーテストにも手軽に活用できます。
※価格・仕様は改訂される場合があります
Webの品質基準は変化します。サブスクリプション形式でお届けすることで、新しいチェック項目の追加や改善を継続的に提供します。
ご利用はマイページからお申し込みいただけます
購入はこちら