Add meaningful text for SEO meta tags

This commit is contained in:
thiloho
2025-04-27 04:31:59 +02:00
parent f88fe15fe0
commit 67fe3181ba
9 changed files with 31 additions and 19 deletions

View File

@@ -1,6 +1,6 @@
{ {
"name": "MyWebSite", "name": "Thilo Hohlt",
"short_name": "MySite", "short_name": "THohlt",
"icons": [ "icons": [
{ {
"src": "/web-app-manifest-192x192.png", "src": "/web-app-manifest-192x192.png",

View File

@@ -12,26 +12,28 @@ const { title, description } = Astro.props;
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="apple-mobile-web-app-title" content="THohlt" />
<meta name="viewport" content="width=device-width" initial-scale="1.0" />
<meta name="generator" content={Astro.generator} />
<meta name="color-scheme" content="light dark" />
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" /> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="shortcut icon" href="/favicon.ico" /> <link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="THohlt" />
<link rel="manifest" href="/site.webmanifest" /> <link rel="manifest" href="/site.webmanifest" />
<meta name="viewport" content="width=device-width" /> <link rel="sitemap" href="/sitemap-index.xml" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
<meta name="description" content={description} />
<meta name="color-scheme" content="light dark" />
<link <link
rel="alternate" rel="alternate"
type="application/rss+xml" type="application/rss+xml"
title="Thilo Hohlt's Blog" title="Thilo Hohlt's Blog"
href={new URL("rss.xml", Astro.url.origin)} href={new URL("rss.xml", Astro.url.origin)}
/> />
<head> <title>
<link rel="sitemap" href="/sitemap-index.xml" /> {
</head> `${title} - ${Astro.originPathname === "/" ? "Software developer" : "Thilo Hohlt"}`
}
</title>
<meta name="description" content={description} />
<ClientRouter /> <ClientRouter />
<script is:inline> <script is:inline>
const setTheme = () => { const setTheme = () => {

View File

@@ -1,6 +1,6 @@
--- ---
title: "Steps to install NixOS on a system with ext4 and LUKS" title: "Steps to install NixOS on a system with ext4 and LUKS"
description: "A guide to installing NixOS with full disk encryption using LUKS and LVM, showing the complete process from disk partitioning to system configuration" description: "A guide to installing NixOS with full disk encryption using LUKS and LVM, showing the complete process from disk partitioning to system configuration."
pubDate: "2025-01-04" pubDate: "2025-01-04"
--- ---

View File

@@ -2,7 +2,7 @@
import PageLayout from "../layouts/PageLayout.astro"; import PageLayout from "../layouts/PageLayout.astro";
--- ---
<PageLayout title="404: Not found" description="Not found"> <PageLayout title="404: Not found" description="Requested page not found.">
<p> <p>
The file associated with the requested path (<code The file associated with the requested path (<code
>{Astro.originPathname}</code >{Astro.originPathname}</code

View File

@@ -22,7 +22,7 @@ const { Content, headings } = await render(article);
<PageLayout <PageLayout
title={article.data.title} title={article.data.title}
description="Blog" description={article.data.description}
pubDate={article.data.pubDate} pubDate={article.data.pubDate}
modDate={article.data.modDate} modDate={article.data.modDate}
{slug} {slug}

View File

@@ -9,7 +9,10 @@ const sortedArticles = allArticles.sort((a, b) => {
}); });
--- ---
<PageLayout title="Blog" description="Blog"> <PageLayout
title="Blog"
description="Friendly technical articles with a focus on web and GNU/Linux topics."
>
<ul> <ul>
{ {
sortedArticles.map((article) => ( sortedArticles.map((article) => (

View File

@@ -11,6 +11,9 @@ if (!indexContent) {
const { Content } = await render(indexContent); const { Content } = await render(indexContent);
--- ---
<PageLayout title="Thilo Hohlt" description="Thilo Hohlt"> <PageLayout
title="Thilo Hohlt"
description="Thilo Hohlt - Software developer from Germany, specialising in the development of high quality websites and web applications."
>
<Content /> <Content />
</PageLayout> </PageLayout>

View File

@@ -11,6 +11,9 @@ if (!legalContent) {
const { Content } = await render(legalContent); const { Content } = await render(legalContent);
--- ---
<PageLayout title="Legal Disclosure" description="Legal Disclosure"> <PageLayout
title="Legal Disclosure"
description="Legal notice and contact details in accordance with German law."
>
<Content /> <Content />
</PageLayout> </PageLayout>

View File

@@ -14,8 +14,9 @@ export const GET: APIRoute = async (context) => {
}, new Date(0)); }, new Date(0));
return rss({ return rss({
title: "Thilo Hohlt's Blog", title: "Thilo Hohlt's blog",
description: "Thilo Hohlt's Blog", description:
"Friendly technical articles with a focus on web and GNU/Linux topics.",
site: context.url.origin, site: context.url.origin,
trailingSlash: false, trailingSlash: false,
xmlns: { xmlns: {