メタタグ生成ツールとは?
メタタグ生成ツールとは、Webページの<head>内に記述するmetaタグ(title・description・OGP・Twitterカード)を、フォーム入力から一括生成するツールです。SNSでシェアされたときの表示(OGP)に必要なタグをもれなく揃えられます。
メタタグ生成ツールの使い方
- ページ情報を入力するタイトル・説明文・URL・OGP画像URL・サイト名を入力します。文字数の目安も表示されます。
- ページの種類を選ぶトップページやサービスページはwebsite、ブログ記事はarticleを選びます。
- コードをコピーする生成されたタグ一式をコピーして、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を変えるのも有効です。