feat(2025): add seo and ogp

ryoppippi · ryoppippi · commit fbb53807161b · 2025-02-15T17:54:22.000Z
diff --git a/2025/public/logo-white.svg b/2025/public/logo-white.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="レイヤー_1"
+   x="0px"
+   y="0px"
+   width="250mm"
+   height="115.38mm"
+   viewBox="0 0 944.88192 436.08188"
+   enable-background="new 0 0 1280 800"
+   xml:space="preserve"
+   sodipodi:docname="w25cm-white.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"><metadata
+     id="metadata3760"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /><cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" /></cc:Work><cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/"><cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" /><cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" /><cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" /><cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" /><cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /><cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" /></cc:License></rdf:RDF></metadata><defs
+     id="defs3758" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1137"
+     id="namedview3756"
+     showgrid="false"
+     units="mm"
+     inkscape:document-units="cm"
+     inkscape:pagecheckerboard="true"
+     inkscape:zoom="1"
+     inkscape:cx="492.5"
+     inkscape:cy="400"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="レイヤー_1" /><g
+     id="g3753"
+     transform="matrix(1.4536332,0,0,1.4536332,-458.81608,-368.46171)"
+     style="fill:#ffffff"><polygon
+       points="928.134,440.976 940.64,440.976 953.141,440.976 953.141,415.979 965.648,415.979 965.648,403.474 965.648,390.977 953.141,390.977 953.141,390.975 965.648,378.47 965.648,328.472 954.654,339.458 928.134,365.975 928.134,390.977 915.63,390.977 915.63,403.474 915.63,415.979 928.134,415.979 "
+       id="polygon3743"
+       style="fill:#ffffff" /><path
+       d="m 315.634,253.474 v 300 L 453.132,415.979 v 24.997 h 25 v -49.999 l 12.497,-12.498 v 24.995 37.502 h 12.503 12.497 v -0.002 h 0.009 l 24.995,-24.994 v 24.994 0.002 h 12.499 12.498 v -0.002 h 0.01 l 24.993,-24.994 v 24.994 0.002 h 12.504 12.498 v -37.502 -37.499 h -12.498 -12.504 l -25.003,25.004 v -25.004 h -12.498 -12.499 l -25.004,25.004 v -25.004 h -12.497 l 112.501,-112.5 H 315.634 Z m 149.999,112.501 c -6.9,0 -12.501,-5.596 -12.501,-12.498 0,-6.907 5.601,-12.498 12.501,-12.498 6.902,0 12.499,5.59 12.499,12.498 0,6.902 -5.597,12.498 -12.499,12.498 z"
+       id="path3745"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff" /><polygon
+       points="853.134,440.976 853.134,440.974 853.143,440.974 878.128,415.979 878.128,440.974 878.128,440.976 890.634,440.976 903.137,440.976 903.137,403.474 903.137,365.975 890.634,365.975 878.128,365.975 853.134,390.979 853.134,365.975 840.64,365.975 828.138,365.975 828.138,403.474 828.138,440.976 840.64,440.976 "
+       id="polygon3747"
+       style="fill:#ffffff" /><path
+       d="m 751.614,376.961 c 14.648,-14.648 38.385,-14.649 53.034,-0.003 l 79.544,-79.552 c -58.572,-58.573 -153.551,-58.581 -212.123,0 -58.585,58.578 -58.585,153.557 0,212.13 l 79.545,-79.545 c -14.643,-14.647 -14.643,-38.386 0,-53.03 z"
+       id="path3749"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff" /><path
+       d="m 751.614,429.991 c 14.646,14.644 38.387,14.644 53.034,0.001 14.644,-14.648 14.644,-38.387 0,-53.034 z"
+       id="path3751"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff" /></g></svg>
diff --git a/2025/public/og.png b/2025/public/og.png
diff --git a/2025/src/layouts/Layout.astro b/2025/src/layouts/Layout.astro
@@ -1,22 +1,45 @@
 ---
 import { GoogleFontsOptimizer } from "astro-google-fonts-optimizer";
+import { SEO } from "astro-seo";
 import Header from "../components/Header.astro";
 import Footer from '../components/Footer.astro';
+import { BASE_URL } from "@/consts";
+
+import * as ufo from 'ufo'
 
 const { lang = 'ja' } = Astro.props;
+
+const title = "VimConf 2025";
+const description = "VimConf 2025";
+const ogImageUrl = ufo.joinURL(BASE_URL, 'og.png');
 ---
 <!DOCTYPE html>
 <html lang={lang}>
 	<head>
 		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<meta name="description" content="VimConf 2025">
-		<meta name="author" content="VimConf 2025">
-
-    <GoogleFontsOptimizer url="https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap">
-    </GoogleFontsOptimizer>
-
-		<title>VimConf 2025</title>
+		<GoogleFontsOptimizer url="https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap" />
+		<SEO
+			{title}
+			{description}
+			openGraph={{
+				basic:{
+					title,
+					type: 'website',
+					image: ogImageUrl,
+					url: BASE_URL,
+				},
+			}}
+			twitter={{
+				title,
+				description,
+				creator: '@vim_jp',
+				card: 'summary_large_image',
+				image: ogImageUrl,
+			}}
+			extend={{
+				link: [{ rel: "icon", href: ufo.joinURL(BASE_URL, "favicon.svg") }],
+			}}
+		/>
 	</head>
 	<body>
 		<Header />
@@ -27,19 +50,19 @@ const { lang = 'ja' } = Astro.props;
 
 <style>
 * {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
 }
 
 body {
-  font-family: "Helvetica Neue",
-    Arial,
-    "Hiragino Kaku Gothic ProN",
-    "Hiragino Sans",
-    Meiryo,
-    sans-serif;
-  line-height: 2.4;
-  color: #333;
+	font-family: "Helvetica Neue",
+		Arial,
+		"Hiragino Kaku Gothic ProN",
+		"Hiragino Sans",
+		Meiryo,
+		sans-serif;
+	line-height: 2.4;
+	color: #333;
 }
 </style>
