diff --git a/public/assets/og-maia.png b/public/assets/og-maia.png new file mode 100644 index 00000000..29f0c235 Binary files /dev/null and b/public/assets/og-maia.png differ diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index 6f16bcf2..6cd2139e 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -35,6 +35,7 @@ import { import { browserPostHogConfig } from 'src/lib/posthog-browser-config' const openSansClassName = 'font-sans' +const OG_IMAGE_URL = 'https://www.maiachess.com/assets/og-maia.png' function MaiaPlatform({ Component, pageProps }: AppProps) { const router = useRouter() @@ -100,7 +101,9 @@ function MaiaPlatform({ Component, pageProps }: AppProps) { {/* Open Graph meta tags for social media embeds */} - + + + @@ -109,7 +112,8 @@ function MaiaPlatform({ Component, pageProps }: AppProps) { {/* Twitter Card meta tags */} - + + diff --git a/src/pages/blog/[id].tsx b/src/pages/blog/[id].tsx index a4c3b4c0..742481a0 100644 --- a/src/pages/blog/[id].tsx +++ b/src/pages/blog/[id].tsx @@ -7,6 +7,8 @@ import { Post } from 'src/types' import { Markdown } from 'src/components' import { getSortedPostsData, getPostData } from 'src/lib/blog/posts' +const OG_IMAGE_URL = 'https://www.maiachess.com/assets/og-maia.png' + interface BlogPostProps { post: Post } @@ -30,22 +32,19 @@ const BlogPost = ({ post }: BlogPostProps) => { - + + + {/* Twitter Card */} - + + {/* Article specific */} @@ -57,7 +56,10 @@ const BlogPost = ({ post }: BlogPostProps) => { {/* Additional SEO */} - +