Omitir y pasar al contenido principal

制作事例

Centro de Mini Juegos Ultraligero

Mejora del rendimiento, localización bilingüe y SEO global para una colección de 279 mini juegos jugables en el navegador

  • Hub de Mini Juegos
  • Astro / TS
  • Localización i18n
  • Alta Velocidad
Maqueta de una PC que muestra el Centro de Mini Juegos Ultraligero

プロジェクト詳細

Project Overview

Un proyecto centrado en la mejora de funciones, localización en japonés e inglés y SEO global para una plataforma de colección de mini juegos de navegador sin instalación y de carga rápida (279 juegos en total) construida con Astro y TypeScript.

Project Goal

  • Proporcionar un entorno de juego sin estrés que se inicie en segundos para ofrecer una experiencia de usuario fluida.
  • Limpiar la calidad archivando juegos inestables y resolviendo errores de entrada táctil y de clic.
  • Incrementar el tráfico nacional e internacional mediante traducción bilingüe y SEO dirigido.

Scope of Work

  • División de código y optimizaciones de huella ligera utilizando Astro y Vanilla JS
  • Implementó un sistema de cambio bilingüe i18n para menús, reglas de juego e instrucciones mediante parámetros de URL
  • Incorporó datos de esquema JSON-LD y etiquetas de idioma alternate para la optimización global de motores de búsqueda
  • Corrigió compensaciones de coordenadas de clics y toques en juegos como Gomoku causados por bordes de ventana gráfica y redimensionamiento
  • Desarrolló un generador automático de niveles para Color Sort para verificar matemáticamente y generar solo niveles con solución
  • Filtró automáticamente los juegos solo para PC en accesos a pantallas móviles y agregó etiquetas de plataforma (Solo PC / Listo para Móvil)
  • Diseñó marcos de anuncios flotantes laterales adaptables para pantallas de más de 1640 px para evitar la superposición con el área de juego

Key Highlights

  • Aprovechó la traducción bilingüe impulsada por scripts en lugar de crear archivos duplicados por idioma para preservar la velocidad del sitio y mantener el valor SEO.
  • Implementó compensaciones de bordes automatizadas para lograr una precisión de reacción de impacto píxel a píxel en diferentes ventanas gráficas y estados de redimensionamiento.
  • Priorizó la experiencia del usuario al pre-filtrar juegos de PC no jugables de las listas de diseño móvil, ahorrando datos y clics.
  • Integró marcadores de posición de anuncios previamente dimensionados para eliminar los saltos de diseño de cambio de diseño acumulado (CLS) durante la carga.