fix: improved meta tags

corp-0 · corp-0 · commit caecda14e05c · 2023-02-01T11:10:51.000-03:00
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -4,42 +4,35 @@ import type {AppProps} from 'next/app'
 import Background from '../components/background';
 import Container from '../components/layout/container';
 import Navigation from '../components/navigation';
-import { config } from '@fortawesome/fontawesome-svg-core'
+import {config} from '@fortawesome/fontawesome-svg-core'
 import '@fortawesome/fontawesome-svg-core/styles.css'
 import '../styles/clown.css'
 import Clown from "../components/clown/clown";
 import Head from "next/head";
+import {defaultMeta} from "../utils/defaultMeta";
+
 config.autoAddCss = false
 
 function MyApp({Component, pageProps}: AppProps) {
     return (
         <>
             <Head>
+                <title key='title'>{defaultMeta.title}</title>
                 <meta charSet="UTF-8"/>
-                <meta name="keywords" content="unitystation, Space Station 13, SS13, Unity, RPG, Among us" />
-                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-                <title key='title'>Unitystation</title>
-                <meta
-                    key='description'
-                    name="description"
-                    content="Unitystation is a free and open-source multiplayer space station 13 remake built in Unity."
-                />
-                <meta
-                    key='og:title'
-                    property="og:title"
-                    content="Unitystation - The Space Station 13 Remake made in Unity"
-                />
-                <meta
-                    key='og:description'
-                    property="og:description"
-                    content="Unitystation is a free and open-source multiplayer space station 13 remake built in Unity."
-                />
-                <meta
-                    key='og:image'
-                    property="og:image"
-                    content="https://unitystationfile.b-cdn.net/Branding/headerCapsule.png"
-                />
+                <meta name="keywords" content={defaultMeta.keywords}/>
+                <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+                <meta key='description' name="description" content={defaultMeta.description}/>
+                <meta key='og:title' property="og:title" content={defaultMeta.title}/>
+                <meta key='og:description' property="og:description" content={defaultMeta.description}/>
+                <meta key='og:image' property="og:image" content={defaultMeta.image}/>
+                <meta key="og:url" property="og:url" content={defaultMeta.url} />
                 <meta key="og:type" property="og:type" content="website"/>
+                <meta name="twitter:card" content="summary_large_image"/>
+                <meta property="twitter:domain" content={defaultMeta.domain}/>
+                <meta property="twitter:url" content={defaultMeta.url}/>
+                <meta name="twitter:title" content={defaultMeta.title}/>
+                <meta name="twitter:description" content={defaultMeta.description}/>
+                <meta name="twitter:image" content={defaultMeta.image}/>
             </Head>
             <Background>
                 <Clown></Clown>
diff --git a/utils/defaultMeta.ts b/utils/defaultMeta.ts
@@ -0,0 +1,8 @@
+export const defaultMeta = {
+    title: 'Unitystation - The Space Station 13 Remake Made in Unity',
+    keywords: 'space station 13, ss13, unity, rpg, multiplayer, unitystation, station',
+    description: 'Unitystation is a free and open-source chaotic multiplayer role-playing and simulation game made in Unity. Remake of the cult classic Space Station 13.',
+    image: 'https://unitystationfile.b-cdn.net/Branding/US13_OG_image_preview_1.png',
+    domain: 'unitystation.org',
+    url: 'https://unitystation.org'
+}
