diff --git a/src/templates/PageTemplate/PageTemplate.tsx b/src/templates/PageTemplate/PageTemplate.tsx
index df215b4..ffb24a0 100644
--- a/src/templates/PageTemplate/PageTemplate.tsx
+++ b/src/templates/PageTemplate/PageTemplate.tsx
@@ -25,7 +25,7 @@ const PageTemplate: React.FC<Props> = ({ data }: Props) => {
     <Layout
       title={`${title} - ${siteTitle}`}
       description={metaDescription}
-      socialImage={socialImage}
+      socialImage={socialImage?.publicURL}
     >
       <Sidebar />
       <Page title={title}>
@@ -44,7 +44,9 @@ export const query = graphql`
         title
         date
         description
-        socialImage
+        socialImage {
+          publicURL
+        }
       }
     }
   }
diff --git a/src/templates/PostTemplate/PostTemplate.tsx b/src/templates/PostTemplate/PostTemplate.tsx
index 1e19659..34d50f4 100644
--- a/src/templates/PostTemplate/PostTemplate.tsx
+++ b/src/templates/PostTemplate/PostTemplate.tsx
@@ -23,7 +23,7 @@ const PostTemplate: React.FC<Props> = ({ data }: Props) => {
     <Layout
       title={`${title} - ${siteTitle}`}
       description={metaDescription}
-      socialImage={socialImage}
+      socialImage={socialImage?.publicURL}
     >
       <Post post={data.markdownRemark} />
     </Layout>
@@ -47,7 +47,9 @@ export const query = graphql`
         description
         tags
         title
-        socialImage
+        socialImage {
+          publicURL
+        }
         disqusId
       }
     }
diff --git a/src/types/frontmatter.ts b/src/types/frontmatter.ts
index beca5c9..ff7baf7 100644
--- a/src/types/frontmatter.ts
+++ b/src/types/frontmatter.ts
@@ -5,7 +5,7 @@ interface Frontmatter {
   template: string;
   description?: string;
   tags?: Array<string>;
-  socialImage?: string;
+  socialImage?: { publicURL: string };
   disqusId?: string;
 }