スリ飯屋MaLankaのフリーエンジニアな日々

このブログでは、フリーランスエンジニアとしての実体験から、フリーランスエンジニアに関するノウハウ、ブログや沖縄移住、スリランカの最新情報について発信します。

【OGP設定】facebookシェア時のog:imageの設定が反映されない!

※提携先広告(リンク、バナー等)やAI生成文を含む場合があります

【OGP設定】facebookシェア時のog:imageの設定が反映されない!




背景

herokuにRailsアプリをデプロイし、facebookシェアボタンを設置。

が、シェア時のogp画像が上手く表示されない。

色々調べていると、

Dynoに書き込まれたファイルはアイドル状態、または再起動したときに消えてしまいます。永続化したいファイルはS3などのファイルストレージに保存しておきましょう。

という記事を発見。 https://blog.mah-lab.com/2013/05/16/heroku-commons-16/

S3にUPして、そのURLを参照させたら上手くいきました。

アプリ内の画像パスを参照しても動かないというオチでした。

お気をつけを。。

S3導入参考 【Rails】Herokuで画像を投稿できるようにする方法(ActiveStorage + Amazon S3) #AWS - Qiita

facebookシェア公式ドキュメント https://developers.facebook.com/docs/sharing/webmasters/?locale=ja_JP

ogpデバッガーツール https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Ftechnews-app.herokuapp.com%2F