LAPRAS忘年会 2023でのLT発表資料です。
![現役エンジニア兼採用担当から見たエンジニア採用アンチパターン / Engineer Recruitment Anti-Patterns](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2ca8944b0b99eed4987ca0073e41d54b7845c7b/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fbd355302877c4fb19bedc5b21c216a57%2Fslide_0.jpg%3F28332805)
LAPRAS忘年会 2023でのLT発表資料です。
Tweet Open Graph protocolとは Open Graph protocolとはTwitter ,Facebook などのSNSにURLを載せたときに、サイト名や記事のタイトル、サムネイル画像、説明などが、カードの形で表示されるというものです。 以下は自分のブログをTwitterにあげた時の画像です。 OGPに対応することで、記事の概要が把握できるようになりクリック率の増加にもつながるのではないでしょうか。 サイトをOGPに対応させるには以下のメタタグを書くことが必要です。 og:title og:type og:url og:image og:description また、Twitterでogp対応し、カードを表示するには別途以下のメタタグが必要です。 twitter:card twitter:image twitter:title twitter:descriptio
今回はHUGOのOGP画像を自動生成する方法をまとめたので紹介します。 3パターンの自動生成方法の比較と一番カンタンなCloudlinaryでの、自動生成方法を紹介します。 前提:OGP画像の基本とHUGOでOGP画像を自動生成する方法 OGP画像を作る前にカンタンにOGP画像の仕様や、HUGOでOGP画像を自動生成する方法一覧を紹介します。 OGP画像のサイズHUGOのOGP画像生成する方法一覧サクッと説明します。 OGP画像のサイズそもそものOGP画像のサイズですが、1200×630pxで作れば間違いありません。 OGP画像はメディアごとにサイズが異なりますが、横長のTwitterと正方形の表示にさえ対応すれば実質OKです。 なので、1200×630pxで画像をつくって、できるだけ中央部分にテキストなどを寄せるのがセオリーです。 HUGOのOGP画像生成する方法メディアごとにOGP画像
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く