AgentMAIL Letter バックナンバー
AgentMAILをご利用いただいている方へ発行されるメールマガジンです。
【AgentMAIL Letter】ランディングページのクリック率を上げませんか？
◯◯さんこんにちは。
AgentMAIL
Project Instructor
今村海です。
本日は、
『ランディングページの
クリック率を上げませんか？』
のお話です。
◯◯さんはフォームのOGP画像の設定できていますか？
▼こちらの青枠部分▼
OGPとは
「Open Graph Protcol」の略です。
OGP画像は、
WebサイトやSNSで共有される際に表示されるプレビュー画像のこと。
通常、Webサイトのロゴや特定のページに関連する画像などが使用されます。
適切なOGP画像が指定されていない場合、
Webサイトのプレビュー画像が
デフォルトのものになり、
見た目が損なわれる可能性があります。
AgentMAILのデフォルト画像は、
下記画像のようにAgentMAILのロゴが表示されます。
この画像をみて違和感を感じませんか？？
投稿に記載されているURLの先の内容は
「時間のないママが！
たった一つの調味料を変えただけ！
スリムになれた方法」
内容と画像が一致していないことで
違和感が生まれます。
そもそもに！
文章を読むよりも先に画像が目に入ります。
その時点で、
今の自分にとって必要な情報か不要な情報かを
判断します。
AgentMAILのロゴ画像のままでは、
◯◯さんの商品がお客様に正しく伝わらないということです。
OGP画像の設定がまだの方は必ず設定してください！
設定方法はこちら
▼
https://www.agentmail.jp/knowledge/archives/targetflow/2027/
ーーーーーーーーーーーーーーーーーー
本日は海さんから、
OGP画像作成のポイント
をお伝えします！！
OGP画像のサイズはSNSによって異なります。
だからといって、
複数サイズ制作するのは面倒ですよね...
今日は一つのサイズで、
全てのサイズに対応させる方法をお伝えしますね。
OGP画像おすすめサイズは
『縦630px✖横1200px』
長方形で表示される場合はこちらでいいのですが、
正方形で表示されるツールでは、
自動で左右が切り取られてしまいます。
だったらこうすればOK！！
▼ ▼ ▼
みなさんランディングページを作成する時、
ファーストビュー画像を作ることが多いですよね。
例えば、
AgentYouDDというツールのファーストビューは
▼ こちら ▼
このイメージをそのままOGP画像にできれば、
画像からも文章からも
商品について伝えることができます。
しかし
このままをOGP画像にしてしまうと、
正方形に切り取られた場合
▼ こうなります ▼
真ん中の白い部分だけが表示されてしまい、
正しく情報を伝えることができません。
複数サイズ作成せずに、
1枚の画像で対応したい場合は
▼ こう作ればOK ▼
真ん中の縦630px✖横630pxの範囲内に重要な情報を配置しましょう！
この画像であれば、
横長の画像でも正方形でも問題なく
正しい情報をお伝えできますね。
画像フォーマットは、
jpg画像よりも、
画質のいいpng画像がオススメです★
どうすれば、
お客様に必要な情報が正しく伝わるのか、
そしてリンクをクリックしてもらえるのか、
考えるきっかけになれば幸いです。
AgentMail
Project Instructor★今村 海
◯◯