From 533b3ccace910151eb2c138a21124c7788398c2d Mon Sep 17 00:00:00 2001 From: "dayuan.jiang" Date: Sun, 16 Nov 2025 08:36:13 +0900 Subject: [PATCH 1/3] feat: Add comprehensive SEO improvements - Enhanced metadata with Open Graph and Twitter Card tags - Added robots.ts for search engine crawling directives - Added sitemap.ts for site structure - Improved image alt text for better accessibility and SEO - Added JSON-LD structured data (Schema.org SoftwareApplication) - Configured proper meta tags including keywords, authors, and robots settings - Set metadataBase for proper URL resolution --- app/layout.tsx | 69 ++++++++++++++++++++++++++++- app/robots.ts | 12 +++++ app/sitemap.ts | 12 +++++ components/chat-message-display.tsx | 2 +- components/file-preview-list.tsx | 2 +- 5 files changed, 93 insertions(+), 4 deletions(-) create mode 100644 app/robots.ts create mode 100644 app/sitemap.ts diff --git a/app/layout.tsx b/app/layout.tsx index f48a415..5e01862 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -16,8 +16,49 @@ const geistMono = Geist_Mono({ }); export const metadata: Metadata = { - title: "Next-AI-Drawio", - description: "An AI-powered drawing tool that integrates with draw.io", + title: "Next AI Draw.io - AI-Powered Diagram Generator", + description: "Create AWS architecture diagrams, flowcharts, and technical diagrams using AI. Free online tool integrating draw.io with AI assistance for professional diagram creation.", + keywords: ["AI diagram generator", "AWS architecture", "flowchart creator", "draw.io", "AI drawing tool", "technical diagrams", "diagram automation"], + authors: [{ name: "Next AI Draw.io" }], + creator: "Next AI Draw.io", + publisher: "Next AI Draw.io", + metadataBase: new URL("https://next-ai-draw-io.vercel.app"), + openGraph: { + title: "Next AI Draw.io - AI Diagram Generator", + description: "Create professional diagrams with AI assistance. Supports AWS architecture, flowcharts, and more.", + type: "website", + url: "https://next-ai-draw-io.vercel.app", + siteName: "Next AI Draw.io", + locale: "en_US", + images: [ + { + url: "/architecture.png", + width: 1200, + height: 630, + alt: "Next AI Draw.io - AI-powered diagram creation tool", + }, + ], + }, + twitter: { + card: "summary_large_image", + title: "Next AI Draw.io - AI Diagram Generator", + description: "Create professional diagrams with AI assistance", + images: ["/architecture.png"], + }, + robots: { + index: true, + follow: true, + googleBot: { + index: true, + follow: true, + "max-video-preview": -1, + "max-image-preview": "large", + "max-snippet": -1, + }, + }, + icons: { + icon: "/favicon.ico", + }, }; export default function RootLayout({ @@ -25,11 +66,35 @@ export default function RootLayout({ }: Readonly<{ children: React.ReactNode; }>) { + const jsonLd = { + '@context': 'https://schema.org', + '@type': 'SoftwareApplication', + name: 'Next AI Draw.io', + applicationCategory: 'DesignApplication', + operatingSystem: 'Web Browser', + description: 'AI-powered diagram generator that integrates with draw.io for creating AWS architecture diagrams, flowcharts, and technical diagrams.', + url: 'https://next-ai-draw-io.vercel.app', + offers: { + '@type': 'Offer', + price: '0', + priceCurrency: 'USD', + }, + aggregateRating: { + '@type': 'AggregateRating', + ratingValue: '5', + ratingCount: '1', + }, + }; + return ( +