# メタタグチェッカー

URL: https://tools.otaku-dojo.com/ja/meta-tag-checker
Updated: 2026-10-03

メタタグチェッカーは Web ページの <head> を読み込み、SEO の基本設定を 1 項目ずつ確認します。title と description が検索結果で省略されない長さか、canonical の有無、誤った noindex、H1 の数、html lang、viewport、hreflang、OGP、JSON-LD 構造化データをチェックし、Google 検索結果での見え方もシミュレーションします。

## メタタグチェッカーの使い方

1. チェックしたい URL を入力して「チェック」を押します。
2. 上部に合格・警告・エラーの数と HTTP ステータスコードが表示されます。
3. 「検索結果プレビュー」で Google での title と description の表示を確認します。
4. 「チェック項目」で緑（合格）、黄（改善推奨）、赤（要修正）を確認します。

## 仕様とポイント

- **チェック項目**: title、description、canonical、robots / X-Robots-Tag、H1、lang、viewport、hreflang、OGP、JSON-LD
- **長さの目安**: title 幅 20〜60、description 幅 70〜160（全角 = 2）
- **リダイレクト**: 自動で追跡し、最終ページをチェック
- **読み込み範囲**: HTML の先頭 512 KB
- **制限**: 公開 URL のみ。JavaScript は実行しません（サーバーが返す HTML を確認）
- **料金**: 無料・登録不要

## 使用例: 誤って設定された noindex を発見

```text
https://example.com/landing
```

→

```text
Robots：noindex, follow  ✗
このページは Google の検索結果に表示されません。
```

## よくある質問

### ブラウザのタブにはタイトルがあるのに「title がない」と表示されます

JavaScript でタイトルを設定している（React や Vue のシングルページアプリなど）可能性があります。このツールはサーバーが返す HTML を確認しており、検索エンジンが最初に取得するのもこの内容なので、サーバーサイドレンダリング（SSR）の導入を検討してください。

### canonical が黄色になるのは？

canonical がチェックした URL と異なる URL を指しています。意図的にメインの URL を指定しているなら問題ありませんが、そうでなければこのページがインデックスされない可能性があります。

### 1 ページに H1 を複数置いてもいい？

HTML5 では許可されていますが、SEO の観点では 1 ページに 1 つ、テーマを明確に表す H1 を推奨します。

### 社内サイトをチェックできないのは？

安全のため、チェックツールはインターネット上の公開 URL にのみ接続し、localhost やプライベート IP には接続しません。
