$ USD
Cómo crear un sitio web para tu servidor de juegos
Tiempo de lectura: 12 minutos | Nivel técnico: Principiante-Intermedio
Si utiliza FiveM: Asegúrate de tener tu El servidor FiveM ya está en funcionamiento, antes de continuar.
Tienes un servidor de juegos. Ahora necesitas un sitio web que no parezca de 2005. Esta guía te muestra exactamente qué es. Cómo construir un sitio web de servidor profesional que realmente convierta a los visitantes en jugadores.
Lo que realmente necesitas antes de empezar
- Servidor de juegos en funcionamiento con al menos 10 jugadores activos (no crees un sitio web para un servidor vacío)
- Presupuesto $15-50/mes para hosting y dominio
- 2-8 horas dependiendo de la complejidad
- Habilidades básicas de gestión de archivos (si puedes instalar recursos de FiveM, puedes hacer esto)
Paso 1: Olvídate de las tonterías de la planificación: esto es lo que funciona
Objetivos del sitio web que importan
Su sitio web debe hacer tres cosas:
- Mostrar el estado del servidor (en línea/fuera de línea, número de jugadores)
- Reglas y características de visualización (¿Qué hace que su servidor sea diferente?)
- Conectar jugadores (Invitación de Discord, foros o ambos)
Todo lo demás es opcional.
Decisión de la Plataforma (2 minutos)
Usar WordPress. He aquí por qué:
- 43% de la web se ejecuta en él
- Todos los proveedores de hosting lo admiten
- Miles de complementos específicos para juegos
- Comunidad de desarrolladores activa
Evite Wix, Squarespace y HTML personalizado a menos que tenga requisitos técnicos específicos.
Paso 2: Un hosting que no se bloquee al alcanzar los 100 jugadores
Hosts recomendados (probados con sitios FiveM reales)
Para la mayoría de los servidores:
- Nube de Hetzner – 4,51 €/mes, ingeniería alemana, 20 TB de tráfico
- Océano digital – $6/mes, WordPress con un solo clic, excelente tiempo de actividad
Para servidores con mucho tráfico (más de 500 visitantes diarios):
- Vultr de alta frecuencia – $12/mes, almacenamiento NVMe, 32 GB de RAM disponibles
- OVHcloud – 5,52 €/mes, protección DDoS incluida
Evitar: GoDaddy, Hostinger, cualquier hosting “ilimitado” (en realidad nunca es ilimitado)
Registro de dominio
- Usar Namecheap o Registrador de Cloudflare
- Espere entre $10 y 15 al año para dominios .com
- Considere .gg o .net si .com ya está tomado
Paso 3: Configuración de WordPress (15 minutos)
Instalación rápida mediante SSH
# Conéctate a tu servidor ssh root@ip-de-tu-servidor # Actualiza el sistema apt update && apt upgrade -y # Instalar la pila LAMP apt install apache2 mysql-server php php-mysql libapache2-mod-php -y # Descargar WordPress cd /var/www/html wget https://wordpress.org/latest.tar.gz tar -xzvf latest.tar.gz mv wordpress/* . rm -rf wordpress latest.tar.gz # Establecer permisos chown -R www-data:www-data /var/www/html chmod -R 755 /var/www/html
Configuración de la base de datos
mysql -u root -p CREAR BASE DE DATOS fivem_site; CREAR USUARIO 'fivem_user'@'localhost' IDENTIFICADO POR 'strong_password_here'; CONCEDER TODOS LOS PRIVILEGIOS EN fivem_site.* A 'fivem_user'@'localhost'; VACIAR PRIVILEGIOS; SALIR;
Advertencia: Cambia "strong_password_here" por una contraseña segura. Usa un generador de contraseñas.
Paso 4: Solo complementos esenciales
Instálelos a través del panel de administración de WordPress (Complementos > Agregar nuevo):
Complementos imprescindibles
- Rankmath – para SEO
- Caché más rápido de WP – Evita la sobrecarga del servidor
- Seguridad de Wordfence – Bloquea script kiddies
- UpdraftPlus – Copias de seguridad automatizadas
Para funciones avanzadas
- Miembro definitivo – Registro de usuarios/perfiles
- bbPress – Foros (si no usas Discord)
- GiveWP – Sistema de donaciones
Paso 5: Selección del tema (no pienses demasiado en esto)
Los mejores temas de juegos (probados)
Opciones gratuitas:
- Astra + Demostración de juegos – Rápido, limpio, funciona
- Bloques – Soporte móvil moderno y bueno
Opciones Premium ($30-60):
- Gwangi – Funciona bien para servidores RP
Ejemplo de configuración (Astra):
// Agregar a functions.php para la integración personalizada del servidor function display_server_status() { $server_ip = 'your.server.ip:30120'; $info = json_decode(file_get_contents("http://{$server_ip}/info.json"), true); $players = json_decode(file_get_contents("http://{$server_ip}/players.json"), true); echo '<div class="server-status">'; eco '<h3>' . $info['vars']['sv_nombre_proyecto'] . '</h3>'; eco '<p>Jugadores: ' . count($players) . '/' . $info['vars']['sv_maxClients'] . '</p>'; eco '</div>'; } add_shortcode('fivem_status', 'mostrar_estado_del_servidor');
Paso 6: Configuración de páginas críticas
Estructura de la página de inicio
- Sección de héroe: Nombre del servidor + Botón para unirse - Widget de estado en vivo - Tarjetas de características (3-4 características únicas del servidor) - Actualizaciones/Noticias recientes - Widget de Discord
Páginas requeridas
- Normas – Claro, numerado, sin palabras de abogado
- Cómo unirse – Paso a paso con capturas de pantalla
- Donaciones – Lista de beneficios transparente, sin pago para ganar
- Personal/Aplicar – Personal actual, proceso de solicitud
Estructura de enlaces internos
Enlace a recursos relevantes de FiveM:
- Explorar mods de FiveM
- Guías de alojamiento de servidores
- Tutoriales de instalación de scripts
Paso 7: Código de integración del servidor
Mostrar datos del servidor en vivo
Añadelo a tu tema funciones.php:
función obtener_datos_del_servidorfivem($ip, $port) { $context = stream_context_create([ "http" => [ "tiempo de espera" => 5, ] ]); $jugadores_json = @file_get_contents("http://{$ip}:{$port}/jugadores.json", falso, $context); $info_json = @file_get_contents("http://{$ip}:{$port}/info.json", falso, $context); si (!$jugadores_json || !$info_json) { devolver falso; } return [ 'jugadores' => json_decode($players_json, true), 'información' => json_decode($info_json, true), 'en línea' => true ]; } // Uso en la plantilla $server_data = get_fivem_server_data('185.25.25.25', '30120'); if ($server_data) { echo "Jugadores en línea: " . count($server_data['jugadores']) . "/" . $server_data['información']['vars']['sv_maxClients']; }
Integración de la tabla de clasificación de jugadores
-- Ejemplo de estructura de tabla para estadísticas CREATE TABLE player_stats ( steam_id VARCHAR(50) PRIMARY KEY, player_name VARCHAR(100), play_time INT DEFAULT 0, money INT DEFAULT 0, kills INT DEFAULT 0, deathes INT DEFAULT 0, last_seen TIMESTAMP DEFAULT CURRENT_TIMESTAMP );
Paso 8: Optimización del rendimiento
Configuración de Cloudflare (gratuita)
- Agregar sitio a Cloudflare
- Habilite estas configuraciones:
- Minificación automática (todas las opciones)
- Compresión de brotli
- TTL de la caché del navegador: 4 horas
- Siempre en línea™
Optimización de imágenes
# Instalar el convertidor WebP apt install webp # Convertir imágenes para archivo en *.{jpg,png}; hacer cwebp -q 80 "$file" -o "${file%.*}.webp" hecho
CSS crítico
Añadir a header.php:
/* Inline critical CSS for above-fold content */
.server-status{background:#1a1a1a;color:#fff;padding:20px;border-radius:8px}
.join-button{background:#00ff00;color:#000;padding:15px 30px;font-weight:bold}
Paso 9: Fortalecimiento de la seguridad
Seguridad de WordPress
// Agregar a wp-config.php define('DISALLOW_FILE_EDIT', true); define('WP_AUTO_UPDATE_CORE', true); define('FORCE_SSL_ADMIN', true); // Ocultar errores de inicio de sesión add_filter('login_errors', function($error) { return 'Error de inicio de sesión'; });
Protección .htaccess
# Bloque XML-RPC Orden Permitir, Denegar Denegar de todos # Proteger wp-config Orden Permitir, Denegar Denegar de todos # Bloquear enumeración de usuarios RewriteCond %{REQUEST_URI} !^/wp-admin [NC] RewriteCond %{QUERY_STRING} author=\d RewriteRule ^ /? [L,R=301]
Paso 10: Lista de verificación de lanzamiento
- [ ] Sitio de prueba en dispositivos móviles (el 50% del tráfico es móvil)
- [ ] El widget de estado del servidor funciona
- [ ] Enlace de invitación de Discord activo
- [ ] Formulario de contacto probado
- [ ] Certificado SSL activo
- [ ] Sistema de respaldo configurado
- [ ] Analytics instalado (GA4 o Matomo)
- [ ] Mapa del sitio enviado a Google
Errores comunes que se deben evitar
- Reproducción automática de música y vídeos – Rebote instantáneo de visitantes
- Registro forzado para ver el contenido – Mata el compromiso
- Copiar el contenido de otros servidores – Google penaliza el contenido duplicado
- Sin optimización móvil – La mayoría de los jugadores navegan en los teléfonos
- Tiempos de carga lentos – 3+ segundos = visitantes perdidos
Programa de mantenimiento
A diario: Comprobar el widget del estado del servidor Semanalmente: Actualizar contenido, publicar noticias Mensual: Copia de seguridad completa, análisis de seguridad, actualización de complementos Trimestral: Auditoría de rendimiento, comprobación de enlaces rotos
Próximos pasos
- Configuración Google Analytics 4
- Crear Consola de búsqueda de Google cuenta
- Crear una lista de correo electrónico para actualizaciones
- Integrar con sus Mods de Servidor FiveM (sugerencia de enlace interno)
Solución de problemas
El estado del servidor no se muestra:
- Comprobar que el firewall permite conexiones a los puertos 30120/30110
- Verificar
sv_master1se establece en server.cfg - Punto final de prueba:
http://your-ip:30120/info.json
El sitio funciona lento:
- Habilitar el complemento de almacenamiento en caché
- Comprimir imágenes
- Comprobar el uso de los recursos de alojamiento
- Considere actualizar la CDN
Ser hackeado:
- Actualice el núcleo y los complementos de WordPress inmediatamente
- Compruebe si hay cuentas de administrador sospechosas
- Escanear con Wordfence
- Restaurar desde la copia de seguridad si es necesario
Resumen: Cree su sitio web de servidor FiveM con WordPress en un alojamiento confiable, integre el estado del servidor en vivo, optimice la velocidad y mantenga la seguridad: evite lo superfluo y concéntrese en lo que convierte a los visitantes en jugadores.
