forked from CodingCatDev/codingcat.dev
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathMetaTags.svelte
More file actions
45 lines (41 loc) · 1.92 KB
/
Copy pathMetaTags.svelte
File metadata and controls
45 lines (41 loc) · 1.92 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<script lang="ts">
import type { Content, Author } from '$lib/types';
import type { Page } from '@sveltejs/kit';
export let meta: any;
export let content: (Content & Author) | undefined = undefined;
export let page: Page<Record<string, string>, string | null>;
</script>
<svelte:head>
<title>{meta.title}</title>
<!-- Meta Tags -->
<meta name="title" content={meta.title} />
<meta name="description" content={meta.description} />
<meta name="keywords" content="codingcatdev, webdev, webdevelopment, learning, beginner" />
<meta name="theme-color" content="#6366f1" />
<meta name="author" content="CodingCatDev, LLC" />
<!-- Open Graph - https://ogp.me/ -->
<meta property="og:site_name" content="CodingCat.dev" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://codingcat.dev{page.url.pathname}" />
<meta property="og:locale" content="en_US" />
<meta property="og:title" content={meta.title} />
<meta property="og:description" content={meta.description} />
<meta property="og:image" content={meta.image} />
<meta property="og:image:secure_url" content={meta.image} />
<meta property="og:image:type" content="image/jpg" />
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="1080" />
<!-- OG: Article -->
{#if content}
<meta property="article:published_time" content={meta.article.publishTime} />
<meta property="article:modified_time" content={meta.article.modifiedTime} />
<meta property="article:author" content={meta.article.author} />
{/if}
<!-- Open Graph: Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@CodingCatDev" />
<meta name="twitter:creator" content="@CodingCatDev" />
<meta name="twitter:title" content={meta.twitter.title} />
<meta name="twitter:description" content={meta.twitter.description} />
<meta name="twitter:image" content={meta.twitter.image} />
</svelte:head>