メタタグ（OGP）生成ツール

ページのタイトルや説明文を入力すると、検索結果やSNSでの見え方を整えるメタタグ（title・description・OGP・Xカード）をまとめて作るツールです。

Googleの検索結果、X（旧Twitter）、Facebookでどう表示されるかをその場でプレビューし、文字数が多すぎる時や画像のサイズが合わない時もお知らせします。

メタタグを作る

1. ページの情報を入力する

2. 詳しい設定（必要な時だけ）

3. 表示を確認する

4. コードをコピーする

<head>の中に貼り付けてください。

それぞれのタグの意味

文字数の目安は全角での数です。検索結果に表示される長さは画面の幅で決まるため、目安を超えた部分は「…」で省略されます。

WordPressで使う時の注意

WordPressでは、テーマやSEO系のプラグインがOGPやdescriptionを自動で出力していることがよくあります。同じタグが2つあると、どちらが使われるか分からなくなるため、貼り付ける前にページのソースを確認し、テーマやプラグインの設定と重ならないようにしてください。

シェアした時の見え方が古いままの場合は、SNS側に以前の情報が残っていることがあります。FacebookはシェアデバッガーでURLを読み込み直すと更新されます。

あわせて使いたいツール

• 画像の圧縮・リサイズ・WebP変換ツール：OGP画像を1200×630pxにリサイズ・圧縮できます。
• 文字数カウントツール：タイトルや説明文の文字数を、細かく数えられます。
• ファビコン生成ツール：<head>に入れるファビコンのタグと画像を作れます。