SEO・OGPチェッカー

ページのURLから、検索エンジン向けのタグとSNSでシェアしたときのOGPを一括で点検し、見え方をプレビューします。

できること

  • URLを入れるだけで、title・description・canonical・noindex・hreflang・h1・viewport・lang を点検
  • OGP(og:title・og:description・og:image・og:url)とX(twitter:card)のタグの有無と書き方を確認
  • OGP画像を実際に読み込み、表示できるか・サイズ(推奨 1200×630)・縦横比を判定
  • 検索結果とSNSのシェアカードの見え方をプレビュー。構造化データ(JSON-LD)の構文エラーも指摘

こんなときに

SNSでシェアしたら画像が出ない

og:image が相対パスになっていないか、画像が読み込めるか、サイズが足りているかを確かめる。

公開前の最終確認

title・description の入れ忘れや、テスト環境の noindex の消し忘れを見つける。

検索に出てこない原因を探す

noindex(metaタグ・X-Robots-Tagヘッダ)や、別のURLを指す canonical がないかを見る。

他サイトの設定を参考にする

公開されているページのタグ構成や構造化データの種類を読む。

プライバシー

入力したURLは、そのページのHTMLを1回だけ取得するためにサーバーへPOSTで送られます。取得したHTMLの解析はすべてブラウザ内で行い、URLもHTMLも保存しません。診断対象がURLのクエリに載らないため、このページのリンクを共有しても調べた相手先は伝わりません。取得はhttp/httpsのみ、5秒・1MB・リダイレクト3回までに制限し、localhostやプライベートIPアドレスへは接続しません。OGP画像のプレビューは、お使いのブラウザが画像のURLへ直接アクセスして表示します。

よくある質問

og:image を設定したのに画像が出ません

よくある原因は3つです。①og:image が相対パス(/img/ogp.png など)になっている — OGPの画像は https:// から始まる絶対URLで書く必要があります。②画像のURLにアクセスできない — ログインが必要、robots.txt でブロック、リダイレクトの先で404などです。③サービス側のキャッシュ — 一度シェアされたURLのカードはしばらく保存されるため、タグを直してもすぐには変わりません。各サービスのデバッガーで再取得するか、URLに ?v=2 のようなパラメータを付けると新しいカードになります。

OGP画像の推奨サイズは?

1200×630ピクセル(縦横比 約1.91:1)が広く使われている目安です。Facebook・LINE・Slack・X の大きいカード(summary_large_image)はこの比率に近い横長で表示し、はみ出した部分はトリミングされます。文字やロゴは中央寄りに置くと切れにくくなります。小さすぎる画像は大きいカードにならず、小さなサムネイルで表示されることがあります。

title と description は何文字がいいですか?

検索結果では表示幅で切られるため、文字数は目安です。title は全角30文字前後(半角60文字前後)、description はパソコンで全角120文字前後までが表示されやすい長さです。大事な言葉は前のほうに置きます。なお、検索エンジンはページの内容に合わせて title や description を書き換えて表示することがあります。

twitter:card が無いとどうなりますか?

X は twitter:title や twitter:image が無ければ og:title・og:image を代わりに使います。ただ、画像を大きく見せるカードにするには twitter:card に summary_large_image を指定します。summary だと左側に小さな正方形の画像が付くだけのカードになります。

canonical が別のURLになっていると言われました

canonical は「このページの正規のURLはこれです」と検索エンジンに伝えるタグです。点検したURLと違うURLを指していると、検索エンジンは点検したURLではなく canonical の先を検索結果に出そうとします。http と https、www の有無、末尾の / の有無、パラメータの違いでも「別のURL」になります。意図したものなら問題ありませんが、全ページがトップページを指しているような設定ミスはよくあります。

関連ツール

ページを点検する

入力したURLのHTMLを1回だけ取得します。OGP画像はお使いのブラウザが直接読み込みます。