mirror of
https://github.com/valentineus/popov.link.git
synced 2025-08-13 09:56:39 +03:00
- Added ogImages integration to generate Open Graph images for blog posts. - Updated configuration to include Open Graph settings and default preview image. - Refactored Head component to utilize new preview property for Open Graph meta tags. - Enhanced blog post schema to include preview image for structured data representation. - Introduced utility functions for creating Open Graph images with dynamic content.
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
import type { WithContext, BlogPosting } from "schema-dts";
|
|
import { config } from "../../config";
|
|
|
|
export type BlogPostSchemaParams = {
|
|
readonly dateModified: string;
|
|
readonly datePublished: string;
|
|
readonly description: string;
|
|
readonly isBasedOn?: string;
|
|
readonly lang: string;
|
|
readonly preview: string;
|
|
readonly siteUrl: string;
|
|
readonly slug: string;
|
|
readonly title: string;
|
|
};
|
|
|
|
export default ({ siteUrl, slug, title, description, preview, datePublished, dateModified, lang, isBasedOn }: BlogPostSchemaParams): WithContext<BlogPosting> => ({
|
|
"@context": "https://schema.org",
|
|
"@type": "BlogPosting",
|
|
"url": new URL(`/blog/${slug}`, siteUrl).toString(),
|
|
"headline": title,
|
|
"description": description,
|
|
"image": new URL(preview, siteUrl).toString(),
|
|
"datePublished": datePublished,
|
|
"dateModified": dateModified,
|
|
"inLanguage": lang,
|
|
"author": {
|
|
"@type": "Person",
|
|
"name": config.author.name,
|
|
"url": config.author.url,
|
|
"sameAs": config.author.sameAs,
|
|
},
|
|
"mainEntityOfPage": {
|
|
"@type": "WebPage",
|
|
"@id": new URL(`/blog/${slug}`, siteUrl).toString(),
|
|
},
|
|
...(isBasedOn && { isBasedOn: isBasedOn }),
|
|
});
|