Shallie/src/lib/components/SEO/PostSEO.svelte

76 lines
2.8 KiB
Svelte

<script lang="ts">
import Post from "../../../../../Plachta/package/components/PageTypes/Post.svelte";
export let post: any;
let schemaOrg = `
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"publisher": {
"@type": "Organization",
"name": "Damillora&#x27;s Virtual Memoir",
"url": "https://blog.nanao.moe/",
"logo": {
"@type": "ImageObject",
"url": "https://blog.nanao.moe/images/default-feature.jpg"
}
},
"author": {
"@type": "Person",
"name": "${post.primary_author.name}",
"image": {
"@type": "ImageObject",
"url": "${post.primary_author.profile_image ?? 'https://blog.nanao.moe/images/default-feature.jpg'}"
},
"url": "${post.primary_author.url}/"
},
"headline": "${post.title}",
"url": "${post.url}",
"datePublished": "${post.published_at}",
"dateModified": "${post.updated_at}",
"image": {
"@type": "ImageObject",
"url": "${post.feature_image ?? 'https://blog.nanao.moe/images/default-feature.jpg'}"
},
"keywords": "${post.primary_tag.name}",
"description": "${post.excerpt}",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://blog.nanao.moe/"
}
}
\</script\>
`;
</script>
<svelte:head>
<meta property="og:site_name" content="Damillora&#x27;s Virtual Memoir" />
<meta property="og:type" content="article" />
<meta property="og:title" content={post.title} />
<meta property="og:description" content={post.excerpt}/>
<meta property="og:url" content={post.url} />
<meta property="og:image" content={post.feature_image ?? 'https://blog.nanao.moe/images/default-feature.jpg'} />
<meta property="article:published_time" content="2022-07-22T12:42:23.000Z" />
<meta property="article:modified_time" content="2022-07-22T12:47:19.000Z" />
<meta property="article:tag" content={post.primary_tag.name} />
<meta property="article:publisher" content="https://www.facebook.com/Damillora" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={post.title} />
<meta name="twitter:description" content={post.excerpt} />
<meta name="twitter:url" content={post.url} />
<meta name="twitter:image" content={post.feature_image ?? 'https://blog.nanao.moe/images/default-feature.jpg'} />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content={post.primary_author.name} />
<meta name="twitter:label2" content="Filed under" />
<meta name="twitter:data2" content={post.primary_tag.name} />
<meta name="twitter:site" content="@Damillora" />
<meta name="twitter:creator" content={post.primary_author.twitter} />
{@html schemaOrg}
</svelte:head>