CreaTools LogoCreaTools
Tech Notes
Meta Checker

meta title / descriptionの書き方完全ガイド｜事故を防ぐ優先度別チェック

2025-12-09

この記事の想定読者

「metaタグを毎回確認しているが、結局どれを優先すべきか分からない制作・運用担当者向け」です。

metaタグを全部覚える必要はありません。 事故を起こさないために、どれを優先して見るべきかを整理します。

このガイドで分かること／分からないこと

分かること分からないこと
優先度別に何を確認すべきかmetaタグの網羅的な仕様
修正すべきか放置OKかの判断基準高度なSEOテクニック
Meta Checkerでの確認ポイントSearch Consoleの詳細な使い方

以下の人は全部読む必要はありません：

  • metaタグの意味だけ知りたい初心者
  • WordPressのプラグインに任せている人

結論：守るべき数字（これだけ覚えろ）

項目正解超えると
Title55文字以内切れる・書き換えられる
Description120文字以内切れる
キーワード位置先頭30文字以内見えない

モバイル基準。デスクトップは「余裕があれば表示される」程度の認識で。

優先度A：必ず確認（触らないと事故る）

title

検索結果の表示に直結します。最優先。

基準判断
55文字以内✓ OK
56〜70文字△ 要修正（切れる可能性）
70文字超✗ 即修正（確実に切れる）
<!-- OK -->
<title>React入門ガイド｜2025年版｜TechBlog</title>

<!-- NG: 長すぎる -->
<title>【2025年最新版】初心者でも分かる！SEO対策の完全ガイド｜すべてのテクニック...</title>

Meta Checkerでの確認ポイント

  • 文字数バーが緑になっているか
  • Mobile表示で切れていないか
  • キーワードが先頭30文字以内にあるか

meta description

CTRに影響。書き換えられても致命傷にはならないが、放置は非推奨。

基準判断
120文字以内✓ OK
121〜160文字△ 要修正（モバイルで切れる）
160文字超✗ 即修正（全デバイスで切れる）
<!-- OK -->
<meta name="description" content="Reactの入門ガイド。基本からHooksまでサンプルコード付きで解説。今すぐ始められます。">

Meta Checkerでの確認ポイント

  • 文字数バーが緑になっているか
  • Mobile表示で重要情報が切れていないか
  • 行動喚起が前半にあるか

meta robots

noindex / nofollow の設定ミスは致命的です。

<!-- これがあると検索結果から消える -->
<meta name="robots" content="noindex">
状態判断
noindexなし✓ OK
noindexあり（意図的）✓ OK
noindexあり（意図せず）✗ 即修正（検索から消える）

確認方法

curl -s https://example.com | grep -i "noindex"

優先度B：余裕があれば最適化

og:title / og:description

SNSシェア時の表示に影響。検索流入がメインなら後回しでOK。

状態判断
検索流入がメインtitleと同じ値でOK
SNS流入も重要別途最適化

og:image

基準判断
1200×630px✓ OK
サイズが違う△ 要修正
設定なし△ 要修正

canonical

状態判断
正しいURLを指定✓ OK
間違ったURLを指定✗ 即修正
設定なし△ 要検討

優先度C：基本設定（知識でOK）

以下は通常、フレームワークやCMSが設定済み。問題が起きない限り触らなくてOK。

タグ役割判断
charset文字化け防止放置OK
viewportレスポンシブ対応放置OK
og:locale言語設定放置OK

即決チェックリスト（公開前に確認）

優先度A：必ず確認

  • titleは55文字以内か
  • 主要キーワードは先頭30文字以内か
  • descriptionは120文字以内か
  • robotsがnoindexになっていないか

優先度B：余裕があれば

  • og:title / og:descriptionを設定したか
  • og:imageを設定したか
  • canonicalを設定したか

最短でmetaを確認する手順

1. Meta CheckerにURL情報を入力
        ↓
2. 優先度Aのタグだけを見る
   （title、description、robots）
        ↓
3. 文字数バーが緑 → OK
   文字数バーが黄/赤 → 修正
        ↓
4. 問題がなければB・Cは後回し

「全部完璧にする」より、「事故を防ぐ」ことを優先してください。

Meta Checkerで潰せる事故

事故確認方法
titleが切れるMobile表示でプレビュー
descriptionが切れるMobile表示でプレビュー
キーワードが見えないプレビューで目視
文字数オーバー文字数バー（赤=NG）

他ツールとの違い

ツール問題点
Search Console反映が遅い、原因特定が難しい
Chrome拡張ページ単体しか見られない
Meta Checker即時確認、Desktop/Mobile両対応

まとめ

優先度項目基準判断
Atitle55文字以内超えたら即修正
Adescription120文字以内超えたら即修正
Arobotsnoindexなしあったら即修正
BOGPSNS流入があれば余裕があれば
Ccharset等通常は問題なし放置OK

全部やるな。優先度Aだけで80%の問題は防げる。

関連記事