← 機能一覧に戻る
Free

SEOインスペクター

SEO Inspectorは任意のウェブページに対して即座かつ包括的な SEO 監査を実施します。meta タグ(title、description、robots、canonical URL)、見出し階層(H1〜H6)、ソーシャルシェア用のOpenGraphおよびTwitter Card タグ、画像のalt テキストカバレッジ、リンク分析、構造化データをすべて1つの整理されたアクションにつながるレポートで確認できます。

優れた SEO を実現するには、メタタグ、見出し構造、ソーシャルプレビュータグ、画像の最適化、リンクの健全性など、ページ内の何十もの要素を確認する必要があります。多くの SEO ツールは別のサイトにアクセスして URL を入力し、クロールが完了するのを待つ必要があります。SEO Inspector は現在開いているページ上でブラウザ内から直接動作し、すべての項目をリアルタイムで分析します。

レポートはメタタグ(文字数のカウントと推奨事項付き)、見出し階層(レベルの飛び越しに関する警告付き)、ソーシャルプレビュー(Facebook や Twitter でページがどう表示されるかをそのまま再現)、画像(alt テキストの欠落を指摘)、リンク(内部リンクと外部リンクの数)といった分かりやすいセクションに整理されています。各項目は緑(合格)、黄(警告)、赤(エラー)の色分けで表示されるため、どこから修正すべきかを即座に判断できます。

構造化データもチェックされます。JSON-LD や microdata による schema.org マークアップを検出し、どのスキーマタイプ(Article、Product、FAQPage など)が存在するかを報告します。構造化データの欠落や記述ミスは、検索結果でリッチスニペットが表示されない典型的な原因だからです。canonical タグと hreflang の代替リンクは現在の URL と照合して検証されるため、canonical タグが誤ったページを指しているというよくあるミスも見つけられます。各問題項目をクリックすれば、ページ上の該当要素がハイライトされ、素早く特定できます。

ライブプレビュー
example.com/blog/post
SEO レポート スコア: 78/100
メタタグ
タイトル:構築方法... (58 文字)
説明:最高の学びを... (142 文字)
カノニカル:https://example.com/blog/post
ロボット:欠損
見出し階層
H1 Chrome 拡張機能の構築方法
H2 はじめに
H2 プロジェクト構造
H4 マニフェストファイル ⚠ H3 をスキップ
H2 公開
画像 (12 個検出)
9 個の画像に alt テキストあり
3 個の画像に alt テキストなし
主な機能

meta タグ分析

titleタグ(文字数付き——最適は50〜60文字)、meta description(最適は150〜160文字)、robotsディレクティブ、canonical URL、viewportタグ、charset宣言を表示します。欠落または最適化されていない値を具体的な推奨事項とともにフラグします。

見出し階層チェック

H1〜H6の見出し構造をドキュメント順に完全表示します。H1の欠落、複数のH1、見出しレベルのスキップ(H2なしでH1→H3)、空の見出しタグについて警告します。各見出しのテキストコンテンツも表示します。

ソーシャルメディアプレビュー

Facebook(OpenGraphタグ:og:title、og:description、og:image)とTwitter(twitter:card、twitter:title、twitter:image)でシェアされた際のページ表示を確認できます。両プラットフォームのビジュアルプレビューモックアップを描画します。

画像 alt テキストカバレッジ

ページ上のすべての画像をスキャンし、alt テキストのカバレッジ率を報告します(例:「12枚中9枚の画像にalt テキストあり」)。alt 属性が欠落しているすべての画像をリストアップし、ページ上でハイライトするリンクを提供します。

リンク分析

ページ上のリンク総数を内部・外部別に集計します。SEO 上より説明的にすべき汎用的なアンカーテキスト(「こちらをクリック」「続きを読む」)のリンクを特定します。nofollowとdofollowの比率もフラグします。

色分けスコアリング

各チェックに色分けステータスが付与されます:緑(合格)、黄(警告)、赤(エラー)。総合 SEO スコア(0〜100)でページの最適化レベルを要約します。問題は影響度順に優先順位付けされます。

主な活用例

公開前 SEO チェックリスト

新しいページを公開する前に SEO Inspector を実行し、meta description の欠落・OpenGraph 画像の不在・見出し階層の崩れ・alt テキストのない画像を検出します。検索エンジンにクロールされる前に修正しましょう。

既存ページの監査

既存ページでインスペクターを実行し、時間とともに蓄積した SEO の問題(古くなった meta description・壊れた canonical URL・コンテンツ更新で崩れた見出し構造)を発見します。

競合 SEO 分析

競合他社のページを調査し、meta タグの最適化方法・タイトルと説明文でターゲットにしているキーワード・見出し構造によるコンテンツ整理の方法を確認します。

ソーシャルシェアの確認

ソーシャルメディアでページをシェアする前に、ソーシャルプレビューセクションでOpenGraph 画像・タイトル・説明文が正しいことを確認します。リンクがシェアされる前に og:image タグの欠落を発見できます。

コンテンツライター向け SEO ガイド

コンテンツライターはインスペクターを実行することで、投稿の見出し階層(タイトルにH1、セクションにH2、サブセクションにH3)・適切な meta description の文字数・説明的なalt テキスト付きの画像が正しく設定されているかを確認できます。

使い方
1

SEO Inspector を有効化する

DevSuite Proのフローティングドックを開き、SEO Inspector アイコンをクリックします。ツールが即座にページのHTMLをすべての SEO 関連要素についてスキャンします。

2

SEO レポートを確認する

meta タグ・見出し・ソーシャルプレビュー・画像・リンクのセクションを含む包括的なレポートが表示されます。各セクションに詳細付きの合格/不合格結果が表示されます。

3

スコアを確認する

総合 SEO スコア(0〜100)で健全性の概況を把握できます。スコア改善のために、まず赤のエラー、次に黄の警告に対処しましょう。

4

問題をクリックして場所を特定する

任意の問題(alt テキスト欠落、見出し階層の崩れ)をクリックすると、影響を受けている要素がページ上でハイライトされ、自動的にスクロールします。

5

修正して再スキャンする

コードを修正してページをリロードし、SEO Inspector を再度実行して改善を確認します。問題が解決されるにつれてスコアが上がるはずです。

試してみませんか?

DevSuite Pro を無料でインストールして、ブラウザで 64 以上の開発者ツールを利用しましょう。

Chrome に追加 Edgeに追加 Firefox に追加