diff --git a/docs-tech/game-vision-companion/index.md b/docs-tech/game-vision-companion/index.md
index b2a5e44..107b64b 100644
--- a/docs-tech/game-vision-companion/index.md
+++ b/docs-tech/game-vision-companion/index.md
@@ -24,7 +24,7 @@ displayed_sidebar: null
 
 **Game Vision Companion** — Windows PCの画面をリアルタイムにキャプチャして、ローカルのVision LLMで分析・翻訳するアプリ。
 
-![Game Vision Companionのスクリーンショット](./screenshot.png)
+![Game Vision Companionのスクリーンショット](pathname://./screenshot.png)
 
 ### メイン機能：リアルタイム翻訳
 
diff --git a/src/theme/DocItem/Layout/index.tsx b/src/theme/DocItem/Layout/index.tsx
index 0970bab..ac65f6a 100644
--- a/src/theme/DocItem/Layout/index.tsx
+++ b/src/theme/DocItem/Layout/index.tsx
@@ -3,12 +3,14 @@ import Layout from '@theme-original/DocItem/Layout';
 import type LayoutType from '@theme/DocItem/Layout';
 import type {WrapperProps} from '@docusaurus/types';
 import {useDoc} from '@docusaurus/plugin-content-docs/client';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 
 type Props = WrapperProps<typeof LayoutType>;
 
 export default function LayoutWrapper(props: Props): ReactNode {
-  const {frontMatter} = useDoc();
-  const image = (frontMatter as any).image as string | undefined;
+  const {metadata, frontMatter} = useDoc();
+  // Use the resolved og:image URL from metadata (already processed by Docusaurus)
+  const image = metadata.image;
 
   return (
     <>