diff --git a/netlify.toml b/netlify.toml
index 209622093..6eb19aed4 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -1,6 +1,7 @@
 [build]
 publish = ".next"
- command = "npm run build"
+ # Use DEPLOY_PRIME_URL for previews, fallback to production URL
+ command = "NEXT_PUBLIC_SITE_URL=${DEPLOY_PRIME_URL:-https://xarray.dev} npm run build"
 
 [build.environment]
 NODE_VERSION = "20"
@@ -17,15 +18,8 @@
 to = "/404.html"
 status = 404
 
-# Environment variables for different deploy contexts
-[context.production.environment]
- NEXT_PUBLIC_SITE_URL = "https://xarray.dev"
-
-[context.deploy-preview.environment]
- NEXT_PUBLIC_SITE_URL = "$DEPLOY_PRIME_URL"
-
-[context.branch-deploy.environment]
- NEXT_PUBLIC_SITE_URL = "$DEPLOY_PRIME_URL"
+# Environment variables set via build command above
+# DEPLOY_PRIME_URL is automatically provided by Netlify
 
 # Headers for security
 [[headers]]
diff --git a/src/components/layout.js b/src/components/layout.js
index aa216cfd0..f707364f7 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -12,6 +12,11 @@ export const Layout = ({
 children,
 url = 'https://xarray.dev',
 enableBanner = false,
+ type = 'website',
+ imageWidth,
+ imageHeight,
+ publishedTime,
+ authors,
 }) => {
 const bannerTitle = 'Check out the latest blog post:'
 // The first link will be the main description for the banner
@@ -34,13 +39,19 @@ export const Layout = ({
 // </link>
 //)
 
- // Determine the base URL based on the environment
- const baseUrl = process.env.NEXT_PUBLIC_SITE_URL
- ? process.env.NEXT_PUBLIC_SITE_URL
- : process.env.URL &#124;&#124; 'http://localhost:3000'
+ // Base URL is set via build command (DEPLOY_PRIME_URL for previews, production URL otherwise)
+ const baseUrl = process.env.NEXT_PUBLIC_SITE_URL &#124;&#124; 'http://localhost:3000'
+
+ // Canonical URL always points to production for SEO
+ const canonicalBaseUrl = 'https://xarray.dev'
+ const canonicalUrl = url.startsWith('http')
+ ? url
+ : `${canonicalBaseUrl}${url}`
 
 // Construct the full card URL
 const fullCardUrl = card.startsWith('http') ? card : `${baseUrl}${card}`
+ // Construct the full URL for og:url (uses preview URL in previews, production in prod)
+ const fullUrl = url.startsWith('http') ? url : `${baseUrl}${url}`
 
 return (
 <strong>
@@ -50,12 +61,30 @@ export const Layout = ({
 <meta property='og:title' content={title} />
 <meta property='og:description' content={description} />
 <meta property='og:image' content={fullCardUrl} />
- <meta property='og:url' content={url} />
+ {imageWidth && <meta property='og:image:width' content={imageWidth} />}
+ {imageHeight && (
+ <meta property='og:image:height' content={imageHeight} />
+ )}
+ <meta property='og:url' content={fullUrl} />
+ <meta property='og:type' content={type} />
+ {type === 'article' && publishedTime && (
+ <meta property='article:published_time' content={publishedTime} />
+ )}
+ {type === 'article' &&
+ authors &&
+ authors.map((author) => (
+ <meta + key={author.github} + property='article:author' + content={`https://github.com/${author.github}`} + />
+ ))}
 <meta name='twitter:title' content={title} />
 <meta name='twitter:description' content={description} />
 <meta name='twitter:image' content={fullCardUrl} />
 <meta name='twitter:card' content='summary_large_image' />
 <meta name='twitter:site' content='@xarray_dev' />
+ <link rel='canonical' href="/index.cgi/larger-text/https://patch-diff.githubusercontent.com/raw/xarray-contrib/xarray.dev/pull/{canonicalUrl}" />
 <link rel='icon' type='image/png' diff --git a/src/pages/blog/[id].js b/src/pages/blog/[id].js index ce077d9ac..80acaca78 100644 --- a/src/pages/blog/[id].js +++ b/src/pages/blog/[id].js @@ -38,6 +38,11 @@ export default function Post({ source, frontmatter, postId }) { card={`/cards/${postId}.png`} description={frontmatter.summary} url={`/blog/${postId}`} + type='article' + image + imageHeight='1440' + publishedTime={date.toISOString()} + authors={frontmatter.authors}>
 <box as={'section'}>
 <container maxW='container.lg' py={10}>
</div><div class="naked_ctrl">
<form action="/index.cgi/larger-text" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://patch-diff.githubusercontent.com/raw/xarray-contrib/xarray.dev/pull/815.diff">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://patch-diff.githubusercontent.com/raw/xarray-contrib/xarray.dev/pull/815.diff" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text" selected="selected">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>