# DeepLX App - SEO Implementation Guide Quick implementation guide with code snippets for all recommended SEO improvements. ## Quick Links - [robots.txt](#robotstxt) - [manifest.json](#manifestjson) - [sitemap.xml](#sitemapxml) - [browserconfig.xml](#browserconfigxml) - [JSON-LD Schema](#json-ld-structured-data) - [Index.html Fixes](#indexhtml-fixes) --- ## robots.txt **Location**: `/robots.txt` (root directory) **Impact**: Medium | **Time**: 5 minutes ### Create `/robots.txt`: ```txt # DeepLX App - Robots Configuration # Allow search engines to crawl all content User-agent: * Allow: / # Disallow private paths (if any) # Disallow: /admin # Specify sitemap location Sitemap: https://deeplx.xi-xu.me/sitemap.xml # Crawl delay (optional - in seconds) Crawl-delay: 1 # User-agent specific rules (optional) User-agent: Googlebot Allow: / User-agent: Bingbot Allow: / User-agent: AhrefsBot Disallow: / ``` ### Verification: - Access `https://deeplx.xi-xu.me/robots.txt` in browser - Verify in Google Search Console (Settings > Crawlers > Test robots.txt) --- ## manifest.json **Location**: `/manifest.json` (root directory) **Impact**: Medium | **Time**: 20 minutes ### Create `/manifest.json`: ```json { "name": "DeepLX App - Free Translation Tool", "short_name": "DeepLX", "description": "Free web-based translation app powered by DeepLX API. Translate text between 30+ languages with auto-detection, translation history, and RTL support.", "start_url": "/", "scope": "/", "display": "standalone", "background_color": "#1f2937", "theme_color": "#1f2937", "orientation": "portrait-primary", "categories": ["productivity", "utilities"], "prefer_related_applications": false, "icons": [ { "src": "logo.png", "sizes": "512x512", "type": "image/png", "purpose": "any" }, { "src": "logo.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" } ], "screenshots": [ { "src": "logo.png", "sizes": "540x720", "type": "image/png", "form_factor": "narrow" }, { "src": "logo.png", "sizes": "1280x720", "type": "image/png", "form_factor": "wide" } ], "shortcuts": [ { "name": "Translate Text", "short_name": "Translate", "description": "Open the translation interface", "url": "/?mode=translate", "icons": [ { "src": "logo.png", "sizes": "192x192" } ] } ] } ``` ### Add to index.html head: ```html ``` ### Verification: - DevTools > Application > Manifest - Should load without errors - Test PWA installation (Chrome: Install app button) --- ## sitemap.xml **Location**: `/sitemap.xml` (root directory) **Impact**: Low-Medium | **Time**: 10 minutes ### Create `/sitemap.xml`: ```xml https://deeplx.xi-xu.me 2025-11-12 monthly 1.0 ``` ### Alternative with multiple language versions (if needed): ```xml https://deeplx.xi-xu.me 2025-11-12 monthly 1.0 ``` ### Verification: - Access `https://deeplx.xi-xu.me/sitemap.xml` in browser - Add to Google Search Console (Sitemaps > New Sitemap) --- ## browserconfig.xml **Location**: `/browserconfig.xml` (root directory) **Impact**: Low | **Time**: 10 minutes ### Create `/browserconfig.xml`: ```xml #1f2937

30 1

``` ### Update index.html: The meta tag is already present but should reference this file correctly: ```html ``` --- ## JSON-LD Structured Data **Location**: Add to `index.html` `` section **Impact**: High | **Time**: 40 minutes ### Add this script to index.html head (before closing ``): ```html ``` ### Verification: - [Google Structured Data Testing Tool](https://search.google.com/test/rich-results) - Paste HTML and check for errors - Should show valid WebApplication schema --- ## index.html Fixes ### Fix 1: Update OG Image to Absolute URL **Current (WRONG):** ```html ``` **Updated (CORRECT):** ```html ``` ### Fix 2: Update Twitter Image (Same Section) **Current (WRONG):** ```html ``` **Updated (CORRECT):** ```html ``` ### Fix 3: Add manifest.json Link (In ``) ```html ``` ### Fix 4: Improve Modal Accessibility **Update History Panel:** ```html