$ USD
Comment créer un site Web pour votre serveur de jeu
Temps de lecture : 12 minutes | Niveau technique : Débutant-Intermédiaire
Si vous utilisez FiveM : Assurez-vous d'avoir votre Le serveur FiveM est déjà opérationnel, avant de continuer.
Vous avez un serveur de jeu. Il vous faut maintenant un site web qui ne semble pas avoir été créé en 2005. Ce guide vous explique clairement comment procéder. comment créer un site Web de serveur professionnel qui convertit réellement les visiteurs en joueurs.
Ce dont vous avez réellement besoin avant de commencer
- Serveur de jeu fonctionnel avec au moins 10 joueurs actifs (ne créez pas de site Web pour un serveur vide)
- Budget $15-50/mois pour l'hébergement et le domaine
- 2 à 8 heures selon la complexité
- Compétences de base en gestion de fichiers (si vous pouvez installer les ressources FiveM, vous pouvez le faire)
Étape 1 : Oubliez les complications de planification – Voici ce qui fonctionne
Objectifs de site Web qui comptent
Votre site Web doit faire trois choses :
- Afficher l'état du serveur (en ligne/hors ligne, nombre de joueurs)
- Règles et fonctionnalités d'affichage (ce qui rend votre serveur différent)
- Connecter les joueurs (Invitation Discord, forums ou les deux)
Tout le reste est facultatif.
Décision de la plateforme (2 minutes)
Utiliser WordPress. Voici pourquoi :
- 43% du Web fonctionne dessus
- Chaque hébergeur le prend en charge
- Des milliers de plugins spécifiques aux jeux
- Communauté de développeurs active
Évitez Wix, Squarespace et le HTML personnalisé, sauf si vous avez des exigences techniques spécifiques.
Étape 2 : un hébergement qui ne plantera pas lorsque vous atteindrez 100 joueurs
Hébergeurs recommandés (testés avec de vrais sites FiveM)
Pour la plupart des serveurs :
- Nuage de Hetzner – 4,51 €/mois, ingénierie allemande, trafic de 20 To
- DigitalOcean – $6/mois, WordPress en un clic, excellent temps de disponibilité
Pour les serveurs à fort trafic (plus de 500 visiteurs quotidiens) :
- Vultr Haute Fréquence – $12/mois, stockage NVMe, 32 Go de RAM disponibles
- OVHcloud – 5,52 €/mois, protection DDoS incluse
Éviter: GoDaddy, Hostinger, tout hébergement « illimité » (il n'est jamais vraiment illimité)
Enregistrement de domaine
- Utiliser Nom bon marché ou Bureau d'enregistrement Cloudflare
- Prévoyez $10-15/an pour les domaines .com
- Envisagez .gg ou .net si .com est pris
Étape 3 : Configuration de WordPress (15 minutes)
Installation rapide via SSH
# Connectez-vous à votre serveur ssh root@votre-ip-serveur # Mettre à jour le système apt update && apt upgrade -y # Installer la pile LAMP apt install apache2 mysql-server php php-mysql libapache2-mod-php -y # Télécharger 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 # Définir les permissions chown -R www-data:www-data /var/www/html chmod -R 755 /var/www/html
Configuration de la base de données
mysql -u root -p CREATE DATABASE fivem_site; CREATE USER 'fivem_user'@'localhost' IDENTIFIED BY 'strong_password_here'; GRANT ALL PRIVILÈGES SUR fivem_site.* TO 'fivem_user'@'localhost'; FLUSH PRIVILÈGES; EXIT;
Avertissement: Remplacez « strong_password_here » par un mot de passe fort. Utilisez un générateur de mots de passe.
Étape 4 : Plugins essentiels uniquement
Installez-les via le panneau d'administration WordPress (Plugins > Ajouter un nouveau) :
Plugins indispensables
- Rankmath – pour le référencement
- Cache le plus rapide de WP – Empêche la surcharge du serveur
- Sécurité Wordfence – Bloque les scripts kiddies
- UpdraftPlus – Sauvegardes automatisées
Pour les fonctionnalités avancées
- Membre ultime – Enregistrement/profils des utilisateurs
- bbPress – Forums (si vous n'utilisez pas Discord)
- GiveWP – Système de don
Étape 5 : Sélection du thème (ne réfléchissez pas trop)
Meilleurs thèmes de jeu (testés)
Options gratuites :
- Astra + Démo de jeu – Rapide, propre, fonctionne
- Blocksy – Moderne, bon support mobile
Options Premium ($30-60) :
- Gwangi – Fonctionne bien pour les serveurs RP
Exemple de configuration (Astra) :
// Ajouter à functions.php pour l'intégration de serveur personnalisé 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">'; écho '<h3>' . $info['vars']['sv_projectName'] . '</h3>'; écho '<p>Joueurs : ' . count($players) . '/' . $info['vars']['sv_maxClients'] . '</p>'; écho '</div>'; } add_shortcode('fivem_status', 'display_server_status');
Étape 6 : Configuration des pages critiques
Structure de la page d'accueil
- Section Héros : Nom du serveur + bouton Rejoindre - Widget de statut en direct - Cartes de fonctionnalités (3 à 4 fonctionnalités de serveur uniques) - Mises à jour/actualités récentes - Widget Discord
Pages requises
- Règles – Clair, numéroté, aucun avocat ne parle
- Comment adhérer – Étape par étape avec captures d’écran
- Dons – Liste d’avantages transparente, pas de paiement pour gagner
- Personnel/Candidature – Personnel actuel, processus de candidature
Structure de liens internes
Lien vers les ressources FiveM pertinentes :
- Parcourir les mods FiveM
- Guides d'hébergement de serveurs
- Tutoriels d'installation de scripts
Étape 7 : Code d'intégration du serveur
Afficher les données du serveur en direct
Ajoutez à votre thème fonctions.php:
fonction get_fivem_server_data($ip, $port) { $context = stream_context_create([ "http" => [ "timeout" => 5, ] ]); $players_json = @file_get_contents("http://{$ip}:{$port}/players.json", false, $context); $info_json = @file_get_contents("http://{$ip}:{$port}/info.json", false, $context); if (!$players_json || !$info_json) { return false; } return [ 'players' => json_decode($players_json, true), 'info' => json_decode($info_json, true), 'online' => true ]; } // Utilisation dans le modèle $server_data = get_fivem_server_data('185.25.25.25', '30120'); if ($server_data) { echo "Joueurs en ligne : " . count($server_data['players']) . "/" . $server_data['info']['vars']['sv_maxClients']; }
Intégration du classement des joueurs
-- Exemple de structure de table pour les statistiques 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, deaths INT DEFAULT 0, last_seen TIMESTAMP DEFAULT CURRENT_TIMESTAMP );
Étape 8 : Optimisation des performances
Configuration de Cloudflare (gratuite)
- Ajouter un site à Cloudflare
- Activez ces paramètres :
- Minification automatique (toutes les options)
- Compression Brotli
- Cache du navigateur TTL : 4 heures
- Toujours en ligne™
Optimisation d'image
# Installer le convertisseur WebP apt install webp # Convertir des images pour un fichier au format *.{jpg,png} ; faire cwebp -q 80 "$file" -o "${file%.*}.webp" terminé
CSS critique
Ajouter à 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}
Étape 9 : Renforcement de la sécurité
Sécurité WordPress
// Ajouter à wp-config.php define('DISALLOW_FILE_EDIT', true); define('WP_AUTO_UPDATE_CORE', true); define('FORCE_SSL_ADMIN', true); // Masquer les erreurs de connexion add_filter('login_errors', function($error) { return 'Échec de la connexion'; });
Protection .htaccess
Bloc # XML-RPC Ordre Autoriser, Refuser Refuser de tous # Protéger wp-config Ordre Autoriser, Refuser Refuser de tous # Bloquer l'énumération des utilisateurs RewriteCond %{REQUEST_URI} !^/wp-admin [NC] RewriteCond %{QUERY_STRING} author=\d RewriteRule ^ /? [L,R=301]
Étape 10 : Liste de contrôle de lancement
- [ ] Site de test sur mobile (50% du trafic est mobile)
- [ ] Widget d'état du serveur en fonctionnement
- [ ] Lien d'invitation Discord actif
- [ ] Formulaire de contact testé
- [ ] Certificat SSL actif
- [ ] Système de sauvegarde configuré
- [ ] Analytics installé (GA4 ou Matomo)
- [ ] Plan du site soumis à Google
Erreurs courantes à éviter
- Lecture automatique de musique/vidéos – Rebond instantané des visiteurs
- Inscription forcée pour visualiser le contenu – Tue l’engagement
- Copier le contenu d'autres serveurs – Google pénalise le contenu dupliqué
- Aucune optimisation mobile – La plupart des joueurs naviguent sur leurs téléphones
- Temps de chargement lents – 3 secondes et plus = visiteurs perdus
Calendrier d'entretien
Tous les jours: Vérifier le widget d'état du serveur Hebdomadaire: Mettre à jour le contenu, publier des nouvelles Mensuel: Sauvegarde complète, analyse de sécurité, mise à jour des plugins Trimestriel: Audit de performance, vérification des liens brisés
Prochaines étapes
- Installation Google Analytics 4
- Créer Google Search Console compte
- Créer une liste de diffusion pour les mises à jour
- Intégrez-vous à vos mods de serveur FiveM (suggestion de lien interne)
Dépannage
L'état du serveur ne s'affiche pas :
- Vérifiez que le pare-feu autorise les connexions aux ports 30120/30110
- Vérifier
sv_master1est défini dans server.cfg - Point final du test :
http://your-ip:30120/info.json
Le site fonctionne lentement :
- Activer le plugin de mise en cache
- Compresser les images
- Vérifier l'utilisation des ressources d'hébergement
- Envisagez une mise à niveau du CDN
Se faire pirater :
- Mettre à jour le noyau/les plugins WordPress immédiatement
- Vérifiez les comptes administrateurs suspects
- Numériser avec Wordfence
- Restaurer à partir d'une sauvegarde si nécessaire
Résumé: Créez votre site Web de serveur FiveM avec WordPress sur un hébergement fiable, intégrez l'état du serveur en direct, optimisez la vitesse et maintenez la sécurité : évitez les superflus et concentrez-vous sur ce qui convertit les visiteurs en joueurs.
