opengraph

Author: JacobCoffee

public/og-default.png

@@ -8,6 +8,7 @@ interface Props {
 import { withBase } from "../lib/utils";
 const { title, description = "The official blog of the Python core development team.", image } = Astro.props;
 const canonicalURL = new URL(Astro.url.pathname, Astro.site);
+const ogImage = image ? new URL(image, Astro.site) : new URL(withBase("/og-default.png"), Astro.site);
 ---
 
 <meta charset="utf-8" />
@@ -43,10 +44,11 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
 <meta property="og:url" content={canonicalURL} />
 <meta property="og:title" content={title} />
 <meta property="og:description" content={description} />
-{image && <meta property="og:image" content={new URL(image, Astro.site)} />}
+<meta property="og:image" content={ogImage} />
+<meta property="og:site_name" content="Python Insider" />
 
 <!-- Twitter -->
 <meta name="twitter:card" content="summary_large_image" />
 <meta name="twitter:title" content={title} />
 <meta name="twitter:description" content={description} />
-{image && <meta name="twitter:image" content={new URL(image, Astro.site)} />}
+<meta name="twitter:image" content={ogImage} />