diff --git a/pages/[user].tsx b/pages/[user].tsx
index faebbfb1ae..63bb08ad7b 100644
--- a/pages/[user].tsx
+++ b/pages/[user].tsx
@@ -85,7 +85,6 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
 };
 
 // Auxiliary methods
-
 export function getRandomColorCode(): string {
   let color = "#";
   for (let idx = 0; idx < 6; idx++) {
diff --git a/pages/[user]/[type].tsx b/pages/[user]/[type].tsx
index ffd3c40279..14c7bc04ca 100644
--- a/pages/[user]/[type].tsx
+++ b/pages/[user]/[type].tsx
@@ -120,6 +120,9 @@ export default function Type(props): Type {
           Calendso
         </title>
         <link rel="icon" href="/favicon.ico" />
+        <meta property="og:image" content={"https://og-image-one-pi.vercel.app/" + encodeURIComponent("Book **" + (props.user.name || props.user.username) + "** <br>" + props.eventType.description).replace(/'/g, "%27") + ".png?md=1&images=https%3A%2F%2Fcalendso.com%2Fcalendso-logo-white.svg&images=" + encodeURIComponent(props.user.avatar)} />
+        <meta property="og:title" content={"Book " + (props.user.name || props.user.username)  + " via Calendso"}/>
+        <meta property="og:description" content={props.eventType.description}/>
       </Head>
       <main
         className={