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

43 lines
1.5 KiB
Svelte

<script lang="ts">
export let author: any;
let schemaOrg = `
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Damillora",
"url": "${author.url}",
"image": {
"@type": "ImageObject",
"url": "${author.feature_image}"
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://blog.nanao.moe/"
},
"description": "${author.bio}"
}
\</script\>
`;
</script>
<svelte:head>
<meta property="og:site_name" content="Damillora&#x27;s Virtual Memoir" />
<meta property="og:type" content="profile" />
<meta property="og:title" content="{author.name} - Damillora&#x27;s Virtual Memoir" />
<meta property="og:description" content={author.bio} />
<meta property="og:url" content="https://blog.nanao.moe/author/${author.slug}/" />
<meta property="og:image" content={author.feature_image ?? `https://blog.nanao.moe/images/default-feature.jpg`} />
<meta property="article:publisher" content="https://nanao.moe" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{author.name} - Damillora&#x27;s Virtual Memoir" />
<meta name="twitter:description" content={author.bio} />
<meta name="twitter:url" content="https://blog.nanao.moe/author/${author.slug}/" />
<meta name="twitter:image" content={author.feature_image ?? `https://blog.nanao.moe/images/default-feature.jpg`} />
<meta name="twitter:site" content="@Damillora" />
<meta name="twitter:creator" content={author.twitter} />
{@html schemaOrg}
</svelte:head>