まずはリンクから
X、LinkedIn、Slackで今リンクがどう見えるか、何が問題かを確認し、ブランドカラーでもっと良い画像を作れます。
ドキュメント クリーン：ドキュメントページ向けのロゴとタイトルの組み合わせ
ドキュメント クリーンは、どのドキュメントページにも同じ落ち着いたカードを用意します。ロゴまたは頭文字、細い区切り線、その横に大きなページタイトルを置き、タイトルの上にアクセント色のパス、下に一行の要約、最下部にドキュメントのアドレスを配置して、淡いグリッドで技術ページらしさを出します。
自分好みに仕上げる
見出しラベルをパスのように書く
見出しラベルはタイトルのすぐ上に表示されるので、「Docs / API / Webhooks」のような短いパスでページの場所が伝わります。長いと省略されるので三階層までにしましょう。
自社のマークを使う
ロゴを追加すると頭文字の代わりに表示されます。ロゴを表示をオフにするとタイトルが左端に寄り、区切り線もなくなるので、とても長いページタイトルに向いています。
よくある質問
ドキュメントの各ページに専用のOGP画像は必要？
個別ページへのリンクが共有されるなら必要です。ページ名を示すカードはリンク先を正しく伝え、汎用の画像より役に立ちます。レイアウトはそのままに、タイトルとパスだけを変えましょう。