From 45655108faed9b926b68d133a1ed301f863ce951 Mon Sep 17 00:00:00 2001
From: gaonip <kaizhi.zhang92@gmail.com>
Date: Mon, 14 Jul 2025 17:22:27 +0800
Subject: [PATCH] SEO tags and update favicon

---
 vocs-docs/vocs.config.ts | 89 +++++++++++++++++++++++++++++++++-------
 1 file changed, 74 insertions(+), 15 deletions(-)

diff --git a/vocs-docs/vocs.config.ts b/vocs-docs/vocs.config.ts
index 71d02cc0f..c5824f8a9 100644
--- a/vocs-docs/vocs.config.ts
+++ b/vocs-docs/vocs.config.ts
@@ -3,6 +3,8 @@ import React from 'react'
 
 export default defineConfig({
     title: 'dYdX Documentation',
+    iconUrl: 'https://dydx.exchange/icon.svg',
+    logoUrl: 'https://dydx.exchange/icon.svg',
     basePath: '/',
     sidebar: [
         {
@@ -65,7 +67,7 @@ export default defineConfig({
                     text: 'Permissioned Keys',
                     link: '/interaction/permissioned-keys',
                 },
-{
+                {
                     text: 'Deposits & Withdrawals',
                     collapsed: true,
                     items: [
@@ -422,6 +424,18 @@ export default defineConfig({
     ],
     head: () => (
         React.createElement(React.Fragment, null, 
+        // Favicon links
+        React.createElement('link', {
+            key: 'favicon',
+            rel: 'icon',
+            type: 'image/svg+xml',
+            href: 'https://dydx.exchange/icon.svg'
+        }),
+        React.createElement('link', {
+            key: 'apple-touch-icon',
+            rel: 'apple-touch-icon',
+            href: 'https://dydx.exchange/icon.svg'
+        }),
       // Kapa AI Widget
         React.createElement('script', {
             key: 'kapa-widget',
@@ -452,54 +466,99 @@ export default defineConfig({
             `
             }
         }),
+
+        React.createElement('script', {
+            key: 'structured-data',
+            type: 'application/ld+json',
+            dangerouslySetInnerHTML: {
+                __html: JSON.stringify({
+                    "@context": "https://schema.org",
+                    "@type": "WebSite",
+                    "name": "dYdX Documentation",
+                    "url": "https://docs.dydx.xyz",
+                    "description": "Official dYdX v4 documentation for developers and validators",
+                    "publisher": {
+                        "@type": "Organization",
+                        "name": "dYdX",
+                        "logo": {
+                            "@type": "ImageObject",
+                            "url": "https://dydx.exchange/icon.png"
+                        }
+                    }
+                })
+            }
+        }),
+
         // OG meta tags
-            React.createElement('meta', {
+        React.createElement('meta', {
             key: 'og-title',
             property: 'og:title',
             content: 'dYdX Documentation'
             }),
-            React.createElement('meta', {
+        React.createElement('meta', {
             key: 'og-description',
             property: 'og:description',
-            content: 'Explore the official dYdX v4 documentation for developers and validators.'
+            content: 'Explore the official dYdX documentation for developers and traders.'
             }),
-            React.createElement('meta', {
+        React.createElement('meta', {
             key: 'og-image',
             property: 'og:image',
-            content: 'https://dydx.exchange/icon.png'
+            content: 'https://dydx.exchange/icon.svg'
+            }),
+        React.createElement('meta', {
+            key: 'og-image-width',
+            property: 'og:image:width',
+            content: '181'
+            }),
+        React.createElement('meta', {
+            key: 'og-image-height', 
+            property: 'og:image:height',
+            content: '181'
             }),
-            React.createElement('meta', {
+        React.createElement('meta', {
             key: 'og-url',
             property: 'og:url',
             content: 'https://docs.dydx.xyz'
             }),
-            React.createElement('meta', {
+        React.createElement('meta', {
             key: 'og-type',
             property: 'og:type',
             content: 'website'
             }),
 
-            // Twitter Card Meta Tags
-            React.createElement('meta', {
+        // Twitter Card Meta Tags
+        React.createElement('meta', {
             key: 'twitter-card',
             name: 'twitter:card',
             content: 'summary_large_image'
             }),
-            React.createElement('meta', {
+        React.createElement('meta', {
             key: 'twitter-title',
             name: 'twitter:title',
             content: 'dYdX Documentation'
             }),
-            React.createElement('meta', {
+        React.createElement('meta', {
             key: 'twitter-description',
             name: 'twitter:description',
             content: 'Explore the dYdX documentation for traders'
             }),
-            React.createElement('meta', {
+        React.createElement('meta', {
             key: 'twitter-image',
             name: 'twitter:image',
-            content: 'https://dydx.exchange/icon.png' 
-            })
+            content: 'https://dydx.exchange/icon.svg' 
+            }),
+
+        // Additional SEO meta tags
+        React.createElement('meta', {
+            key: 'description',
+            name: 'description',
+            content: 'Official dYdX documentation for developers and API traders. Learn about API trading, APIs and clients on dYdX'
+        }),
+        React.createElement('meta', {
+            key: 'keywords',
+            name: 'keywords',
+            content: 'dYdX, documentation, trading, API trading, API, DEX, perps, perpetuals'
+            }),
         )
     )
 })