diff --git a/src/app/registers/[hex]/page.tsx b/src/app/registers/[hex]/page.tsx
index 3df332c..2ac5632 100644
--- a/src/app/registers/[hex]/page.tsx
+++ b/src/app/registers/[hex]/page.tsx
@@ -4,6 +4,7 @@ import Link from 'next/link';
 import RegisterDetail from '@/app/registers/RegisterDetail';
 import {Container, Row} from "react-bootstrap";
 import { getRegisters } from '@/services/register.service';
+import {env} from "@/env";
 
 const buildRegisterSummary = (register: { description: string; text: string; modes: { text: string }[] }) => {
     const trimLine = (line: string) => line.trim();
@@ -41,7 +42,7 @@ export async function generateMetadata({ params }: { params: Promise<{ hex: stri
 
     const summary = buildRegisterSummary(register);
     const title = `${register.hex_address} ${register.name} | Spectrum Next Explorer`;
-    const imageUrl = `/registers/${register.hex_address}/opengraph-image`;
+    const imageUrl = `${env.PROTO}://${env.HOSTNAME}/registers/${register.hex_address}/opengraph-image`;
 
     return {
         title,
@@ -50,7 +51,7 @@ export async function generateMetadata({ params }: { params: Promise<{ hex: stri
             title,
             description: summary,
             type: 'article',
-            url: `/registers/${register.hex_address}`,
+            url: `${env.PROTO}://${env.HOSTNAME}/registers/${register.hex_address}`,
             images: [
                 {
                     url: imageUrl,
diff --git a/src/env.ts b/src/env.ts
index 91c38f5..4b439c9 100644
--- a/src/env.ts
+++ b/src/env.ts
@@ -25,6 +25,7 @@ const serverSchema = z.object({
 
   // System hostname for permalinks (mandatory)
   HOSTNAME: z.string().min(1),
+  PROTO: z.string().startsWith("http"),
 });
 
 function formatErrors(errors: z.ZodFormattedError<Map<string, string>, string>) {