SNSやSafariで自分のブログ記事のURLを貼ってもカード画像が表示されない。
投稿する記事とは、違ってアイキャッチ画像でもなさそうなんだよなぁ汗
その設定方法を今回紹介します。
こんにちは！イナゴです。
今回は、カード型リンクの設定について紹介したいなと思います。
では、どうぞ！！！！
OGPとは？！
OGP＝「Open Graph Protocol」の略称です。
SNSなどで記事が綺麗に表示されるための設定になります。
Xで投稿した私のOGP画像を例にします。
イナゴの画像が表示されている部分がまさにOGPになるのです。
今回は、この画像を設定する方法を紹介します。
OGP画像
OGPの使い方
記事のOGP設定
手順
画像を設定したい記事を選択 ＞ 設定を選択 ＞ 投稿を選択 ＞
アイキャッチ画像を設定を押す ＞ 設定したい画像を選択
ポイント
設定をするとSNSでURLを貼った場合は勿論、サイトのサムネとして表示されるのです。
ポイント
サイトのOGP画像として設定する方法
手順
AFFINGER管理 ＞ SNS/OGP ＞ トップページ（投稿・固定ページ以外）アイキャッチ画像
サイトの画像
ここに画像を設定することで、サイトしての画像が出来ます。
ここに設定されます
※すぐに反映されないので、１日経ったくらいに再度確認してみてください。
OGP画像作り方
私は、Canvaで全部作成してます。
あとは、伝えたいことを持てる国語力と画力で好きなOGP画像を作成してください。
私が意識していること
・背景はなるべく色を使わないようにする
・改行しても変にならないように工夫
・関連した画像
ポイント
こんな人におすすめ
当てはまる人は、是非参考に
・URLを貼っても画像が出ない
・AFFINGERの設定を見直したい
・SNSで見栄えの良いカードリンクを作りたい人
まとめ
今回は、【初心者向け】AFFINGERでオシャレなOGP画像を作る方法を紹介しました。私は、サイトの画像を設定するのにとても時間かかりました。場所を知らないだけでどう設定すればいいのか分からなくなりますよね。次回は、Canveで作るイナゴの作成術を紹介します。