ソーシャルメディアタグ

"Open Graph と Twitter Card の既定値を設定し、SNS で共有されたときの見え方を安定させます。"

概要

ソーシャルメディアタグ は、ページがソーシャルプラットフォームで共有されたときに使われるメタデータを管理します。

管理画面の場所: Airygen SEO -> 設定 -> ソーシャルメディアタグ

このモジュールの中心はプレビューです。投稿に個別のソーシャルデータがない場合に、どの画像、アカウント、タグ形式を見せるかを決められます。

設定

この画面には 設定 と プレビュー があります。

設定 -> Open Graph

Open Graph は、Facebook、LinkedIn、Threads など og:* タグを参照するサービス向けの設定です。

  • Open Graphを有効化 では、Open Graph 出力のオンとオフを切り替えます。
  • デフォルト画像 — URL では、フォールバック画像の URL を設定します。
  • デフォルト画像 — 添付ID では、メディアライブラリ画像を設定でき、URL と両方入っている場合はこちらが優先されます。
  • パブリッシャーURL では、任意の発行者ページ URL を追加できます。
  • og:image:width と og:image:height を入れると、画像サイズの認識やキャッシュが安定しやすくなります。
  • ドメイン検証 では、Meta のドメイン確認トークンを保存できます。
  • fb:app_id では、Facebook App を利用する場合に接続できます。
  • fb:admins では、対応するインサイト利用向けに Facebook 管理者 ID を保存できます。

設定 -> Twitter

Twitter は、Twitter や X のカード表示を個別に調整したいときに使います。

  • Twitterカードを有効化 では、Twitter Card 出力のオンとオフを切り替えます。
  • デフォルトカードタイプ では、summary_large_image または summary を選べます。
  • Twitterサイトハンドル では、ブランドアカウントを設定します。
  • Twitter作成者ハンドル では、著者または作成者アカウントを設定します。
  • Open Graph画像を継承 をオンにすると、Twitter が Open Graph 画像を再利用します。
  • Open Graph画像を継承 をオフにした場合は、Twitter 専用の既定画像を URL または attachment ID で設定できます。

プレビュー

プレビューでは、現在の設定から生成される og:* と twitter:* タグを確認できます。実際の URL を外部プレビューツールで試す前の確認に向いています。

使い方

  1. Airygen SEO -> 設定 -> ソーシャルメディアタグ を開きます。
  2. Open Graph で Open Graphを有効化 をオンにし、デフォルト画像 — URL または デフォルト画像 — 添付ID で強いフォールバック画像を設定します。
  3. パブリッシャーURL、ドメイン検証、fb:app_id、fb:admins は、実際に運用で必要な場合のみ入力します。
  4. Twitter で Twitterカードを有効化 をオンにし、既定のカード形式として summary_large_image または summary を選びます。
  5. 必要に応じて Twitterサイトハンドル と Twitter作成者ハンドル を入力し、ブランドや著者アカウントを反映させます。
  6. Open Graph画像を継承 を使うか、Twitter 用に別画像を設定するかを決めます。
  7. プレビュー を開いて生成タグを確認し、保存後に重視しているプラットフォームの外部プレビューツールでも実 URL を確認します。

保存後は次の点を確認してください。

  • フォールバック画像のサイズが適切で、不自然に切り抜かれていないこと。
  • site と creator のハンドルが正しいアカウントを指していること。
  • 投稿に個別のソーシャル画像がない場合でも見え方が崩れないこと。
  • 生成タグがプラットフォームのデバッガー結果と一致していること。

SEO のメリット

ソーシャルタグ自体が検索順位を直接上げるわけではありませんが、共有時の見え方を整えることでクリックされやすくなり、ブランドの一貫性を保ち、壊れたカード表示を減らしやすくなります。

活用例

ビジュアル訴求が重要なブランドサイト

Before: 共有リンクが、ページ内のランダムな画像や不完全なプレビューを拾っていました。

After: ソーシャルメディアタグ でフォールバック画像とカード形式を統一することで、共有時の見え方を整えられます。

著者が複数いる編集チーム

Before: 記事を共有しても、ブランドや著者アカウントが正しく表示されず、帰属がばらついていました。

After: Twitterサイトハンドル と Twitter作成者ハンドル を設定することで、ソーシャル上の表示を管理しやすくなります。

よくある質問

ソーシャルタグは検索順位に直接影響しますか。

いいえ。主な役割は、ソーシャルネットワークやメッセージングアプリでのリンク表示を改善することです。

既定画像の URL と attachment ID の両方を設定するとどうなりますか。

attachment ID が優先されるため、メディアライブラリ側の画像が先に使われます。

Twitter でも常に Open Graph 画像を使うべきですか。

必ずしもそうではありません。共通画像のほうが管理は簡単ですが、プラットフォームごとに別のビジュアルを使いたい場合は Twitter 専用画像のほうが適しています。