まずはリンクから
X、LinkedIn、Slackで今リンクがどう見えるか、何が問題かを確認し、ブランドカラーでもっと良い画像を作れます。
リンクプレビュー用のOGP画像を作成
OGP画像ラボは、リンクがシェアされたときに表示される画像を作るツールです。ページのURLを貼り付けると、今シェアされている画像と直すべき点がわかり、ブラウザ枠に収めた製品、ロゴとタイトルの組み合わせ、等幅のチェンジログから一色のポスター、セリフ体のエディトリアルな表紙までの13のレイアウトで、サイトの色を使ったより良い画像をデザインできます。ロゴに加えて写真やスクリーンショットも使え、写真は暗くしたり、ぼかしたり、色を付けたりして、文字が常に読みやすいように調整されます。画像はFacebook、LinkedIn、Xや多くのチャットアプリが表示するOpen Graphサイズの1200x630ピクセルちょうどで、ページをこの画像に結び付けるメタタグも用意されます。
使い方
ページをチェックする
ページのURLを貼り付けて「チェック」を押すと、X、LinkedIn、Facebook、Slack、iMessage、WhatsApp風のプレビューで現在のシェア画像を確認でき、直すべき点の一覧も表示されます。
デザインするか、手持ちの画像を使う
ページのタイトルとロゴから始めてレイアウトを選び、写真やスクリーンショットを加えます。完成した画像をアップロードして、プレビューと1200x630での書き出しだけを行うこともできます。
書き出して公開する
各アプリでのトリミングを確認し、無料のUX Pilotアカウントでサインインして、PNGのダウンロードとメタタグのコピーができます。