diff --git a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
index fc59219..d2e369b 100644
--- a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
+++ b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
@@ -13,6 +13,7 @@
 
 	const baseURL = `https://${PUBLIC_HOSTNAME}${base}`
 	const canonical = `${baseURL}/post/${data.id}/`
+	const thumbnail = data.metadata.thumbnail
 
 	// toggle code frame
 	onMount(()=>{
@@ -83,8 +84,8 @@
 	<meta property="og:description" content="{data.metadata.description}"/>
 	<meta property="og:type" content="article"/>
 	<meta property="og:locale" content="ja_JP"/>
-	{#if data.metadata.thumbnail && !data.metadata.thumbnail.endsWith('.svg')}
-		<meta property="og:image" content="{data.metadata.thumbnail}"/>
+	{#if URL.parse(thumbnail)?.protocol == 'https:' && !thumbnail.endsWith('svg')}
+		<meta property="og:image" content="{thumbnail}"/>
 	{:else}
 		<meta property="og:image" content="https://moris.day/apple-touch-icon.png"/>
 	{/if}
@@ -122,8 +123,8 @@
 			</div>
 		</div>
 
-		{#if data.metadata.thumbnail}
-			<img class="thumbnail" alt="thumbnail" src="{data.metadata.thumbnail}" style='view-transition-name: {data.id}'/>
+		{#if thumbnail}
+			<img class="thumbnail" alt="thumbnail" src="{thumbnail}" style='view-transition-name: {data.id}'/>
 		{:else if data.metadata.emoji}
 			<div class='thumbnail emoji'><img class="emoji" alt="thumbnail" src="{data.metadata.emoji}" style='view-transition-name: {data.id}'/></div>
 		{/if}