はじめに Astroで作ったWebサイトにOGP画像を設定したときのメモです。 OGP画像は画像ソースのURLに相対パスではなく絶対パスを指定する必要があったので、少し調べて設定しました。 手順 OGP画像配置 public フォルダにogp.png を配置しました。（faviconと同じ場所） URL作成 レイアウト用のファイルに追記します。 まずはOGP画像用のURLを作成します。 const canonicalURL = new URL(Astro.url.pathname, '本番環境のWebサイトURL'); const ogpImageURL = new URL('/ogp.png', canonicalURL); // Example: Construct a canonical URL using your production domain const canonical
