fix URL and ld-json

components/Header.tsx

@@ -1,4 +1,6 @@
+import Link from 'next/link'
 import React from 'react'
+
 export default function Header() {
   return (
     <header className="fixed w-full">
@@ -25,9 +27,9 @@ export default function Header() {
     </header>
   )
 
-  function Logo({}) {
+  function Logo({ }) {
     return (
-      <a href="#" className="flex items-center">
+      <Link href="/" className="flex items-center">
         <svg
           className="w-12 h-12 mr-4 dark:fill-white"
           xmlns="http://www.w3.org/2000/svg"
@@ -43,7 +45,7 @@ export default function Header() {
         <span className="self-center text-xl font-semibold whitespace-nowrap dark:text-white">
           Followgraph for Mastodon
         </span>
-      </a>
+      </Link>
     )
   }
 }

pages/index.tsx

@@ -15,6 +15,22 @@ export default function Home() {
           content="Find people to follow on Mastodon by expanding your follow graph."
         />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <script type="application/ld+json">
+          {`{
+            "@context": "https://schema.org",
+            "@type": "WebSite",
+            "url": "https://followgraph.vercel.app/",
+            "image": {
+              "@type": "ImageObject",
+              "@id": "https://followgraph.vercel.app/#/schema/ImageObject/FollowGraphThumbnail",
+              "url": "/ldjson-logo.jpg",
+              "contentUrl": "/ldjson-logo.jpg",
+              "caption": "Followgraph for Mastodon",
+              "width": 345,
+              "height": 345
+              }
+            }`}
+        </script>
         <link rel="icon" href="/favicon.ico" />
       </Head>
       <div>