From 67f245a48faf6e89989aca2ea571b657fd4c8888 Mon Sep 17 00:00:00 2001 From: Valentin Popov Date: Wed, 11 Jun 2025 23:20:36 +0000 Subject: feat: integrate schema.org support and enhance component structure - Added schema.org support by introducing `schema-dts` for structured data in components. - Updated `Head`, `BaseLayout`, and various page components to accept and utilize schema props for better SEO. - Created new utility schemas for blog posts and website to standardize structured data implementation. - Enhanced the `SocialLinks` section by utilizing dedicated icon components for improved maintainability. - Refactored the `Header` component to improve accessibility and structure. - Introduced new icons for social links and integrated them into the layout. --- src/utils/schemas/blogPostSchema.ts | 21 +++++++++++++++++++++ src/utils/schemas/blogSchema.ts | 13 +++++++++++++ src/utils/schemas/websiteSchema.ts | 13 +++++++++++++ 3 files changed, 47 insertions(+) create mode 100644 src/utils/schemas/blogPostSchema.ts create mode 100644 src/utils/schemas/blogSchema.ts create mode 100644 src/utils/schemas/websiteSchema.ts (limited to 'src/utils') diff --git a/src/utils/schemas/blogPostSchema.ts b/src/utils/schemas/blogPostSchema.ts new file mode 100644 index 0000000..b20f248 --- /dev/null +++ b/src/utils/schemas/blogPostSchema.ts @@ -0,0 +1,21 @@ +import type { WithContext, BlogPosting } from "schema-dts"; + +export type BlogPostSchemaParams = { + readonly siteUrl: string; + readonly title: string; + readonly slug: string; + readonly datePublished: string; + readonly author: string; +}; + +export default ({ siteUrl, title, slug, datePublished, author }: BlogPostSchemaParams): WithContext => ({ + "@context": "https://schema.org", + "@type": "BlogPosting", + "url": new URL(`/blog/${slug}`, siteUrl).toString(), + "headline": title, + "datePublished": datePublished, + "author": { + "@type": "Person", + "name": author, + }, +}); diff --git a/src/utils/schemas/blogSchema.ts b/src/utils/schemas/blogSchema.ts new file mode 100644 index 0000000..7ff84d8 --- /dev/null +++ b/src/utils/schemas/blogSchema.ts @@ -0,0 +1,13 @@ +import type { WithContext, Blog } from "schema-dts"; + +export type BlogSchemaParams = { + readonly siteUrl: string; + readonly title: string; +}; + +export default ({ siteUrl, title }: BlogSchemaParams): WithContext => ({ + "@context": "https://schema.org", + "@type": "Blog", + "url": new URL("/blog/", siteUrl).toString(), + "name": title, +}); diff --git a/src/utils/schemas/websiteSchema.ts b/src/utils/schemas/websiteSchema.ts new file mode 100644 index 0000000..bebb963 --- /dev/null +++ b/src/utils/schemas/websiteSchema.ts @@ -0,0 +1,13 @@ +import type { WithContext, WebSite } from "schema-dts"; + +export type WebsiteSchemaParams = { + readonly siteUrl: string; + readonly title: string; +}; + +export default ({ siteUrl, title }: WebsiteSchemaParams): WithContext => ({ + "@context": "https://schema.org", + "@type": "WebSite", + "url": new URL("/", siteUrl).toString(), + "name": title, +}); -- cgit v1.2.3