Skip to content

Commit

Permalink
feat(meta): fix open graph tags
Browse files Browse the repository at this point in the history
  • Loading branch information
obviyus committed Oct 30, 2022
1 parent 114cd5e commit cc0d842
Show file tree
Hide file tree
Showing 2 changed files with 22 additions and 22 deletions.
File renamed without changes
44 changes: 22 additions & 22 deletions src/components/BaseHead.astro
Original file line number Diff line number Diff line change
@@ -1,39 +1,39 @@
---
import Favicon from "/favicon.svg";
import Favicon from '/favicon.svg';
export interface Props {
title: string;
description: string;
permalink: string;
previewImage?: string;
title: string;
description: string;
permalink: string;
previewImage?: string;
}
const { title, description, permalink, previewImage } = Astro.props;
const preview = previewImage ? previewImage : '/preview/home-preview.jpeg';
const preview = previewImage ? previewImage : '/social_preview.jpeg';
---

<!-- Global Metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<meta charset='utf-8' />
<meta name='viewport' content='width=device-width' />
<link rel='icon' type='image/x-icon' href='/favicon.ico' />

<!-- Primary Meta Tags -->
<title>{title}</title>
<meta name="title" content={title} />
<meta name="description" content={description} />
<meta name='title' content={title} />
<meta name='description' content={description} />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content={permalink} />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:image" content={preview} />
<meta property='og:type' content='website' />
<meta property='og:url' content={permalink} />
<meta property='og:title' content={title} />
<meta property='og:description' content={description} />
<meta property='og:image' content={preview} />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={permalink} />
<meta property="twitter:title" content={title} />
<meta property="twitter:description" content={description} />
<meta property="twitter:image" content={preview} />
<meta property='twitter:card' content='summary_large_image' />
<meta property='twitter:url' content={permalink} />
<meta property='twitter:title' content={title} />
<meta property='twitter:description' content={description} />
<meta property='twitter:image' content={preview} />

<!-- Icons -->
<link rel="icon" type="image/svg+xml" href={Favicon} />
<link rel='icon' type='image/svg+xml' href={Favicon} />

0 comments on commit cc0d842

Please sign in to comment.