いい感じのOGP画像・Twitterカードの事例を集める

Zennの記事のOGP画像を刷新したい。デザインを考えていたら他がどんな感じなのか気になってきたので事例を集めてみる。

=> 12月末に刷新しました〜

Nextjs Conf 2020のもの。かっこいい。

dev.to。多分ユーザーの設定によって配色が変わる。

はてなブログ。はてブのサムネイルにテキストが収まるようなレイアウトになっている模様。

OG画像を動的に生成するテンプレート的なOSS
og-impact

• https://cheatsheets.xyz

Twitterカードにぴったり収まるようなレイアウトになっている。

テンプレート画像にFront Matter (YAML, TOML対応)から読み取った情報を記載するOSS

github.com