feat: complete meta tags

This commit is contained in:
MAZE 2023-11-28 17:41:09 +03:30
parent e0164c362d
commit 1cfbf0dd09
2 changed files with 20 additions and 4 deletions

BIN
public/og.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

View File

@ -2,10 +2,14 @@
import '@/styles/global.css';
interface Props {
title: string;
description?: string;
title?: string;
}
const { title } = Astro.props;
const title = Astro.props.title || 'Moodist: Ambient Sounds for Focus and Calm';
const description =
Astro.props.description ||
"Moodist is a free online ambient sound generator for focus and calm, offering 35 handpicked sounds in various categories, from nature's tranquil melodies to the soothing ambiance of urban life.";
---
<!doctype html>
@ -14,10 +18,22 @@ const { title } = Astro.props;
<meta charset="UTF-8" />
<meta content="Astro description" name="description" />
<meta content="width=device-width" name="viewport" />
<link href="/favicon.svg" rel="icon" type="image/svg+xml" />
<meta content={Astro.generator} name="generator" />
<title>{title}</title>
<meta content="#18181b" name="theme-color" />
<link href="/favicon.svg" rel="icon" type="image/svg+xml" />
<title>{title}</title>
<meta content={title} name="title" />
<meta content={description} name="description" />
<meta content={title} property="og:title" />
<meta content={description} property="og:description" />
<meta content="Moodist" property="og:site_name" />
<meta content="https://moodist.app" property="og:url" />
<meta content="website" property="og:type" />
<meta content="https://moodist.app/og.png" property="og:image" />
<meta content="summary_large_image" name="twitter:card" />
</head>
<body>
<slot />