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 */} - +
diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx index 54b20de2..350d9582 100644 --- a/src/pages/blog/index.tsx +++ b/src/pages/blog/index.tsx @@ -3,6 +3,8 @@ import Link from 'next/link' import { Post } from 'src/types' import { getSortedPostsData } from 'src/lib/blog/posts' +const OG_IMAGE_URL = 'https://www.maiachess.com/assets/og-maia.png' + export default function Blog({ posts }: { posts: Post[] }) { return ( <> @@ -20,11 +22,10 @@ export default function Blog({ posts }: { posts: Post[] }) { content="Read the latest insights from the Maia Chess team about human-like chess AI, research updates, and platform developments." /> - - + + + + {/* Twitter Card */} @@ -34,15 +35,13 @@ export default function Blog({ posts }: { posts: Post[] }) { name="twitter:description" content="Read the latest insights from the Maia Chess team about human-like chess AI, research updates, and platform developments." /> - + + {/* Additional SEO */} - +

Blog