feat: improve SEO with locale-specific metadata, structured data, and keywords
- Add locale-specific title/description for DE and EN homepage - Expand keywords with local SEO terms (Webentwicklung Osnabrück, Informatik, etc.) - Add WebSite schema and enhance Person schema with knowsAbout, alternateName - Add hreflang alternates for DE/EN - Update projects page with locale-specific metadata - Keep visible titles short, move SEO terms to description/structured data
This commit is contained in:
@@ -2,6 +2,19 @@ import type { Metadata } from "next";
|
||||
import HomePageServer from "../_ui/HomePageServer";
|
||||
import { getLanguageAlternates, toAbsoluteUrl } from "@/lib/seo";
|
||||
|
||||
const localeMetadata: Record<string, { title: string; description: string }> = {
|
||||
de: {
|
||||
title: "Dennis Konkol – Webentwickler Osnabrück",
|
||||
description:
|
||||
"Dennis Konkol – Software Engineer & Webentwickler in Osnabrück. Webentwicklung, Fullstack-Apps, Docker, Next.js, Flutter. Projekte ansehen und Kontakt aufnehmen.",
|
||||
},
|
||||
en: {
|
||||
title: "Dennis Konkol – Web Developer Osnabrück",
|
||||
description:
|
||||
"Dennis Konkol – Software Engineer & Web Developer in Osnabrück, Germany. Web development, fullstack apps, Docker, Next.js, Flutter.",
|
||||
},
|
||||
};
|
||||
|
||||
export async function generateMetadata({
|
||||
params,
|
||||
}: {
|
||||
@@ -9,7 +22,10 @@ export async function generateMetadata({
|
||||
}): Promise<Metadata> {
|
||||
const { locale } = await params;
|
||||
const languages = getLanguageAlternates({ pathWithoutLocale: "" });
|
||||
const meta = localeMetadata[locale] ?? localeMetadata.en;
|
||||
return {
|
||||
title: meta.title,
|
||||
description: meta.description,
|
||||
alternates: {
|
||||
canonical: toAbsoluteUrl(`/${locale}`),
|
||||
languages,
|
||||
|
||||
@@ -13,7 +13,12 @@ export async function generateMetadata({
|
||||
}): Promise<Metadata> {
|
||||
const { locale } = await params;
|
||||
const languages = getLanguageAlternates({ pathWithoutLocale: "projects" });
|
||||
const isDe = locale === "de";
|
||||
return {
|
||||
title: isDe ? "Projekte – Dennis Konkol" : "Projects – Dennis Konkol",
|
||||
description: isDe
|
||||
? "Webentwicklung, Fullstack-Apps und Mobile-Projekte von Dennis Konkol. Next.js, Flutter, Docker und mehr – Osnabrück."
|
||||
: "Web development, fullstack apps and mobile projects by Dennis Konkol. Next.js, Flutter, Docker and more – Osnabrück.",
|
||||
alternates: {
|
||||
canonical: toAbsoluteUrl(`/${locale}/projects`),
|
||||
languages,
|
||||
|
||||
@@ -31,20 +31,41 @@ export default async function HomePageServer({ locale }: HomePageServerProps) {
|
||||
return (
|
||||
<div className="min-h-screen">
|
||||
<Script
|
||||
id={"structured-data"}
|
||||
id={"structured-data-person"}
|
||||
type="application/ld+json"
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: JSON.stringify({
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Person",
|
||||
name: "Dennis Konkol",
|
||||
alternateName: ["dk0", "denshooter"],
|
||||
url: "https://dk0.dev",
|
||||
jobTitle: "Software Engineer",
|
||||
description:
|
||||
locale === "de"
|
||||
? "Software Engineer & Webentwickler in Osnabrück. Webentwicklung, Fullstack-Apps, Docker, Next.js, Flutter."
|
||||
: "Software Engineer & Web Developer in Osnabrück, Germany. Web development, fullstack apps, Docker, Next.js, Flutter.",
|
||||
address: {
|
||||
"@type": "PostalAddress",
|
||||
addressLocality: "Osnabrück",
|
||||
addressCountry: "Germany",
|
||||
addressRegion: "Niedersachsen",
|
||||
addressCountry: "DE",
|
||||
},
|
||||
knowsAbout: [
|
||||
"Webentwicklung",
|
||||
"Web Development",
|
||||
"Next.js",
|
||||
"React",
|
||||
"TypeScript",
|
||||
"Flutter",
|
||||
"Docker",
|
||||
"DevOps",
|
||||
"Self-Hosting",
|
||||
"CI/CD",
|
||||
"Fullstack Development",
|
||||
"Softwareentwicklung",
|
||||
"Informatik",
|
||||
],
|
||||
sameAs: [
|
||||
"https://github.com/Denshooter",
|
||||
"https://linkedin.com/in/dkonkol",
|
||||
@@ -52,6 +73,20 @@ export default async function HomePageServer({ locale }: HomePageServerProps) {
|
||||
}),
|
||||
}}
|
||||
/>
|
||||
<Script
|
||||
id={"structured-data-website"}
|
||||
type="application/ld+json"
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: JSON.stringify({
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebSite",
|
||||
name: "Dennis Konkol",
|
||||
alternateName: "dk0.dev",
|
||||
url: "https://dk0.dev",
|
||||
inLanguage: ["de", "en"],
|
||||
}),
|
||||
}}
|
||||
/>
|
||||
<Header locale={locale} />
|
||||
{/* Spacer to prevent navbar overlap */}
|
||||
<div className="h-24 md:h-32" aria-hidden="true"></div>
|
||||
|
||||
@@ -49,23 +49,33 @@ export default async function RootLayout({
|
||||
export const metadata: Metadata = {
|
||||
metadataBase: new URL(getBaseUrl()),
|
||||
title: {
|
||||
default: "Dennis Konkol | Portfolio",
|
||||
template: "%s | Dennis Konkol",
|
||||
default: "Dennis Konkol",
|
||||
template: "%s | dk0",
|
||||
},
|
||||
description:
|
||||
"Portfolio of Dennis Konkol, a student and software engineer based in Osnabrück, Germany. Passionate about technology, coding, and solving real-world problems.",
|
||||
"Dennis Konkol – Software Engineer & Webentwickler in Osnabrück. Webentwicklung, Fullstack-Apps, Docker, Next.js, Flutter. Portfolio mit Projekten und Kontakt.",
|
||||
keywords: [
|
||||
"Dennis Konkol",
|
||||
"dk0",
|
||||
"denshooter",
|
||||
"Webentwicklung Osnabrück",
|
||||
"Webentwicklung",
|
||||
"Softwareentwicklung Osnabrück",
|
||||
"Website erstellen Osnabrück",
|
||||
"Web Design Osnabrück",
|
||||
"Informatik Osnabrück",
|
||||
"Software Engineer",
|
||||
"Portfolio",
|
||||
"Student",
|
||||
"Web Development",
|
||||
"Full Stack Developer",
|
||||
"Osnabrück",
|
||||
"Germany",
|
||||
"React",
|
||||
"Frontend Developer Osnabrück",
|
||||
"Next.js",
|
||||
"React",
|
||||
"TypeScript",
|
||||
"Flutter",
|
||||
"Docker",
|
||||
"Self-Hosting",
|
||||
"DevOps",
|
||||
"Portfolio",
|
||||
"Osnabrück",
|
||||
],
|
||||
authors: [{ name: "Dennis Konkol", url: "https://dk0.dev" }],
|
||||
creator: "Dennis Konkol",
|
||||
@@ -82,26 +92,27 @@ export const metadata: Metadata = {
|
||||
},
|
||||
},
|
||||
openGraph: {
|
||||
title: "Dennis Konkol | Portfolio",
|
||||
title: "Dennis Konkol",
|
||||
description:
|
||||
"Explore my projects and contact me for collaboration opportunities!",
|
||||
"Software Engineer & Webentwickler in Osnabrück. Next.js, Flutter, Docker, DevOps. Projekte ansehen und Kontakt aufnehmen.",
|
||||
url: "https://dk0.dev",
|
||||
siteName: "Dennis Konkol Portfolio",
|
||||
siteName: "Dennis Konkol",
|
||||
images: [
|
||||
{
|
||||
url: "https://dk0.dev/api/og",
|
||||
width: 1200,
|
||||
height: 630,
|
||||
alt: "Dennis Konkol Portfolio",
|
||||
alt: "Dennis Konkol",
|
||||
},
|
||||
],
|
||||
locale: "en_US",
|
||||
locale: "de_DE",
|
||||
alternateLocale: ["en_US"],
|
||||
type: "website",
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Dennis Konkol | Portfolio",
|
||||
description: "Student & Software Engineer based in Osnabrück, Germany.",
|
||||
title: "Dennis Konkol",
|
||||
description: "Software Engineer & Webentwickler in Osnabrück.",
|
||||
images: ["https://dk0.dev/api/og"],
|
||||
creator: "@denshooter",
|
||||
},
|
||||
@@ -110,5 +121,9 @@ export const metadata: Metadata = {
|
||||
},
|
||||
alternates: {
|
||||
canonical: "https://dk0.dev",
|
||||
languages: {
|
||||
de: "https://dk0.dev/de",
|
||||
en: "https://dk0.dev/en",
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
"f2": "Docker Swarm & CI/CD",
|
||||
"f3": "Self-Hosted Infrastruktur"
|
||||
},
|
||||
"description": "Ich bin Dennis, Student aus Osnabrück und leidenschaftlicher Selfhoster. Ich entwickle Fullstack Apps und sorge am liebsten selbst dafür, dass sie auf meiner eigenen Infrastruktur perfekt laufen.",
|
||||
"description": "Ich bin Dennis Konkol, Informatik-Student und Webentwickler aus Osnabrück. Ich entwickle Fullstack-Apps mit Next.js und Flutter und betreibe meine eigene Infrastruktur mit Docker und CI/CD.",
|
||||
"ctaWork": "Meine Projekte",
|
||||
"ctaContact": "Kontakt"
|
||||
},
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
"f2": "Docker Swarm & CI/CD",
|
||||
"f3": "Self-Hosted Infrastructure"
|
||||
},
|
||||
"description": "I'm Dennis, a student from Germany and a passionate selfhoster. I build fullstack applications and love the challenge of managing the infrastructure they run on.",
|
||||
"description": "I'm Dennis Konkol, a computer science student and web developer from Osnabrück, Germany. I build fullstack apps with Next.js and Flutter and love running my own infrastructure with Docker and CI/CD.",
|
||||
"ctaWork": "View Projects",
|
||||
"ctaContact": "Get in touch"
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user