Skip to content

Commit

Permalink
[ADD] Social MetaTags
Browse files Browse the repository at this point in the history
  • Loading branch information
@rafnixg
rafnixg committed Aug 18, 2020
1 parent 6336e7e commit fc09c48
Show file tree
Hide file tree
Showing 6 changed files with 165 additions and 39 deletions.
40 changes: 40 additions & 0 deletions src/routes/[slug]/index.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,46 @@

<svelte:head>
<title>{post.title}</title>
<!--Twitter Card-->
<meta name="twitter:site" content={settings.twitter} />
<meta name="twitter:creator" content={settings.twitter} />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content={post.url} />
<meta
name="twitter:title"
content={post.twitter_title ? post.twitter_title : post.title} />
<meta
name="twitter:description"
content={post.twitter_description ? post.twitter_description : post.custom_excerpt} />
<meta
name="twitter:image"
content={post.twitter_image ? post.twitter_image : post.feature_image} />

<!--Schema-->
<link rel="author" href={post.url} />
<link rel="publisher" href={post.url} />
<meta itemprop="name" content={post.title} />
<meta itemprop="description" content={post.custom_excerpt} />
<meta itemprop="image" content={post.feature_image} />

<!-- Facebook OpenGraph -->
<meta property="og:url" content={post.url} />
<meta property="og:type" content="webpost" />
<meta
property="og:title"
content={post.og_title ? post.og_title : post.title} />
<meta
property="og:image"
content={post.og_image ? post.og_image : post.feature_image} />
<meta
property="og:description"
content={post.og_description ? post.og_description : post.custom_excerpt} />
<meta property="og:site_name" content={post.title} />
<meta property="og:locale" content={settings.lang} />
<meta property="article:author" content={post.url} />
{#if post.codeinjection_head}
{@html post.codeinjection_head}
{/if}
</svelte:head>

<Header {settings} />
Expand Down
30 changes: 0 additions & 30 deletions src/routes/_layout.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,36 +24,6 @@
};
</script>

<svelte:head>
<title>{settings.title}</title>
<!--Twitter Card-->
<meta name="twitter:site" content={settings.twitter} />
<meta name="twitter:creator" content={settings.twitter} />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content={settings.url} />
<meta name="twitter:title" content={settings.twitter_title} />
<meta name="twitter:description" content={settings.twitter_description} />
<meta name="twitter:image" content={settings.twitter_image} />

<!--Schema-->
<link rel="author" href={settings.url} />
<link rel="publisher" href={settings.url} />
<meta itemprop="name" content={settings.title} />
<meta itemprop="description" content={settings.description} />
<meta itemprop="image" content={settings.cover_image} />

<!-- Facebook OpenGraph -->
<meta property="og:url" content={settings.url} />
<meta property="og:type" content="websettings" />
<meta property="og:title" content={settings.og_title} />
<meta property="og:image" content={settings.og_image} />
<meta property="og:description" content={settings.og_description} />
<meta property="og:site_name" content={settings.title} />
<meta property="og:locale" content={settings.lang} />
<meta property="article:author" content={settings.url} />
{#if settings.codeinjection_head}{@html settings.codeinjection_head}{/if}
</svelte:head>

<div class="site-wrapper">

<slot {segment}/>
Expand Down
41 changes: 39 additions & 2 deletions src/routes/author/[slug].svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,45 @@
});
</script>

<svelte:head>
<title>{author.name}</title>
<svelte:head>
<title>{`${author.name} - ${settings.title}`}</title>
<!--Twitter Card-->
<meta name="twitter:site" content={settings.twitter} />
<meta name="twitter:creator" content={settings.twitter} />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content={author.url} />
<meta
name="twitter:title"
content={`${author.name} - ${settings.title}`} />
<meta
name="twitter:description"
content={author.bio} />
<meta
name="twitter:image"
content={author.profile_image ? author.profile_image : settings.cover_image} />

<!--Schema-->
<link rel="author" href={author.url} />
<link rel="publisher" href={author.url} />
<meta itemprop="name" content={author.name} />
<meta itemprop="description" content={author.bio} />
<meta itemprop="image" content={author.profile_image ? author.profile_image : settings.cover_image} />

<!-- Facebook OpenGraph -->
<meta property="og:url" content={author.url} />
<meta property="og:type" content="webauthor" />
<meta
property="og:title"
content={`${author.name} - ${settings.title}`} />
<meta
property="og:image"
content={author.profile_image ? author.profile_image : settings.cover_image} />
<meta
property="og:description"
content={author.og_description ? author.og_description : author.bio} />
<meta property="og:site_name" content={`${author.name} - ${settings.title}`} />
<meta property="og:locale" content={settings.lang} />
<meta property="article:author" content={author.url} />
</svelte:head>

<HeaderAuthor {author} {settings} />
Expand Down
49 changes: 44 additions & 5 deletions src/routes/index.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,30 +6,69 @@
return posts;
});
const settings = await this.fetch(`settings.json`).then((r) => r.json());
const rss = this.fetch("rss.xml")
const rss = this.fetch("rss.xml");
return { posts, settings };
}
</script>

<script>
import {onMount} from "svelte";
import { onMount } from "svelte";
import PostCard from "../components/Post-card.svelte";
import HeaderIndex from "../components/Header-index.svelte";
export let posts;
export let settings;
export let segment;
onMount(() => {
onMount(() => {
document.body.className = "home-template";
});
</script>

<svelte:head>
<title>Blog</title>
<title>{settings.title}</title>
<!--Twitter Card-->
<meta name="twitter:site" content={settings.twitter} />
<meta name="twitter:creator" content={settings.twitter} />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content={settings.url} />
<meta
name="twitter:title"
content={settings.twitter_title ? settings.twitter_title : settings.title} />
<meta
name="twitter:description"
content={settings.twitter_description ? settings.twitter_description : settings.description} />
<meta
name="twitter:image"
content={settings.twitter_image ? settings.twitter_image : settings.cover_image} />

<!--Schema-->
<link rel="author" href={settings.url} />
<link rel="publisher" href={settings.url} />
<meta itemprop="name" content={settings.title} />
<meta itemprop="description" content={settings.description} />
<meta itemprop="image" content={settings.cover_image} />

<!-- Facebook OpenGraph -->
<meta property="og:url" content={settings.url} />
<meta property="og:type" content="websettings" />
<meta
property="og:title"
content={settings.og_title ? settings.og_title : settings.title} />
<meta
property="og:image"
content={settings.og_image ? settings.og_image : settings.cover_image} />
<meta
property="og:description"
content={settings.og_description ? settings.og_description : settings.description} />
<meta property="og:site_name" content={settings.title} />
<meta property="og:locale" content={settings.lang} />
<meta property="article:author" content={settings.url} />
{#if settings.codeinjection_head}
{@html settings.codeinjection_head}
{/if}
</svelte:head>
<HeaderIndex {settings} {segment}/>

<HeaderIndex {settings} {segment} />
<main id="site-main" class="site-main outer">
<div class="inner posts">

Expand Down
42 changes: 41 additions & 1 deletion src/routes/tag/[slug].svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,47 @@
</script>

<svelte:head>
<title>{tag.name}</title>
<title>{`${tag.name} - ${settings.title}`}</title>
<!--Twitter Card-->
<meta name="twitter:site" content={settings.twitter} />
<meta name="twitter:creator" content={settings.twitter} />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content={tag.url} />
<meta
name="twitter:title"
content={tag.twitter_title ? tag.twitter_title : `${tag.name} - ${settings.title}`} />
<meta
name="twitter:description"
content={tag.twitter_description ? tag.twitter_description : settings.description} />
<meta
name="twitter:image"
content={tag.twitter_image ? tag.twitter_image : settings.feature_image} />

<!--Schema-->
<link rel="author" href={tag.url} />
<link rel="publisher" href={tag.url} />
<meta itemprop="name" content={tag.name} />
<meta itemprop="description" content={settings.description} />
<meta itemprop="image" content={tag.feature_image} />

<!-- Facebook OpenGraph -->
<meta property="og:url" content={tag.url} />
<meta property="og:type" content="webtag" />
<meta
property="og:title"
content={tag.og_title ? tag.og_title : `${tag.name} - ${settings.title}`} />
<meta
property="og:image"
content={tag.og_image ? tag.og_image : tag.feature_image} />
<meta
property="og:description"
content={tag.og_description ? tag.og_description : settings.description} />
<meta property="og:site_name" content={`${tag.name} - ${settings.title}`} />
<meta property="og:locale" content={settings.lang} />
<meta property="article:author" content={tag.url} />
{#if tag.codeinjection_head}
{@html tag.codeinjection_head}
{/if}
</svelte:head>

<HeaderTag {tag} {settings} />
Expand Down
2 changes: 1 addition & 1 deletion src/template.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<link rel="manifest" href="./manifest.json" crossorigin="use-credentials" />
<link rel="icon" type="image/png" href="favicon.png" />

<link rel="alternate" type="application/rss+xml" href="rss" />
<link rel="alternate" type="application/rss+xml" href="/rss.xml" />

%sapper.scripts%
%sapper.styles%
Expand Down

0 comments on commit fc09c48

Please sign in to comment.