feat(guide): sprinkle some seo

app/(ui)/guide/opengraph-image.ts

@@ -0,0 +1,16 @@
+import generate from "@/lib/og";
+
+// Image metadata
+export const size = {
+  width: 1222,
+  height: 560,
+};
+
+export const contentType = "image/png";
+
+// Image generation
+export default async function Image() {
+  return generate({ title: "ไกด์ตัวละคร", sub: "" });
+}
+
+export const dynamic = "force-dynamic";

app/(ui)/guide/page.tsx

@@ -1,6 +1,12 @@
+import type { Metadata } from "next";
 import { searchGuide } from "./api";
 import { GuideList } from "./client";
 
+export const metadata: Metadata = {
+  title: "ไกด์ตัวละคร",
+  description: "ไกด์ปั้นตัวละครโดยเกนชินไม่ใช่เกมมือถือ",
+};
+
 export default async function GuidePage() {
   const initialData = await searchGuide("");
   return <GuideList initialList={initialData} />;

app/sitemap.ts

@@ -17,6 +17,12 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
       changeFrequency: "yearly",
       priority: 1,
     },
+    {
+      url: `${base}/guide`,
+      lastModified: new Date(),
+      changeFrequency: "monthly",
+      priority: 0.9,
+    },
     {
       url: `${base}/artifact`,
       lastModified: new Date(),