From 3ca52d690334357ac8ad93cd1fd7a677b570b286 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Fri, 2 Aug 2019 18:30:47 +0300
Subject: [PATCH] added Meta component

---
 src/components/Meta.jsx | 35 +++++++++++++++++++++++++++++++++++
 src/lib/meta.js         | 23 +++++++++++++++++++++++
 2 files changed, 58 insertions(+)
 create mode 100644 src/components/Meta.jsx
 create mode 100644 src/lib/meta.js

diff --git a/src/components/Meta.jsx b/src/components/Meta.jsx
new file mode 100644
index 00000000..e6ae6b42
--- /dev/null
+++ b/src/components/Meta.jsx
@@ -0,0 +1,35 @@
+import React from 'react'
+
+export const Meta = ({ meta }) => (
+    <>
+        {/* Search Engine */}
+        <meta name="description" content={meta.description} />
+        <meta name="image" content={meta.image} />
+
+        {/* Schema.org for Google */}
+        <meta itemprop="name" content={meta.title} />
+        <meta itemprop="description" content={meta.description} />
+        <meta itemprop="image" content={meta.image} />
+
+        {/* Open Graph general (Facebook, Pinterest & Google+) */}
+        <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:width" content={meta.imageWidth} />
+        <meta property="og:image:height" content={meta.imageHeight} />
+        <meta property="og:url" content={meta.url} />
+        <meta property="og:site_name" content={meta.siteName} />
+        <meta property="og:locale" content={meta.locale} />
+        <meta property="og:type" content={meta.type} />
+
+        {/* Twitter */}
+        <meta name="twitter:card" content={meta.twitterCard} />
+        <meta name="twitter:title" content={meta.title} />
+        <meta name="twitter:description" content={meta.description} />
+        <meta name="twitter:image:src" content={meta.image} />
+        <meta name="twitter:domain" content={meta.domain} />
+        <meta name="twitter:url" content={meta.url} />
+        <meta name="twitter:site" content={meta.twitterSite} />
+        <meta name="twitter:creator" content={meta.twitterCreator} />
+    </>
+)
\ No newline at end of file
diff --git a/src/lib/meta.js b/src/lib/meta.js
new file mode 100644
index 00000000..5cda25ab
--- /dev/null
+++ b/src/lib/meta.js
@@ -0,0 +1,23 @@
+export function meta(props) {
+    const path = props.url || '/'
+    const url = `https://art.shlisselburg.org${path}`
+
+    return {
+        title: 'Шлиссельбургская ДХШ',
+        description: 'Сайт Шлиссельбургской художественной школы',
+        image: 'https://art.shlisselburg.org/entrance.jpg',
+        imageWidth: 1200,
+        imageHeight: 630,
+
+        siteName: 'Шлиссельбургская Детская Художественная Школа',
+        locale: 'ru_RU',
+        type: 'website',
+        domain: 'art.shlisselburg.org',
+        twitterCard: 'summary_large_image',
+        twitterSite: '@',
+        twitterCreator: '@tmshv',
+
+        ...props,
+        url,
+    }
+}