diff --git a/hideout-core/src/main/kotlin/dev/usbharu/hideout/core/interfaces/web/common/OGP.kt b/hideout-core/src/main/kotlin/dev/usbharu/hideout/core/interfaces/web/common/OGP.kt
new file mode 100644
index 00000000..e3206294
--- /dev/null
+++ b/hideout-core/src/main/kotlin/dev/usbharu/hideout/core/interfaces/web/common/OGP.kt
@@ -0,0 +1,8 @@
+package dev.usbharu.hideout.core.interfaces.web.common
+
+data class OGP(
+    val title: String,
+    val url: String,
+    val description: String,
+    val image: String?
+)
diff --git a/hideout-core/src/main/resources/templates/index.html b/hideout-core/src/main/resources/templates/index.html
index 9b20d93e..5e571e05 100644
--- a/hideout-core/src/main/resources/templates/index.html
+++ b/hideout-core/src/main/resources/templates/index.html
@@ -2,12 +2,12 @@
 <html lang="en" xmlns:th="http://www.thymeleaf.org">
 <head prefix="og: http://ogp.me/ns#">
     <meta charset="UTF-8">
-    <title th:title="${title}">Index</title>
-    <meta property="og:url" th:content="${url}">
-    <meta property="og:title" th:content="${title}">
-    <meta property="og:description" th:content="${description}">
-    <th:block th:if="${image != null}">
-        <meta property="og:image" th:content="${image}">
+    <title th:title="${ogp.title}">Index</title>
+    <meta property="og:url" th:content="${ogp.url}">
+    <meta property="og:title" th:content="${ogp.title}">
+    <meta property="og:description" th:content="${ogp.description}">
+    <th:block th:if="${ogp.image != null}">
+        <meta property="og:image" th:content="${ogp.image}">
     </th:block>
     <noscript>
         <meta http-equiv="refresh" th:content="${'1; url='+nsUrl}">
