Add description and keywords to meta tags
All checks were successful
Build and deploy website / build (push) Successful in 37s

This commit is contained in:
2025-03-01 09:52:10 +01:00
parent a2584b97a1
commit ebb3db8645
4 changed files with 23 additions and 9 deletions

View File

@ -6,9 +6,11 @@ import { resolvePathname } from "@/utils/linking"
interface Props {
title: string
description?: string
keywords?: ReadonlyArray<string>
class?: string
}
const { title, class: clazz } = Astro.props
const { title, description, keywords, class: clazz } = Astro.props
const mainClass =
"grow max-w-[1000px] m-auto sm:min-w-[500px] not-sm:w-full px-5"
---
@ -17,13 +19,16 @@ const mainClass =
<html lang={languageTag()} dir={"ltr"}>
<head>
<meta charset="UTF-8" />
<meta name="description" content="Astro description" />
<meta name="author" content="Martin Berg Alstad" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
{description && <meta name="description" content={description} />}
{keywords && <meta name="keywords" content={keywords.join(", ")} />}
<link rel="sitemap" href="/sitemap-index.xml" />
<link rel="icon" type="image/jpg" href="/favicon.jpg" />
<meta name="generator" content={Astro.generator} />
<title>{title} | Martin Berg Alstad</title>
</head>
<body class="flex flex-col min-h-screen bg-cat-base text-cat-text">
<Header />
<main class:list={[mainClass, clazz]}>