refactor: improve SEO component

Author: Je

head.ts

@@ -132,24 +132,23 @@ export default function Head({ children }: PropsWithChildren<{}>) {
 interface SEOProps {
     title: string
     description: string
-    keywords?: string | string[]
+    keywords: string | string[]
     image?: string
-    url?: string
 }
 
-export function SEO({ title, description, keywords, url, image }: SEOProps) {
+export function SEO({ title, description, keywords, image }: SEOProps) {
     return createElement(
         Head,
         undefined,
         createElement('title', undefined, title),
         createElement('meta', { name: 'description', content: description }),
-        keywords && createElement('meta', { name: 'keywords', content: util.isArray(keywords) ? keywords.join(',') : keywords }),
+        createElement('meta', { name: 'keywords', content: util.isArray(keywords) ? keywords.join(',') : keywords }),
         createElement('meta', { name: 'og:title', content: title }),
         createElement('meta', { name: 'og:description', content: description }),
-        url && createElement('meta', { name: 'og:url', content: url }),
+        createElement('meta', { name: 'twitter:title', content: title }),
+        createElement('meta', { name: 'twitter:description', content: description }),
         image && createElement('meta', { name: 'og:image', content: image }),
-        url && createElement('meta', { name: 'twitter:site', content: url }),
-        image && createElement('meta', { name: 'twitter:image', content: image }),
+        image && createElement('meta', { name: 'twitter:image:src', content: image }),
         image && createElement('meta', { name: 'twitter:card', content: 'summary_large_image' }),
     )
 }