メタタグ生成(OGP対応)

ページ情報を入力すると、SEO・OGP・Twitterカードに対応したmetaタグ一式を生成します。入力データはブラウザ内のみで処理され、サーバーには送信されません。

メタタグ生成ツールとは?

メタタグ生成ツールとは、Webページの<head>内に記述するmetaタグ(title・description・OGP・Twitterカード)を、フォーム入力から一括生成するツールです。SNSでシェアされたときの表示(OGP)に必要なタグをもれなく揃えられます。

メタタグ生成ツールの使い方

  1. ページ情報を入力するタイトル・説明文・URL・OGP画像URL・サイト名を入力します。文字数の目安も表示されます。
  2. ページの種類を選ぶトップページやサービスページはwebsite、ブログ記事はarticleを選びます。
  3. コードをコピーする生成されたタグ一式をコピーして、HTMLの<head>内に貼り付けます。

OGP画像のサイズ

OGP画像は1200×630px(比率1.91:1)が推奨サイズです。このサイズで作成すると、X(Twitter)・Facebook・LINEなど主要SNSで大きくきれいに表示されます。

こんな場面で使えます

新規サイト・LPの公開準備

公開前に必要なメタタグ一式を漏れなく用意できます。

SNSシェア時の表示改善

シェアしても画像やタイトルが出ないページに、OGPタグを追加できます。

コーディング学習の参考

正しいメタタグの書き方のテンプレートとして使えます。

よくある質問

OGPを設定したのにSNSで反映されません

SNS側が古い情報をキャッシュしている可能性があります。XならCard Validator、FacebookならシェアデバッガーでURLを再取得すると更新されます。

titleとog:titleは同じでいいですか?

基本は同じで問題ありません。SNS向けに短くキャッチーなタイトルにしたい場合のみ、og:titleを変えるのも有効です。

関連ツール

ツール一覧に戻る