feat: Add comprehensive metadata enhancement system

docusaurus.config.js

@@ -278,19 +278,124 @@ const config = {
             href: "/img/logo/olake-blue.svg",
           },
         },
-        // Declare some json-ld structured data
+        // OpenSearch meta tags
         {
-          tagName: 'script',
+          tagName: 'link',
+          attributes: {
+            rel: 'search',
+            type: 'application/opensearchdescription+xml',
+            title: 'OLake Documentation',
+            href: '/opensearch.xml',
+          },
+        },
+        // Enhanced Open Graph Meta Tags
+        {
+          tagName: 'meta',
+          attributes: {
+            property: 'og:image:width',
+            content: '1200',
+          },
+        },
+        {
+          tagName: 'meta',
+          attributes: {
+            property: 'og:image:height',
+            content: '630',
+          },
+        },
+        {
+          tagName: 'meta',
+          attributes: {
+            property: 'og:site_name',
+            content: 'OLake',
+          },
+        },
+        {
+          tagName: 'meta',
+          attributes: {
+            property: 'og:locale',
+            content: 'en_US',
+          },
+        },
+        // Enhanced Twitter Meta Tags
+        {
+          tagName: 'meta',
+          attributes: {
+            name: 'twitter:creator',
+            content: '@olake',
+          },
+        },
+        // Bot Directives
+        {
+          tagName: 'meta',
+          attributes: {
+            name: 'googlebot',
+            content: 'index, follow',
+          },
+        },
+        {
+          tagName: 'meta',
+          attributes: {
+            name: 'bingbot',
+            content: 'index, follow',
+          },
+        },
+        {
+          tagName: 'meta',
+          attributes: {
+            name: 'robots',
+            content: 'index, follow',
+          },
+        },
+        // PWA Support Meta Tags
+        {
+          tagName: 'meta',
+          attributes: {
+            name: 'theme-color',
+            content: '#203FDD',
+          },
+        },
+        {
+          tagName: 'meta',
+          attributes: {
+            name: 'msapplication-TileColor',
+            content: '#203FDD',
+          },
+        },
+        // Enhanced Favicon Support
+        {
+          tagName: 'link',
+          attributes: {
+            rel: 'apple-touch-icon',
+            sizes: '180x180',
+            href: '/img/logo/olake-blue.svg',
+          },
+        },
+        {
+          tagName: 'link',
           attributes: {
-            type: 'application/ld+json',
-          },
-          innerHTML: JSON.stringify({
-            '@context': 'https://schema.org/',
-            '@type': 'Organization',
-            name: 'OLake',
-            url: 'https://olake.io/',
-            logo: 'https://olake.io/img/logo/olake-blue.svg',
-          }),
+            rel: 'icon',
+            type: 'image/png',
+            sizes: '32x32',
+            href: '/img/logo/olake-blue.svg',
+          },
+        },
+        {
+          tagName: 'link',
+          attributes: {
+            rel: 'icon',
+            type: 'image/png',
+            sizes: '16x16',
+            href: '/img/logo/olake-blue.svg',
+          },
+        },
+        // Web App Manifest
+        {
+          tagName: 'link',
+          attributes: {
+            rel: 'manifest',
+            href: '/site.webmanifest',
+          },
         },
       ],
 
@@ -487,6 +592,14 @@ const config = {
       './src/plugins/tailwind-config.js', {}
     ],
 
+    [
+      './src/plugins/blog-structured-data/index.js', {}
+    ],
+
+    [
+      './src/plugins/indexnow/index.js', {}
+    ],
+
     [
       'ideal-image',
       /** @type {import('@docusaurus/plugin-ideal-image').PluginOptions} */

src/pages/index.jsx

@@ -1,6 +1,7 @@
 import Layout from '@theme/Layout'
 import React, { useEffect, useRef } from 'react'
 import { useHistory } from 'react-router-dom'
+import Head from '@docusaurus/Head'
 
 import Faq from '@site/src/components/site/Faq'
 import DataWarehouseToLakes from '../components/site/DataWarehouseToLakes'
@@ -82,6 +83,31 @@ export default function New3Page() {
       title='OLake'
       description='Fastest Database to Data Lakehouse data replication tool, open sourced'
     >
+      <Head>
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify({
+              '@context': 'https://schema.org/',
+              '@type': 'Organization',
+              name: 'OLake',
+              url: 'https://olake.io/',
+              logo: 'https://olake.io/img/logo/olake-blue.svg',
+              description: 'Fastest way to replicate MongoDB data in Apache Iceberg',
+              foundingDate: '2023',
+              contactPoint: {
+                '@type': 'ContactPoint',
+                contactType: 'customer service',
+                email: '[email protected]'
+              },
+              sameAs: [
+                'https://github.com/datazip-inc/olake',
+                'https://join.slack.com/t/getolake/shared_invite/zt-2uyphqf69-KQxih9Gwd4GCQRD_XFcuyw'
+              ]
+            })
+          }}
+        />
+      </Head>
       <div className='w-full overflow-x-hidden bg-white dark:bg-gray-900'>
         <DataWarehouseToLakes />
         <WorkflowSection />