diff --git a/.env.local.example b/.env.local.example
index 5e11022..be442f5 100644
--- a/.env.local.example
+++ b/.env.local.example
@@ -4,6 +4,11 @@
 # Your deAPI API token (get it from https://deapi.ai)
 DEAPI_API_TOKEN=your_token_here
 
+# Site URL for metadata (used for OG and Twitter images)
+# Optional: defaults to http://localhost:3000
+# Set this if deploying to production (e.g., https://your-domain.com)
+# NEXT_PUBLIC_SITE_URL=https://your-domain.com
+
 # API URL (default: https://api.deapi.ai/api/v1/client)
 DEAPI_API_URL=https://api.deapi.ai/api/v1/client
 
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 41f0118..a836226 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,6 +3,9 @@ import './globals.css';
 import { Providers } from '@/components/Providers';
 
 export const metadata: Metadata = {
+  metadataBase: new URL(
+    process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3000'
+  ),
   title: 'deAPI Tester — Test AI Inference Endpoints',
   description:
     'Local developer tool for testing deAPI.ai endpoints. Generate images, videos, audio and more with dynamic forms, async job tracking, and result preview.',