Skip to content

Set global OG image to og-maia #271

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ashtonanderson merged 1 commit into from
Mar 28, 2026
Merged

Set global OG image to og-maia #271

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added public/assets/og-maia.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 6 additions & 2 deletions src/pages/_app.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,7 @@
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()
Expand Down Expand Up @@ -81,7 +82,7 @@
>
<Head>
<link rel="icon" type="image/png" href="/favicon.png" />
<link

Check warning on line 85 in src/pages/_app.tsx

View workflow job for this annotation

GitHub Actions / lint 

Block is not recommended. See: https://nextjs.org/docs/messages/google-font-display

Check warning on line 85 in src/pages/_app.tsx

View workflow job for this annotation

GitHub Actions / lint 

Block is not recommended. See: https://nextjs.org/docs/messages/google-font-display
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block"
/>
Expand All @@ -100,7 +101,9 @@
<link rel="apple-touch-icon" href="/maia-ios-icon.png" />

{/* Open Graph meta tags for social media embeds */}
<meta property="og:image" content="/embed.png" />
<meta property="og:image" content={OG_IMAGE_URL} />
<meta property="og:image:url" content={OG_IMAGE_URL} />
<meta property="og:image:secure_url" content={OG_IMAGE_URL} />
<meta property="og:image:alt" content="Maia Chess" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
Expand All @@ -109,7 +112,8 @@

{/* Twitter Card meta tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="/embed.png" />
<meta name="twitter:image" content={OG_IMAGE_URL} />
<meta name="twitter:image:src" content={OG_IMAGE_URL} />
<meta name="twitter:image:alt" content="Maia Chess" />
</Head>

Expand Down
22 changes: 12 additions & 10 deletions src/pages/blog/[id].tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
}
Expand All @@ -30,22 +32,19 @@ const BlogPost = ({ post }: BlogPostProps) => {
<meta property="og:type" content="article" />
<meta
property="og:url"
content={`https://maiachess.com/blog/${post.id}`}
/>
<meta
property="og:image"
content={`https://maiachess.com${post.image}`}
content={`https://www.maiachess.com/blog/${post.id}`}
/>
<meta property="og:image" content={OG_IMAGE_URL} />
<meta property="og:image:url" content={OG_IMAGE_URL} />
<meta property="og:image:secure_url" content={OG_IMAGE_URL} />
<meta property="og:site_name" content="Maia Chess" />

{/* Twitter Card */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={post.title} />
<meta name="twitter:description" content={post.excerpt} />
<meta
name="twitter:image"
content={`https://maiachess.com${post.image}`}
/>
<meta name="twitter:image" content={OG_IMAGE_URL} />
<meta name="twitter:image:src" content={OG_IMAGE_URL} />

{/* Article specific */}
<meta property="article:published_time" content={post.date} />
Expand All @@ -57,7 +56,10 @@ const BlogPost = ({ post }: BlogPostProps) => {
{/* Additional SEO */}
<meta name="author" content="Maia Chess Team" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href={`https://maiachess.com/blog/${post.id}`} />
<link
rel="canonical"
href={`https://www.maiachess.com/blog/${post.id}`}
/>
</Head>
<div className="relative flex h-full flex-col items-center justify-center gap-5 py-[10%] md:py-[2%]">
<div className="flex max-w-[90%] flex-col items-center justify-center overflow-x-hidden md:max-w-[80ch]">
Expand Down
19 changes: 9 additions & 10 deletions src/pages/blog/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 (
<>
Expand All @@ -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."
/>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://maiachess.com/blog" />
<meta
property="og:image"
content="https://maiachess.com/maia-og-image.png"
/>
<meta property="og:url" content="https://www.maiachess.com/blog" />
<meta property="og:image" content={OG_IMAGE_URL} />
<meta property="og:image:url" content={OG_IMAGE_URL} />
<meta property="og:image:secure_url" content={OG_IMAGE_URL} />
<meta property="og:site_name" content="Maia Chess" />

{/* Twitter Card */}
Expand All @@ -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."
/>
<meta
name="twitter:image"
content="https://maiachess.com/maia-og-image.png"
/>
<meta name="twitter:image" content={OG_IMAGE_URL} />
<meta name="twitter:image:src" content={OG_IMAGE_URL} />

{/* Additional SEO */}
<meta name="author" content="Maia Chess Team" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://maiachess.com/blog" />
<link rel="canonical" href="https://www.maiachess.com/blog" />
</Head>
<div className="relative mx-auto flex h-full w-[90%] flex-col items-start justify-center gap-5 py-[10%] md:py-[2%]">
<h1 className="text-4xl font-bold">Blog</h1>
Expand Down
Loading