diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index 0cd3322..2623629 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -161,7 +161,7 @@
 </style>
 
 <svelte:head>
-    <link rel="canonical" href={`https://${$page.host}${$page.path}`} />
+    <link rel="canonical" href="{process.env.CONFIG.PROD_URL}{$page.path}">
     {#each preconnect as host}
     <link rel="preconnect" href={host} crossorigin>
     <link rel="dns-prefetch" href={host}>
diff --git a/src/routes/choose.svelte b/src/routes/choose.svelte
index fd07a96..d36147d 100644
--- a/src/routes/choose.svelte
+++ b/src/routes/choose.svelte
@@ -44,7 +44,7 @@
 	<title>{pageTitle}</title>
     <meta name="description" content={$site.seo_description_default}>
     <SocialMetas
-        url="https://{$page.host}{$page.path}"
+        url="{process.env.CONFIG.PROD_URL}{$page.path}"
         title="{pageTitle}"
         description={$site.seo_description_default}
         image={$site.seo_share_image.full_url}
diff --git a/src/routes/credits.svelte b/src/routes/credits.svelte
index cfd36f4..d12f805 100644
--- a/src/routes/credits.svelte
+++ b/src/routes/credits.svelte
@@ -33,7 +33,7 @@
 	<title>{pageTitle}</title>
     <meta name="description" content={$site.credits_text}>
     <SocialMetas
-        url="https://{$page.host}{$page.path}"
+        url="{process.env.CONFIG.PROD_URL}{$page.path}"
         title="{pageTitle}"
         description={$site.credits_text}
         image={$site.seo_share_image.full_url}
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 8e50b1b..462228d 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -73,7 +73,7 @@
 	<title>{$site.seo_name} - {$site.seo_title_default} across the globe</title>
     <meta name="description" content={$site.seo_description_default}>
     <SocialMetas
-        url="https://{$page.host}"
+        url="{process.env.CONFIG.PROD_URL}"
         title="{$site.seo_name} - {$site.seo_title_default} across the globe"
         description={$site.seo_description_default}
         image={$site.seo_share_image.full_url}
diff --git a/src/routes/location/[country]/[place].svelte b/src/routes/location/[country]/[place].svelte
index 5d1c7dd..9daaf46 100644
--- a/src/routes/location/[country]/[place].svelte
+++ b/src/routes/location/[country]/[place].svelte
@@ -99,7 +99,7 @@
     <title>{$site.seo_name} – {$site.seo_title_default} of {location.name}, {country.name}</title>
     <meta name="description" content="{$site.seo_name} {location.name} {description}">
     <SocialMetas
-        url="https://{$page.host}/location/{country.slug}/{location.slug}"
+        url="{process.env.CONFIG.PROD_URL}/location/{country.slug}/{location.slug}"
         title="{$site.seo_name} – {$site.seo_title_default} of {location.name}, {country.name}"
         description="{$site.seo_name} {location.name} {description}"
         image={latestPhoto ? getThumbnail(latestPhoto.image.private_hash, 1200, 630) : null}
diff --git a/src/routes/subscribe.svelte b/src/routes/subscribe.svelte
index af93d87..deec625 100644
--- a/src/routes/subscribe.svelte
+++ b/src/routes/subscribe.svelte
@@ -34,7 +34,7 @@
 	<title>{pageTitle}</title>
     <meta name="description" content={$site.subscribe_text}>
     <SocialMetas
-        url="https://{$page.host}{$page.path}"
+        url="{process.env.CONFIG.PROD_URL}{$page.path}"
         title="{pageTitle}"
         description={$site.subscribe_text}
         image={$site.seo_share_image.full_url}
diff --git a/src/routes/viewer/[country]/[place]/[photo].svelte b/src/routes/viewer/[country]/[place]/[photo].svelte
index 478cf0e..cccbb78 100644
--- a/src/routes/viewer/[country]/[place]/[photo].svelte
+++ b/src/routes/viewer/[country]/[place]/[photo].svelte
@@ -96,7 +96,7 @@
     <title>{$site.seo_name} – {$site.seo_title_default} of {$currentLocation.name}, {$currentLocation.country.name}</title>
     <meta name="description" content="{$site.seo_name} {$currentLocation.name} {$currentLocation.description}">
     <SocialMetas
-        url="https://{$page.host}/viewer/{currentPhoto.location.country.slug}/{currentPhoto.location.slug}/{currentPhoto.slug}"
+        url="{process.env.CONFIG.PROD_URL}/viewer/{currentPhoto.location.country.slug}/{currentPhoto.location.slug}/{currentPhoto.slug}"
         title="{$site.seo_name} - {$site.seo_title_default} of {$currentLocation.name}, {$currentLocation.country.name}"
         description="{$site.seo_name} {$currentLocation.name} {$currentLocation.description}"
         image={getThumbnail(currentPhoto.image.private_hash, 1200, 630)}