Open11

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

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

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

ググっても全然事例が出てこないので見つけるたびに追加してく感じで…

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

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

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

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

ZennもこのOGP画像を参考にさせてもらった


https://github.com/Ladicle/tcardgen

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

お、tcardgenはじめて知りましたが良さそうですね。ありがとうございます。

ログインするとコメントできます