開発中のSSSAPI、ヘルプとかは@nuxt/contentで作ってるけど、 やっぱOGP画像もつけたいな〜と思ったので、いろいろ調べてみたときの備忘録。 www.memory-lovers.blog Cloudinaryが速いし、文字入れれるし、キャッシュしてくれるらしいので採用。 cloudinary.…

CloudinaryでOGP画像を設定する

開発しているWebサービスでかかった費用を見ていると、 シェア用のOGP画像の保存量が結構占めていた。。(882円中の492円分で55%) www.memory-lovers.blog ランニングコストを減らしたいなと思っていたら、節約術があったので試してみた。 ・Nowのエッジキャ…

VercelでOGP画像を生成して、Storageの保存量を節約する

Nuxt+Firebaseで開発してるサービスのOGP画像を改善しようと、 いろいろ試してみたときの備忘録。 OGP画像の生成はクライアント側とサーバ側かがあるが、 Firestoreの変更に合わせて生成したいので、 Cloud Function上で利用できる方法を考えてた。 結果的に…

Cloud FunctionとSVGでOGP画像生成を試行錯誤したまとめ

SVGでOGP画像を作りたいなと思い、いろいろ調べたときの備忘録。 SVGはまるのも多いけど、いろいろできるので、 SVGからOGP画像をつくるのいいかもしれない。 とりあえず、SVGを書いてみる ちょろっとなるなら、HTMLでベタ書きしてみるのもいい。 動作確認と…

SVGでOGP用のPNG画像を生成してみる(折り返し文字、画像埋め込み、PNG化)

リリースした新しいWebサービス「トランスノート]を公開するときに、 まじめにSEO関連を調べてみたので、その時の備忘録。 やらなきゃいけなことがたくさんあった。。 metaタグといっても、いろいろある。 検索関連の基本的な設定 ファビコンやiPhoneやAndro…

SEO/OGP関連のmetaタグをまじめに対応しようとしてみた。