「SEO META 1 COPY」はMETA情報や見出し、構造化マークアップ(JSON-LD, Microdata, RDFa)をすぐに確認できます。
また情報を簡単にコピーでき、Markdown形式やタブ形式でもコピーできます。
もくじ
まとめタブ
- 基本情報
- Title, DescriptionなどのHeadタグ内の情報を表示
- 合計DOM要素数
- Styleタグの数とバイト数
- CMSがWordPressなら表示。テーマが分かる場合は、テーマも表示。
- Page Speed
- Navigation Timing APIから取得しています。
- All StyleSheets
- stylesheetタグに設定されているcssファイルの一覧
- ALL LINKS
- linkタグに設定されているファイルの一覧
- ALL SCRIPTS
- scriptタグに設定されているJSファイルの一覧
- ALL METAS
- metaタグに設定されているnameとcontentの一覧
- Hxタグ、aタグのリンク数
- 外部リンク rel設定別にリンク一覧
Page Speed
見出しタブ
- H1 – H6タグまでをHTMLの登場順に並べています。
- 階層ごとに色を変えて、インデントを付けて見やすくしました。
- 右側の矢印ボタンで登場場所にスクロールします。
- 一番下にはH1 – H6の使用数とリンク数の一覧を表示します。
構造化タブ
JSON-LD
- Google推奨の構造化データJSON-LDを確認する機能です。
- 設定内容の詳細も確認できます。
- JSON-LDの仕様が正しいかはチェックしていません。
- 構造化データの種類ごとのGoogleドキュメントへのリンクボタンを設置しました。詳細な仕様についてはリンク先を参照してください。
- 下部にGoogleのリッチリザルトテストへのリンクも設置しています。JSON-LDの記述が正しいかはGoogleのツールで確認してください。
Microdata
- 構造化データのMicrodataを確認する機能です。
- 詳細も確認できます。
- サポートが終了した「data-vocabulary.org」が使われていたら赤色の文字でお知らせします。
- 下部にドキュメント、リッチリザルトテスト、スキーママークアップ検証ツールへのリンクも設置しました。
RDFa
- 構造化データのRDFaを確認する機能です。
画像 タブ
- 上部にimgタグを条件別に件数を表にまとめました。
- ALT属性を設定していない件数
- loading=”eager”が設定されている件数
- loading=”lazy”が設定されている件数
- JavasScriptでsrc属性を置き換えて表示させるタイプの画像数
- data-srcが設定されているかで判定しています
- noscriptタグにimgタグが記述されている件数
- width, heightが設定されていないimgタグ数
- 次世代の画像形式のwebp, avifの数
- 拡張子ではなくcontent-typeで判別しています。APIで取得できない場合があるので、すべて画像をチェックできないかもしれません。
- 特定のミリ秒以上かかった画像の件数
- Resource Timing APIを使用しています。APIで取得できない画像については秒数を取得できないのでカウントできません。
- 権利付き画像
- IPTC、EXIF、XMPで設定できる著作権系のメタデータが埋め込まれた画像の件数
- 各条件に一致した画像の一覧で確認できます。
- サムネイル画像
- data-srcが存在する場合はdata-srcの画像を表示します。
- ファイル名
- ALT属性の値
- 画像の種類(拡張子ではなくcontent-typeで判別)
- 画像のファイルサイズ
- 画像の大きさ
- 表示までにかかった時間
- 存在する場合はdata-srcの値
- 遅延処理
- 権利付き画像
権利情報
誰が作成したかなどの著作権情報も確認できます。
Googleが推しているのはIPTCのようです。
ただしWEBPは IPTC を設定できないなど、画像形式によって状況が変わります。
確認できる権利メタデータ
- EXIF
- artist
- copyright
- XMP
- creator
- credit
- rights
- IPTC
- By-Line
- credit
- copyright notice
参考情報
Google 画像検索の SEO: 画像メタデータ | Google 検索セントラル | ドキュメント | Google for Develo…
画像メタデータを指定すると、Google 画像検索で画像の詳細情報(作成者、画像の使用方法、クレジット情報など)を表示できます。
Social タブ
Open Graph Protocol(OGP)、Twitter、Facebookで投稿したときに表示される設定を確認できます。
- Open Graph Protocol(OGP)
- Twitter(X)
Tool タブ
SEOやHTMLタグをチェックする便利な外部サイトのツールへのリンク一覧です。よく使う使用頻度の高いツールは上部に表示されるようになります。
- SEO関連
- HTML関連
- SNS関連
- Security/マルウェア
- その他
表示位置の調整
設定でポップアップ表示、サイドバー表示のどちらかを設定ができます。