Open Graph image

WesSouza · Mar 24, 2024 · 1f2731e · 1f2731e
1 parent 7b47ce5
commit 1f2731e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/public/enhanced-youtube/GraphImage.png b/public/enhanced-youtube/GraphImage.png
diff --git a/src/components/BaseHeadMeta.astro b/src/components/BaseHeadMeta.astro
@@ -5,12 +5,14 @@ export interface Props {
   title: string;
   description?: string | undefined;
   image?: string | undefined;
+  twitterCardType?: string | undefined;
 }
 
 const {
   title,
   description = '',
   image = '/images/Wes-Square.jpg',
+  twitterCardType = 'summary',
 } = Astro.props;
 ---
 
@@ -32,7 +34,7 @@ const {
 <meta property="og:image" content={new URL(image, Astro.url)} />
 
 <!-- Twitter -->
-<meta property="twitter:card" content="summary" />
+<meta property="twitter:card" content={twitterCardType} />
 <meta property="twitter:url" content={Astro.url} />
 <meta property="twitter:title" content={title} />
 <meta property="twitter:description" content={description} />

diff --git a/src/pages/enhanced-youtube/index.astro b/src/pages/enhanced-youtube/index.astro
@@ -8,6 +8,8 @@ import BaseHeadMeta from '../../components/BaseHeadMeta.astro';
     <BaseHeadMeta
       title="Enhanced YouTube Safari Extension for visionOS"
       description="Improve YouTube's user experience and interface on Apple Vision Pro."
+      image="/enhanced-youtube/GraphImage.png"
+      twitterCardType="summary_large_image"
     />
     <link
       rel="icon"