共有したURLに出るカード状の表示は、共有先がページの情報を読み取って作ることがあります。サイトの画面をそのまま小さくしたものとは限りません。

OGPは、ページのタイトル、画像、URLなどを伝えるための仕組みです。設定だけであらゆる共有先の表示を保証するものではないため、実際に使うサービスでの確認も必要です。

この記事で分かること
  • ページ表示と共有情報の違い
  • 画像・タイトルの選び方
  • 古い表示が残るときの確認

何のページを共有するかに合わせる

トップなら事業の紹介、記事なら記事の内容が分かるタイトルと画像を考えます。すべて同じ汎用の説明では、個別記事を送っても何の情報か分かりにくくなります。

共有画像が本文と違っていないかも確認します。文字入りの画像は、小さく表示されても伝わる量へ絞りましょう。切り取り方は共有先により変わる場合があるので、大切な要素を端ぎりぎりへ置かない準備が役立ちます。

確認すること 整理のポイント
URL トップか、個別記事やサービスか
タイトル そのページの中身を表すか
画像 内容に合い、小さくても伝わるか
古い表示 設定と共有先の保管情報を分ける

現在、どこで設定しているかを確認する

WordPressでは、テーマやプラグインなどが共有情報を出す場合があります。新しい機能を追加する前に、現在の設定箇所を確認します。同じ目的の機能が重なると、管理する場所が分かりにくくなります。

制作担当者には、対象URL、共有したサービス、表示された画像とタイトル、期待する内容を渡します。コードの編集を急ぐより、どこから情報が出るかを把握する方が、ほかのページへの影響も判断しやすくなります。

変えても、すぐ新しい表示になるとは限らない

共有先が以前に読み取った情報を保管していると、サイトの変更後も古い表示が残る場合があります。サイトの設定と、共有先に残った情報を分けて考えます。

確認や再取得の方法はサービスごとに違うため、公式の案内を使います。反映を急いで記事のURLを何度も変えると、共有済みリンクの管理が複雑になるため、変更の必要性を先に確認しましょう。

公開したページで、実際の表示を確かめる

下書きやログインが必要なページは、共有先が内容を読み取れないことがあります。公開後に対象URLを確認し、画像も外部から取得できるかを制作担当者と確かめます。

確認のために個人情報や非公開の内容を外部サービスへ送らないことも大切です。自分がよく使う共有先を決め、公開時のチェックへ加えておくと、毎回同じ観点で確認できます。

  • ✔ 共有するURLを確かめた
  • ✔ 個別ページに合う情報を用意した
  • ✔ 設定する機能を整理した
  • ✔ 利用する共有先で確認した
  • ✔ 公開時のチェックへ加えた

参考:Open Graph protocolの公式説明。共有プレビューも、情報を知ってもらう入口です。サイトの本文と同じように、内容の一致を大切にしましょう。