友達にサイトリンクを送るとcocoon画像になる!? OGPとその対策、プレビューでの確認方法をご紹介

友達にサイトのリンクを送るとこんな感じになった

対策方法のカギは『OGP』

OGPとは「Open Graph Protcol」の略で、今回の場合でいうと、LINEでシェアした際に設定したWEBページのタイトルやイメージ画像、詳細などを正しく伝えるためのhtml要素です。

これを設定しておかないと、先ほどの画像のように、Cocoonの画像が友達のLINEの画面に表示されてしまい、お友達をびっくりさせてしまいます。

対策方法は非常に簡単で、WordPressの管理画面からCocoon>OGPを選択。そこにCocoonの画像があると思いますので、自分が表示させたい画像に切り替えてください。

この画像は、自サイトのホームページ(トップページ)のURLを送信するときに表示され、投稿ページの場合は、基本的にアイキャッチ画像となります。投稿ページで画像を設定していない場合は、だいたい画像として今回設定した画像が表示されます。

サイトのホームイメージを変更する方法(Twitter・Facebook共有時のデフォルト画像設定)
SNSでサイトのトップページが共有されたときにシェア画像として利用されるホームイメージの設定方法です。

友達に送る前にOGPを確認できるサイト

OGP確認ツール | OGP and Twitter Card
このサイトでは、WebサイトのOGP(Open Graph Protocol)とTwitterカードを簡単に確認することが出来ます。

タイトルとURLをコピーしました