- バックナンバー
【AgentMAIL Letter】ランディングページのクリック率を上げませんか?
配信時刻:2023-05-05 11:00:00
◯◯◯さんこんにちは。
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★今村 海
support@agentmail.jp
バックナンバー一覧
- 【2025-11-13 16:10:00】配信 【AgentMAIL】もしも「HTML本文:文字数が多いです」と出たら?
- 【2025-11-12 13:50:00】配信 【明日5:30】1時間でマスターする鍵は基礎の体得
- 【2025-11-04 12:00:00】配信 【AgentMAIL×Agent LOG】クリック測定の“2つのアイコン”、使い分けできていますか?
- 【2025-10-31 14:10:00】配信 【事例×プロセス公開】実践翌日に26件の変化!成果の天井は「素材の質」にあった!
- 【2025-10-30 13:00:00】配信 【Agent LOGアップデート】プロジェクトを分けている方も使いやすくなりました!
- 【2025-10-23 14:20:00】配信 【AgentYou】QAエンジニア/アシストメンバー募集
- 【2025-10-21 16:10:00】配信 【デザインTips】その色、見てるだけで読者が疲れてるかも?
- 【2025-10-17 14:50:00】配信 【文章垂れ流し】を改善して2人に1人から登録されるランディングページ改善術
- 【2025-10-03 10:00:00】配信 【スマホ対応開始】Agent Iベータ版アップデートのお知らせ
- 【2025-09-19 14:50:00】配信 【一目でわかる!】アクセス元を特定するたった1つの設定ポイント|Agent LOG
- 【2025-09-12 14:50:00】配信 【お問い合わせ増】メルマガとAgent LOGが連携できない時は?
- 【2025-09-05 12:50:00】配信 【使い方ガイド公開】あなたとわたしを紡ぐ〜AgentYou
- 【2025-08-29 15:30:00】配信 【開発方針】metaリード広告を活用したリスト管理ってどうしてる?
- 【2025-08-22 12:50:00】配信 Agent Youをもっと使い始めやすく!リニューアル情報
- 【2025-08-14 07:00:00】配信 【お詫び】ラブレターGPTsの機能不具合と復旧のご報告