feat: add favicon, full OG meta tags, JSON-LD structured data

public/favicon.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <defs>
+    <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#a855f7"/>
+      <stop offset="100%" style="stop-color:#ec4899"/>
+    </linearGradient>
+  </defs>
+  <rect width="100" height="100" rx="20" fill="url(#grad)"/>
+  <text x="50" y="68" font-family="Arial, sans-serif" font-size="50" font-weight="bold" fill="white" text-anchor="middle">AK</text>
+</svg>

public/index.html

@@ -1,19 +1,50 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" prefix="og: https://ogp.me/ns#">
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>AniKotoAPI — Free Anime Data API</title>
-  <meta name="description" content="Free REST API for anime data. Browse, search, stream episodes. No API key required. Built with Node.js, Express, Cheerio." />
+
-  <meta name="keywords" content="anime api, free api, rest api, anime data, streaming, episode servers, nodejs, express" />
+  <!-- ──────────────── Basic OG Tags ──────────────── -->
   <meta property="og:title" content="AniKotoAPI — Free Anime Data API" />
-  <meta property="og:description" content="Free REST API for anime data. Browse, search, stream episodes. No API key required." />
-  <meta property="og:image" content="/og-image.svg" />
   <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://anikototvapi.vercel.app" />
+  <meta property="og:image" content="https://anikototvapi.vercel.app/og-image.svg" />
+  <meta property="og:description" content="Free REST API for anime data. Browse, search, stream episodes. 27+ endpoints, no API key required." />
+  <meta property="og:site_name" content="AniKotoAPI" />
+  <meta property="og:locale" content="en_US" />
+
+  <!-- ──────────────── Image Optimization ──────────────── -->
+  <meta property="og:image:secure_url" content="https://anikototvapi.vercel.app/og-image.svg" />
+  <meta property="og:image:type" content="image/svg+xml" />
+  <meta property="og:image:width" content="1200" />
+  <meta property="og:image:height" content="630" />
+  <meta property="og:image:alt" content="AniKotoAPI - Free Anime Data REST API" />
+
+  <!-- ──────────────── Twitter Card Tags ──────────────── -->
   <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:site" content="@Shineii86" />
+  <meta name="twitter:creator" content="@Shineii86" />
+  <meta name="twitter:title" content="AniKotoAPI — Free Anime Data API" />
+  <meta name="twitter:description" content="Free REST API for anime data. Browse, search, stream episodes. 27+ endpoints." />
+  <meta name="twitter:image" content="https://anikototvapi.vercel.app/og-image.svg" />
+  <meta name="twitter:image:alt" content="AniKotoAPI - Free Anime Data REST API" />
+  <meta name="twitter:domain" content="anikototvapi.vercel.app" />
+
+  <!-- ──────────────── Generic Meta ──────────────── -->
+  <meta name="description" content="Free REST API for anime data. Browse, search, stream episodes. 27+ endpoints, no API key required. Built with Node.js, Express, Cheerio." />
+  <meta name="keywords" content="anime api, free api, rest api, anime data, streaming, episode servers, nodejs, express, anime database, anime search" />
+  <meta name="robots" content="index, follow" />
   <meta name="theme-color" content="#0A0A12" />
-  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⛩</text></svg>" />
+  <link rel="canonical" href="https://anikototvapi.vercel.app" />
+
+  <!-- ──────────────── Favicon ──────────────── -->
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon.svg" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/favicon.svg" />
   <link rel="manifest" href="/manifest.json" />
+
+  <!-- ──────────────── Fonts ──────────────── -->
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
@@ -237,6 +268,27 @@
       nav{display:none}
     }
   </style>
+
+  <!-- ──────────────── JSON-LD Structured Data ──────────────── -->
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "WebAPI",
+    "name": "AniKotoAPI",
+    "description": "Free REST API for anime data. Browse, search, stream episodes. 27+ endpoints, no API key required.",
+    "url": "https://anikototvapi.vercel.app",
+    "documentation": "https://github.com/Shineii86/AniKotoAPI",
+    "provider": {
+      "@type": "Organization",
+      "name": "AniKotoAPI",
+      "url": "https://github.com/Shineii86/AniKotoAPI"
+    },
+    "category": "Anime Data API",
+    "endpoint": "https://anikototvapi.vercel.app/api",
+    "programmingModel": "REST",
+    "documentationUrl": "https://github.com/Shineii86/AniKotoAPI/tree/main/docs"
+  }
+  </script>
 </head>
 <body>
 

public/manifest.json

@@ -1,12 +1,18 @@
 {
   "name": "AniKotoAPI",
   "short_name": "AniKotoAPI",
-  "description": "Free REST API for anime data. Browse, search, stream episodes. No API key required.",
+  "description": "Free REST API for anime data. Browse, search, stream episodes. 27+ endpoints, no API key required.",
   "start_url": "/",
   "display": "standalone",
   "background_color": "#0A0A12",
   "theme_color": "#A855F7",
   "icons": [
+    {
+      "src": "/favicon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any maskable"
+    },
     {
       "src": "/og-image.svg",
       "sizes": "any",