From 6ee608d678bbf3dcd528429d16f4f411a5c8e1c2 Mon Sep 17 00:00:00 2001 From: richarjiang Date: Sat, 31 Jan 2026 21:13:39 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=20seo=20=E4=BC=98?= =?UTF-8?q?=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env.example | 4 +- CLAUDE.md | 34 +++++++++++ public/manifest.json | 75 ------------------------ src/app/layout.tsx | 82 ++++++++++++++------------- src/app/robots.ts | 2 +- src/app/sitemap.ts | 2 +- src/components/seo/StructuredData.tsx | 30 +++++----- src/locales/en.json | 2 +- src/locales/zh.json | 2 +- 9 files changed, 100 insertions(+), 133 deletions(-) delete mode 100644 public/manifest.json diff --git a/.env.example b/.env.example index e1c3fba..021e232 100644 --- a/.env.example +++ b/.env.example @@ -1,6 +1,8 @@ # Application Configuration +# Production domain: kymr.top NEXT_PUBLIC_APP_URL=http://localhost:3000 -NEXT_PUBLIC_APP_NAME="Mini Game AI Tools" +NEXT_PUBLIC_SITE_URL=https://kymr.top +NEXT_PUBLIC_APP_NAME="KYMR.TOP - Game Development Tools" # Database (Phase 6) # DATABASE_URL="postgresql://..." diff --git a/CLAUDE.md b/CLAUDE.md index 9ef9c5d..f83c047 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -50,3 +50,37 @@ All shared types in `types/index.ts` including file types, processing configs, A - Current (Phase 1-4): Basic tools with mock API implementations - Phase 5: AI services integration (Replicate, OpenAI) - Phase 6: Authentication, database (PostgreSQL), payment processing (Stripe), cloud storage (Cloudflare R2) + +## Branding & SEO + +### Website Identity +- **Project Name**: mini-game-ai (internal repository name) +- **Website Domain**: https://kymr.top +- **Brand Name**: KYMR.TOP +- **Tagline**: Image & Video Converter | Game Development Tools + +**IMPORTANT**: When updating SEO metadata, always use "KYMR.TOP" as the brand name, NOT "Mini Game AI". The project name "mini-game-ai" is only used for the repository and should not appear in user-facing content. + +### SEO Keywords +The website targets both English and Chinese search engines (Google, Baidu) with the following focus areas: + +**English Keywords:** +- Primary: image compression, image converter, WebP converter, PNG optimizer +- Secondary: video converter, video to frames, audio compression +- Tertiary: texture atlas, sprite sheet generator, game development tools + +**Chinese Keywords:** +- Primary: 图片压缩, 图片转换, WebP转换, PNG优化 +- Secondary: 视频转换, 视频抽帧, 音频压缩, 音频转换 +- Tertiary: 纹理图集, 精灵图生成, 游戏开发工具, 游戏素材工具 + +### SEO Configuration Files +- `src/app/layout.tsx` - Main metadata (title, description, keywords, Open Graph, Twitter Card) +- `src/app/sitemap.ts` - XML sitemap for search engines +- `src/app/robots.ts` - Robots.txt configuration +- `public/manifest.json` - PWA manifest +- `src/components/seo/StructuredData.tsx` - Schema.org structured data + +### Environment Variables +- `NEXT_PUBLIC_SITE_URL` - Production URL (default: https://kymr.top) +- `NEXT_PUBLIC_APP_URL` - App URL (may differ for development) diff --git a/public/manifest.json b/public/manifest.json deleted file mode 100644 index 4cf7f9b..0000000 --- a/public/manifest.json +++ /dev/null @@ -1,75 +0,0 @@ -{ - "name": "Mini Game AI - AI-Powered Tools for Game Developers", - "short_name": "Mini Game AI", - "description": "Transform your game development workflow with AI-powered tools. Video to frames, image compression, audio processing, texture atlas generation, and more.", - "start_url": "/", - "display": "standalone", - "background_color": "#09090b", - "theme_color": "#3b82f6", - "orientation": "portrait-primary", - "icons": [ - { - "src": "/icon-72x72.png", - "sizes": "72x72", - "type": "image/png", - "purpose": "maskable any" - }, - { - "src": "/icon-96x96.png", - "sizes": "96x96", - "type": "image/png", - "purpose": "maskable any" - }, - { - "src": "/icon-128x128.png", - "sizes": "128x128", - "type": "image/png", - "purpose": "maskable any" - }, - { - "src": "/icon-144x144.png", - "sizes": "144x144", - "type": "image/png", - "purpose": "maskable any" - }, - { - "src": "/icon-152x152.png", - "sizes": "152x152", - "type": "image/png", - "purpose": "maskable any" - }, - { - "src": "/icon-192x192.png", - "sizes": "192x192", - "type": "image/png", - "purpose": "maskable any" - }, - { - "src": "/icon-384x384.png", - "sizes": "384x384", - "type": "image/png", - "purpose": "maskable any" - }, - { - "src": "/icon-512x512.png", - "sizes": "512x512", - "type": "image/png", - "purpose": "maskable any" - } - ], - "categories": ["productivity", "utilities", "developer"], - "screenshots": [ - { - "src": "/screenshot-desktop.png", - "sizes": "1280x720", - "type": "image/png", - "form_factor": "wide" - }, - { - "src": "/screenshot-mobile.png", - "sizes": "750x1334", - "type": "image/png", - "form_factor": "narrow" - } - ] -} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index d0ad2d1..2836e38 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -12,32 +12,52 @@ import { } from "@/lib/i18n-server"; export const metadata: Metadata = { - metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL || "https://minigameai.com"), + metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL || "https://kymr.top"), title: { - default: "Mini Game AI - AI-Powered Tools for Game Developers", - template: "%s | Mini Game AI", + default: "Image & Video Converter | Game Development Tools | KYMR.TOP", + template: "%s | KYMR.TOP", }, description: - "Transform your game development workflow with AI-powered tools. Video to frames, image compression, audio processing, texture atlas generation, and more. All processing happens locally in your browser.", + "Free online tools for game developers. Compress and convert images (PNG, JPEG, WebP), extract frames from videos, compress audio files, generate texture atlases and sprite sheets. All processing happens locally in your browser - no uploads, complete privacy.", keywords: [ - "game development", - "AI tools", - "video processing", + // Primary English keywords "image compression", - "audio processing", - "texture atlas", - "sprite sheet", - "game assets", + "image converter", "WebP converter", "PNG optimizer", - "video frames", + "JPEG compressor", + "video converter", + "video to frames", + "video processing", + "audio compression", + "audio converter", + "MP3 compressor", + "texture atlas", + "sprite sheet generator", + "game development tools", + "game assets", "browser-based tools", "privacy-first", "no upload", + // Chinese keywords for Baidu + "图片压缩", + "图片转换", + "WebP转换", + "PNG优化", + "视频转换", + "视频抽帧", + "音频压缩", + "音频转换", + "纹理图集", + "精灵图生成", + "游戏开发工具", + "游戏素材", + "在线工具", + "隐私保护", ], - authors: [{ name: "Mini Game AI", url: "https://minigameai.com" }], - creator: "Mini Game AI", - publisher: "Mini Game AI", + authors: [{ name: "KYMR.TOP", url: "https://kymr.top" }], + creator: "KYMR.TOP", + publisher: "KYMR.TOP", robots: { index: true, follow: true, @@ -50,28 +70,14 @@ export const metadata: Metadata = { }, }, icons: { - icon: [ - { url: "/icon.svg", type: "image/svg+xml" }, - { url: "/icon-192.png", sizes: "192x192", type: "image/png" }, - { url: "/icon-512.png", sizes: "512x512", type: "image/png" }, - ], - shortcut: "/icon-192.png", - apple: [ - { url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" }, - ], - }, - manifest: "/manifest.json", - appleWebApp: { - capable: true, - title: "Mini Game AI", - statusBarStyle: "default", + icon: "/icon.svg", }, openGraph: { type: "website", - siteName: "Mini Game AI", - title: "Mini Game AI - AI-Powered Tools for Game Developers", + siteName: "KYMR.TOP", + title: "Image & Video Converter | Game Development Tools | KYMR.TOP", description: - "Transform your game development workflow with AI-powered tools. Video to frames, image compression, audio processing, texture atlas generation, and more. All processing happens locally in your browser.", + "Free online tools for game developers. Compress and convert images (PNG, JPEG, WebP), extract frames from videos, compress audio files, generate texture atlases and sprite sheets. All processing happens locally in your browser - no uploads, complete privacy.", url: "/", locale: "en_US", alternateLocale: ["zh_CN"], @@ -80,17 +86,17 @@ export const metadata: Metadata = { url: "/og-image.png", width: 1200, height: 630, - alt: "Mini Game AI - AI-Powered Tools for Game Developers", + alt: "KYMR.TOP - Image & Video Converter for Game Developers", }, ], }, twitter: { card: "summary_large_image", - title: "Mini Game AI - AI-Powered Tools for Game Developers", + title: "Image & Video Converter | Game Development Tools | KYMR.TOP", description: - "Transform your game development workflow with AI-powered tools. Video to frames, image compression, audio processing, texture atlas generation, and more.", - site: "@minigameai", - creator: "@minigameai", + "Free online tools for game developers. Compress and convert images, extract frames from videos, compress audio, generate texture atlases. Browser-based, privacy-first.", + site: "@kyMRtop", + creator: "@kyMRtop", images: ["/twitter-image.png"], }, alternates: { diff --git a/src/app/robots.ts b/src/app/robots.ts index a72cf4e..454d034 100644 --- a/src/app/robots.ts +++ b/src/app/robots.ts @@ -1,7 +1,7 @@ import type { MetadataRoute } from "next"; export default function robots(): MetadataRoute.Robots { - const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://minigameai.com"; + const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://kymr.top"; return { rules: [ diff --git a/src/app/sitemap.ts b/src/app/sitemap.ts index a949171..728bd94 100644 --- a/src/app/sitemap.ts +++ b/src/app/sitemap.ts @@ -59,7 +59,7 @@ const tools: ToolPage[] = [ ]; export default async function sitemap(): Promise { - const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://minigameai.com"; + const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://kymr.top"; const staticPages: MetadataRoute.Sitemap = [ { diff --git a/src/components/seo/StructuredData.tsx b/src/components/seo/StructuredData.tsx index ba8a7cd..4a2f6c4 100644 --- a/src/components/seo/StructuredData.tsx +++ b/src/components/seo/StructuredData.tsx @@ -4,7 +4,7 @@ interface StructuredDataProps { } export function StructuredData({ type, data }: StructuredDataProps) { - const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://minigameai.com"; + const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://kymr.top"; const baseData = { "@context": "https://schema.org", @@ -26,16 +26,16 @@ interface WebSiteProps { } export function WebSiteStructuredData({ lang = "en" }: WebSiteProps) { - const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://minigameai.com"; + const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://kymr.top"; const content = { en: { - name: "Mini Game AI", - alternateName: "MiniGameAI", + name: "KYMR.TOP", + alternateName: "KYMR Game Tools", description: - "Transform your game development workflow with AI-powered tools. Video to frames, image compression, audio processing, texture atlas generation, and more.", + "Free online tools for game developers. Compress and convert images (PNG, JPEG, WebP), extract frames from videos, compress audio files, generate texture atlases and sprite sheets. All processing happens locally in your browser - no uploads, complete privacy.", keywords: - "game development, AI tools, video processing, image compression, audio processing, texture atlas", + "image compression, image converter, WebP converter, PNG optimizer, video converter, video to frames, audio compression, texture atlas, sprite sheet generator, game development tools, browser-based tools", inLanguage: "en-US", potentialAction: { "@type": "SearchAction", @@ -47,12 +47,12 @@ export function WebSiteStructuredData({ lang = "en" }: WebSiteProps) { }, }, zh: { - name: "Mini Game AI", - alternateName: "迷你游戏AI", + name: "KYMR.TOP", + alternateName: "KYMR游戏工具", description: - "用 AI 驱动的工具改变游戏开发流程。视频抽帧、图片压缩、音频处理、纹理图集生成等。", + "专为游戏开发者设计的免费在线工具平台。支持图片压缩转换(PNG、JPEG、WebP)、视频抽帧转换、音频压缩、纹理图集生成、精灵图制作。浏览器本地处理，无需上传，保护隐私。", keywords: - "游戏开发, AI工具, 视频处理, 图片压缩, 音频处理, 纹理图集", + "图片压缩, 图片转换, WebP转换, PNG优化, 视频转换, 视频抽帧, 音频压缩, 音频转换, 纹理图集, 精灵图生成, 游戏开发工具, 游戏素材工具, 在线工具, 隐私保护", inLanguage: "zh-CN", }, }; @@ -73,16 +73,16 @@ export function WebSiteStructuredData({ lang = "en" }: WebSiteProps) { } export function OrganizationStructuredData() { - const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://minigameai.com"; + const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://kymr.top"; const data = { "@context": "https://schema.org", "@type": "Organization", - name: "Mini Game AI", + name: "KYMR.TOP", url: baseUrl, logo: `${baseUrl}/icon-512.png`, description: - "AI-powered tools for game developers. Transform your workflow with browser-based tools for video, image, and audio processing.", + "Free online tools for game developers. Browser-based tools for image compression, video conversion, audio processing, texture atlas generation, and sprite sheet creation. Privacy-first with no file uploads required.", sameAs: [] as string[], contactPoint: { "@type": "ContactPoint", @@ -118,7 +118,7 @@ export function SoftwareApplicationStructuredData({ offersPrice = "0", offersCurrency = "USD", }: SoftwareApplicationProps) { - const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://minigameai.com"; + const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://kymr.top"; const data = { "@context": "https://schema.org", @@ -143,7 +143,7 @@ export function SoftwareApplicationStructuredData({ softwareVersion: "1.0", author: { "@type": "Organization", - name: "Mini Game AI", + name: "KYMR.TOP", url: baseUrl, }, }; diff --git a/src/locales/en.json b/src/locales/en.json index d048412..18967d5 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -380,7 +380,7 @@ "compressionHint": "Enable PNG quantization to significantly reduce file size (similar to TinyPNG)" }, "footer": { - "tagline": "Media processing tools for game developers. Extract frames, compress images, optimize audio.", + "tagline": "Image & video converter for game developers. Compress images, extract frames, convert audio, generate texture atlases. Browser-based, privacy-first.", "note": "Inspired by modern product storytelling—centered on your workflow, not UI noise.", "sections": { "tools": "Tools", diff --git a/src/locales/zh.json b/src/locales/zh.json index aa5ec82..2992ffe 100644 --- a/src/locales/zh.json +++ b/src/locales/zh.json @@ -380,7 +380,7 @@ "compressionHint": "开启后使用 PNG 量化压缩，可大幅减小文件体积（类似 TinyPNG）" }, "footer": { - "tagline": "面向游戏开发者的媒体处理工具。视频抽帧、图片压缩、音频优化。", + "tagline": "面向游戏开发者的图片视频转换工具。支持图片压缩转换、视频抽帧、音频压缩、纹理图集生成。浏览器本地处理，保护隐私。", "note": "灵感来自现代产品网站的信息密度与克制动效，但以你自己的产品为中心。", "sections": { "tools": "工具",