diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx index dd3c1b7..93e5162 100644 --- a/frontend/app/layout.tsx +++ b/frontend/app/layout.tsx @@ -6,6 +6,7 @@ import { Providers } from "./providers"; import { Navbar } from "@/components/navbar"; import { Link } from "@nextui-org/react"; import clsx from "clsx"; +import JsonLd from "@/components/json-ld"; export const metadata: Metadata = { @@ -14,6 +15,47 @@ export const metadata: Metadata = { template: `%s - ${siteConfig.name}`, }, description: siteConfig.description, + keywords: ["プログラミング", "久留米高専", "プログラミングラボ", "ProLab", "部活動", "学生団体", "コーディング", "技術"], + authors: [{ name: "久留米高専プログラミングラボ部", url: "https://www.prolab.club" }], + creator: "久留米高専プログラミングラボ部", + publisher: "久留米高専プログラミングラボ部", + metadataBase: new URL("https://www.prolab.club"), + alternates: { + canonical: "/", + }, + openGraph: { + type: "website", + locale: "ja_JP", + url: "https://www.prolab.club", + title: siteConfig.name, + description: siteConfig.description, + siteName: siteConfig.name, + images: [ + { + url: "/logo.png", + width: 512, + height: 512, + alt: "ProLab Logo", + } + ], + }, + twitter: { + card: "summary_large_image", + title: siteConfig.name, + description: siteConfig.description, + creator: "@prolabknct", + images: ["/logo.png"], + }, + robots: { + index: true, + follow: true, + googleBot: { + index: true, + follow: true, + "max-image-preview": "large", + "max-snippet": -1, + }, + }, themeColor: [ { media: "(prefers-color-scheme: light)", color: "white" }, { media: "(prefers-color-scheme: dark)", color: "black" }, @@ -31,8 +73,10 @@ export default function RootLayout({ children: React.ReactNode; }) { return ( - - + + + + + href="https://www.prolab.club" + title="久留米高専プログラミングラボ部"> (c) 2024 久留米高専プログラミングラボ部 diff --git a/frontend/app/sitemap.ts b/frontend/app/sitemap.ts new file mode 100644 index 0000000..0b47dab --- /dev/null +++ b/frontend/app/sitemap.ts @@ -0,0 +1,18 @@ +import { MetadataRoute } from 'next' + +export default function sitemap(): MetadataRoute.Sitemap { + return [ + { + url: 'https://www.prolab.club', + lastModified: new Date(), + changeFrequency: 'weekly', + priority: 1, + }, + { + url: 'https://www.prolab.club/about', + lastModified: new Date(), + changeFrequency: 'monthly', + priority: 0.8, + }, + ] +} \ No newline at end of file diff --git a/frontend/components/json-ld.tsx b/frontend/components/json-ld.tsx new file mode 100644 index 0000000..6789b42 --- /dev/null +++ b/frontend/components/json-ld.tsx @@ -0,0 +1,24 @@ +import React from 'react'; + +export default function JsonLd() { + const organizationData = { + '@context': 'https://schema.org', + '@type': 'Organization', + name: '久留米高専プログラミングラボ部', + alternateName: 'ProLab', + url: 'https://www.prolab.club', + logo: 'https://www.prolab.club/logo.png', + sameAs: [ + 'https://twitter.com/prolabknct', + 'https://github.com/ProgrammingLab/www.prolab.club' + ], + description: '久留米高専プログラミングラボ部（ProLab）の公式ウェブサイト。プログラミングを通して技術と創造性を探求する学生団体です。' + }; + + return ( +