feat(seo): add comprehensive SEO optimization for better search visibility

Add meta tags (description, keywords, author, robots, theme-color), Open Graph and Twitter Card tags for social sharing, JSON-LD structured data, canonical URLs with hreflang support, robots.txt and sitemap.xml.
2026-01-17 18:45:01 +01:00
parent 306c762136
commit dcc279ddda
3 changed files with 103 additions and 1 deletions
--- a/index.html
+++ b/index.html
@@ -3,12 +3,83 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
-    <title>Juego del Impostor</title>
+    <title>Juego del Impostor - Juego de Rol Gratis Online | Encuentra al Impostor</title>
+
+    <!-- SEO Meta Tags -->
+    <meta name="description" content="Juego del Impostor: un emocionante juego de rol social gratuito para 3-10 jugadores. Descubre quién es el impostor antes de que sea tarde. Sin descargas, juega desde el navegador.">
+    <meta name="keywords" content="juego del impostor, impostor game, juego de rol, juego social, juego gratis, juego online, juego de palabras, juego de deducción, juego para fiestas, juego multijugador, among us estilo">
+    <meta name="author" content="Darío Sevilla">
+    <meta name="robots" content="index, follow">
+    <meta name="theme-color" content="#1a1a2e">
+    <link rel="canonical" href="https://impostor.dariosevilla.es/">
+    <link rel="alternate" hreflang="es" href="https://impostor.dariosevilla.es/">
+    <link rel="alternate" hreflang="en" href="https://impostor.dariosevilla.es/?lang=en">
+    <link rel="alternate" hreflang="x-default" href="https://impostor.dariosevilla.es/">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://impostor.dariosevilla.es/">
+    <meta property="og:title" content="Juego del Impostor - Juego de Rol Social Gratis">
+    <meta property="og:description" content="¿Podrás descubrir quién es el impostor? Juego de deducción social gratuito para 3-10 jugadores. Sin descargas, juega directamente en tu navegador.">
+    <meta property="og:image" content="https://impostor.dariosevilla.es/og-image.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:locale" content="es_ES">
+    <meta property="og:locale:alternate" content="en_US">
+    <meta property="og:site_name" content="Juego del Impostor">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://impostor.dariosevilla.es/">
+    <meta name="twitter:title" content="Juego del Impostor - Juego de Rol Social Gratis">
+    <meta name="twitter:description" content="¿Podrás descubrir quién es el impostor? Juego de deducción social para 3-10 jugadores. Sin descargas.">
+    <meta name="twitter:image" content="https://impostor.dariosevilla.es/og-image.png">
+
+    <!-- Additional SEO -->
+    <meta name="application-name" content="Juego del Impostor">
+    <meta name="apple-mobile-web-app-title" content="Impostor">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="format-detection" content="telephone=no">
+
+    <!-- Structured Data JSON-LD -->
+    <script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebApplication",
+        "name": "Juego del Impostor",
+        "alternateName": "The Impostor Game",
+        "description": "Juego de rol social gratuito donde los jugadores deben descubrir quién es el impostor usando pistas y deducción.",
+        "url": "https://impostor.dariosevilla.es/",
+        "applicationCategory": "GameApplication",
+        "operatingSystem": "Web Browser",
+        "offers": {
+            "@type": "Offer",
+            "price": "0",
+            "priceCurrency": "EUR"
+        },
+        "author": {
+            "@type": "Person",
+            "name": "Darío Sevilla",
+            "url": "https://dariosevilla.es"
+        },
+        "inLanguage": ["es", "en"],
+        "genre": ["Party Game", "Social Deduction", "Word Game"],
+        "numberOfPlayers": {
+            "@type": "QuantitativeValue",
+            "minValue": 3,
+            "maxValue": 10
+        }
+    }
+    </script>
+
    <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=Crimson+Text:wght@600;700&family=Courier+Prime:wght@400;700&family=JetBrains+Mono:wght@400;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.1a37b506.css">
    <link rel="icon" type="image/png" href="logo.78f51359.png">
+    <link rel="sitemap" type="application/xml" href="/sitemap.xml">
    <script defer src="https://analytics.dariosevilla.es/script.js" data-website-id="0520a008-d309-477f-9742-b4a674ac42eb"></script>
 </head>
 <body>
--- a/robots.txt
+++ b/robots.txt
@@ -0,0 +1,18 @@
+# Robots.txt for Juego del Impostor
+# https://impostor.dariosevilla.es
+
+User-agent: *
+Allow: /
+
+# Sitemap location
+Sitemap: https://impostor.dariosevilla.es/sitemap.xml
+
+# Allow all crawlers to access the main content
+User-agent: Googlebot
+Allow: /
+
+User-agent: Bingbot
+Allow: /
+
+# Crawl-delay for polite crawling (optional)
+Crawl-delay: 1
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+        xmlns:xhtml="http://www.w3.org/1999/xhtml">
+    <url>
+        <loc>https://impostor.dariosevilla.es/</loc>
+        <lastmod>2026-01-17</lastmod>
+        <changefreq>monthly</changefreq>
+        <priority>1.0</priority>
+        <xhtml:link rel="alternate" hreflang="es" href="https://impostor.dariosevilla.es/"/>
+        <xhtml:link rel="alternate" hreflang="en" href="https://impostor.dariosevilla.es/?lang=en"/>
+        <xhtml:link rel="alternate" hreflang="x-default" href="https://impostor.dariosevilla.es/"/>
+    </url>
+</urlset>