diff --git a/src/pages/index.js b/src/pages/index.js
index ec692ba69..3a7382516 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -11,6 +11,9 @@ function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();
   return (
     <header className={clsx('hero hero--primary-darker', styles.heroBanner)}>
+      <Head>
+        <meta title="og:image" description="https://i.imgur.com/rr8nqDP.png" />
+      </Head>
       <div className="container">
         <div className='container'>
         <div className="row">
