タイトルや説明文を入力すると、SNSでシェアしたときの見え方をその場でプレビューし、そのまま貼れるメタタグを生成します。すべてブラウザ内で処理し、入力内容はサーバーに送信されません。
生成されたメタタグ
生成したタグは、WordPressのhead内に出力する必要があります。テーマやSEOプラグインの設定欄に貼るのが一般的です。
このツールの使い方
操作はシンプルです。難しい設定や会員登録は必要ありません。タイトルや説明文を入力欄に打ち込むだけで、SNSでの見え方とコピペ用のタグが同時に手に入ります。
- ページタイトル・説明文・URL・画像URLなど、分かる項目を入力します。すべて埋める必要はありません。
- プレビュー切替ボタンでFacebook・X・Slackの表示を見比べ、シェアされたときの印象を確認します。
- 下部に生成されたメタタグを確認します。画像未設定などの注意点はツールが知らせます。
- タグをコピーボタンで全文をコピーし、テーマやSEOプラグインのhead出力欄へ貼り付けます。
そもそもOGPとは？
OGP（Open Graph Protocol）とは、Webページの内容をSNSに正しく伝えるための仕組みです。ページのhead内に専用のメタタグを書いておくと、そのURLがシェアされたときにタイトル・説明文・画像がカード形式で表示されます。
OGPが設定されていないと、シェア時のリンクは味気ない青い文字リンクのまま表示され、画像もタイトルも出ません。画像付きのカードはそうでないリンクより目立ち、クリックされやすくなるため、拡散を狙うページほど設定する価値があります。
OGPを設定するメリット・デメリット
メリット
- シェアされたときに画像付きのカードで表示されるため、タイムラインで目立ち、クリック率が上がりやすくなります。
- タイトルと説明文を自分で指定できるので、ページの内容を狙った見せ方でコントロールできます。
- 1組のタグでFacebook・X・LinkedIn・Slack・Discordなど主要なプラットフォームをまとめてカバーできます。
デメリット・気をつけたい点
- 画像を用意する手間がかかります。推奨の1200×630pxを外れたり、小さすぎたりすると表示が崩れたり無視されたりします。
- タグを直すだけでは反映されないことがあります。各SNSが古い情報をキャッシュするため、専用のデバッガーで再取得が必要になる場合があります。
- 画像URLは絶対パス（httpsから始まる形）でなければ表示されません。相対パスで書くと画像が出ないつまずきが起きがちです。
こんな時に使うと便利
- 公開前にシェアされ方を確認したいとき：実際に投稿する前に、タイトルや画像がどう並ぶかをその場で目視で確かめられます。
- キャッチコピーを練りたいとき：文字数の警告を見ながら、途中で切れない長さにタイトルや説明文を調整できます。
- プラグイン任せの出力を見直したいとき：自動生成されたタグが意図通りか、手元で組み直して比較できます。
- 複数SNSの見え方を比べたいとき：FacebookとXでカードの形が違うため、切り替えて両方の印象を確認できます。
よくある質問
-
Q入力した内容は外部に送信されますか？
-
A
いいえ、送信されません。プレビューもタグ生成もすべてお使いのブラウザ内で完結し、入力内容がサーバーへ送られることはありません。公開前のタイトルや説明文でも安心して試せます。
-
Qog:imageの画像サイズはどれくらいが良いですか？
-
A
1200×630pxが目安です。この比率ならFacebookもX（Twitter）も含む主要なSNSできれいに表示され、1枚で使い回せます。逆に200×200px未満だとプラットフォームによっては画像が表示されないため、小さすぎる画像は避けてください。
-
Q生成したタグはWordPressのどこに貼ればいいですか？
-
A
ページのhead内に出力する必要があります。多くのテーマやSEOプラグインには、OGPやメタタグを設定する専用欄が用意されているので、そこへ貼るのが安全です。テーマによってはOGPを自動生成する機能を持つものもあるため、その場合はこのツールで内容を確認・調整する使い方が向いています。
-
QOGPとメタディスクリプションの違いは何ですか？
-
A
効く場所が違います。メタディスクリプションはGoogleなどの検索結果ページで、タイトル下に出る説明文をコントロールするものです。一方OGPはSNSでシェアされたときのカード表示をコントロールします。前者は検索、後者はSNSと、それぞれ見え方を整える対象が分かれていると覚えておくとよいでしょう。
コメント