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 */}
+
+
+
+ {/* Schema.org for Google */}
+
+
+
+
+ {/* Open Graph general (Facebook, Pinterest & Google+) */}
+
+
+
+
+
+
+
+
+
+
+ {/* Twitter */}
+
+
+
+
+
+
+
+
+
+)
\ 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,
+ }
+}