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

50 lines
1.7 KiB
Svelte

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