マークアップの妥当性
閉じられていないタグ、競合するid、無効な属性、不正なネストを検出します。各問題にはその位置と影響が含まれます。
オンラインHTMLコードチェック
サイトのHTMLをオンラインで検査します。マークアップの誤り、画像説明の欠落、SEOタグの問題を見つけ、修正に役立てます。
使い方
次に何を修正すべきかが明確になるようHTMLをチェックします
ページのURLを入力してください。Miltenがブラウザーでページを開き、取得したHTMLを検証します。ページの要素ツリーであるDOMを使い、指摘をテンプレートやコンポーネントに結び付けられます。
- 01 · URL
最終的なページマークアップを取得
スキャナーはURLを開き、基本レンダリングを待ち、ユーザーが実際に受け取るHTML（サーバーマークアップ、CMSテンプレート、スクリプトで追加された要素）を取得します。
- 02 · DOM
構造的な問題を見つける
HTMLを検証し、要素ツリーのネストの深さ、重複ID、タグのグループを確認します。要素数が多い場合は調査が必要ですが、それだけで不具合があるとは判断できません。
- 03 · レポート
修正計画を立てる
例えば、2つの要素が同じIDを持つ場合、テンプレートで両方を見つけ、それぞれ固有のIDに変更し、関連するラベルやリンクも更新します。変更後に再検証し、ページの動作をテストしてください。
分析モジュール
HTMLレポートに含まれるもの
各モジュールは実践的な問いに答えます。どこでマークアップが重くなったか、何がインデックス登録を妨げているか、どの修正を開発者に最初に送るべきか。
技術的なSEOシグナル
title、description、canonical、robots、hreflang、Open Graph、構造化データをチェックします。レポートには、スニペットとインデックス登録に影響する内容が記載されます。
カテゴリ別のHTML重量
ファイルをコンテンツ、コンポーネント、インラインCSS/JS、SVG、コメントに分割します。これにより、余分なキロバイトの発生源を特定し、正確に削除しやすくなります。
DOM構造
ツリーの深さ、ノード数、繰り返される分岐、空のラッパーを表示します。レポートは、デザインを変えずに簡素化できるブロックを明確にします。
セマンティクスとアクセシビリティ
ランドマーク、見出しの順序、altテキスト、フォームラベル、ARIA、キーボードアクセスをチェックし、ページが人と検索エンジンにとって理解しやすいものになるようにします。
重複と技術的な不要要素
繰り返されるメタタグ、余分なcanonical/hreflangリンク、空のdiv/span要素、非表示ノードを検出します。推奨事項では、保持すべきものと削除すべきものを説明します。
FAQ
HTML分析に関するよくある質問
DOM、妥当性、HTMLサイズ、SEO、アクセシビリティに関する簡潔な回答。
HTML Scannerは速度チェックとどう違うのですか？
Speed ScannerはCore Web Vitals、読み込みリソースを調べます。HTML Scannerはマークアップ自体に焦点を当てます。DOMツリー、HTML重量、妥当性、セマンティクス、アクセシビリティ、技術的なSEOタグです。
1ページだけチェックできますか？
はい。フォームは特定のページのURLを受け付けます。ホームページ、ランディングページ、カタログ、商品ページ、記事などです。テンプレート化されたサイトでは、通常、各タイプのページを1つずつチェックすると役立ちます。
HTMLが大きいことがなぜ問題になるのですか？
重いHTMLは転送、解析、保守に時間がかかります。一般的な原因には、インラインスクリプト、大きなSVG、繰り返されるカード、余分なラッパー層、CMSコメント、別途読み込むべきデータなどがあります。
スキャナーはアクセシビリティエラーを表示しますか？
はい、HTML分析の範囲内で表示します。フォームラベル、altテキスト、ランドマーク領域、見出し階層、ARIAの競合、セマンティックロールが欠けている要素などです。完全なa11y監査は別のステップとして実施できます。
バリデータのエラーにはどう対処すべきですか？
P1から始めてください。重複したid、インタラクティブ要素の不正なネスト、閉じられていないタグ、競合するmeta/canonicalタグ、フォームの問題などです。その後、余分なラッパーを整理し、セマンティクスを改善します。
関連サービス