共有したURLに出るカード状の表示は、共有先がページの情報を読み取って作ることがあります。サイトの画面をそのまま小さくしたものとは限りません。
OGPは、ページのタイトル、画像、URLなどを伝えるための仕組みです。設定だけであらゆる共有先の表示を保証するものではないため、実際に使うサービスでの確認も必要です。
- ページ表示と共有情報の違い
- 画像・タイトルの選び方
- 古い表示が残るときの確認
何のページを共有するかに合わせる
トップなら事業の紹介、記事なら記事の内容が分かるタイトルと画像を考えます。すべて同じ汎用の説明では、個別記事を送っても何の情報か分かりにくくなります。
共有画像が本文と違っていないかも確認します。文字入りの画像は、小さく表示されても伝わる量へ絞りましょう。切り取り方は共有先により変わる場合があるので、大切な要素を端ぎりぎりへ置かない準備が役立ちます。
| 確認すること | 整理のポイント |
|---|---|
| URL | トップか、個別記事やサービスか |
| タイトル | そのページの中身を表すか |
| 画像 | 内容に合い、小さくても伝わるか |
| 古い表示 | 設定と共有先の保管情報を分ける |
現在、どこで設定しているかを確認する
WordPressでは、テーマやプラグインなどが共有情報を出す場合があります。新しい機能を追加する前に、現在の設定箇所を確認します。同じ目的の機能が重なると、管理する場所が分かりにくくなります。
制作担当者には、対象URL、共有したサービス、表示された画像とタイトル、期待する内容を渡します。コードの編集を急ぐより、どこから情報が出るかを把握する方が、ほかのページへの影響も判断しやすくなります。
変えても、すぐ新しい表示になるとは限らない
共有先が以前に読み取った情報を保管していると、サイトの変更後も古い表示が残る場合があります。サイトの設定と、共有先に残った情報を分けて考えます。
確認や再取得の方法はサービスごとに違うため、公式の案内を使います。反映を急いで記事のURLを何度も変えると、共有済みリンクの管理が複雑になるため、変更の必要性を先に確認しましょう。
公開したページで、実際の表示を確かめる
下書きやログインが必要なページは、共有先が内容を読み取れないことがあります。公開後に対象URLを確認し、画像も外部から取得できるかを制作担当者と確かめます。
確認のために個人情報や非公開の内容を外部サービスへ送らないことも大切です。自分がよく使う共有先を決め、公開時のチェックへ加えておくと、毎回同じ観点で確認できます。
- 共有するURLを確かめた
- 個別ページに合う情報を用意した
- 設定する機能を整理した
- 利用する共有先で確認した
- 公開時のチェックへ加えた
参考:Open Graph protocolの公式説明。共有プレビューも、情報を知ってもらう入口です。サイトの本文と同じように、内容の一致を大切にしましょう。








