Spare 20 % mit WELCOMEAngebote ansehen
Gaming Server Website

Wie du eine Website für deinen Gaming-Server erstellst

Lesezeit: 12 Minuten | Technisches Niveau: Anfänger-Mittelstufe

Bei Verwendung von FiveM: Stell sicher, dass du dein FiveM-Server bereits einsatzbereit, bevor du fortfährst.

Du hast einen Gaming-Server. Jetzt brauchst du eine Website, die nicht aussieht, als wäre sie 2005 erstellt worden. Dieser Leitfaden räumt mit dem Blödsinn auf und zeigt dir genau wie du eine professionelle Server-Website baust, die Besucher tatsächlich in Spieler verwandelt.

Was du tatsächlich brauchst, bevor du beginnst

  • Funktionierender Spieleserver mit mindestens 10 aktiven Spielern (baue keine Website für einen leeren Server)
  • $15-50/Monat Budget für Hosting und Domain
  • 2-8 Stunden je nach Komplexität
  • Grundlegende Fähigkeiten zur Dateiverwaltung (wenn du FiveM-Ressourcen installieren kannst, kannst du das auch)

Schritt 1: Überspringe den Planungs-BS – Hier ist, was funktioniert

Wichtige Website-Ziele

Deine Website sollte drei Dinge tun:

  1. Serverstatus anzeigen (online/offline, Spieleranzahl)
  2. Anzeigeregeln und -funktionen (was macht deinen Server einzigartig)
  3. Spieler verbinden (Discord-Einladung, Foren oder beides)

Alles andere ist optional.

Plattformentscheidung (2 Minuten)

Verwenden WordPress. Hier ist der Grund:

  • 43% des Webs läuft darauf
  • Jeder Hosting-Anbieter unterstützt es
  • Tausende spielspezifische Plugins
  • Aktive Entwickler-Community

Überspringe Wix, Squarespace und benutzerdefiniertes HTML, es sei denn, du hast spezifische technische Anforderungen.

WordPress herunterladen

Schritt 2: Hosting, das nicht abstürzt, wenn du 100 Spieler erreichst

Empfohlene Hosts (getestet mit echten FiveM-Sites)

Für die meisten Server:

  • Hetzner Cloud – 4,51 €/Monat, deutsche Ingenieurskunst, 20 TB Datenverkehr
  • DigitalOcean – $6/Monat, WordPress mit einem Klick, hervorragende Betriebszeit

Für Server mit hohem Datenverkehr (mehr als 500 Besucher täglich):

  • Vultr Hochfrequenz – $12/Monat, NVMe-Speicher, 32 GB RAM verfügbar
  • OVHcloud – 5,52 €/Monat, DDoS-Schutz inklusive

Vermeiden: GoDaddy, Hostinger, jedes „unbegrenzte“ Hosting (es ist nie wirklich unbegrenzt)

Domänenregistrierung

  • Verwenden Namecheap oder Cloudflare-Registrar
  • Erwarte $10-15/Jahr für .com-Domains
  • Überlege dir .gg oder .net, wenn .com bereits vergeben ist

Schritt 3: WordPress-Setup (15 Minuten)

Schnellinstallation über SSH

# Verbinde dich mit deinem Server
ssh root@dein-server-ip

# System aktualisieren
apt update && apt upgrade -y

# Installiere LAMP-Stack
apt install apache2 mysql-server php php-mysql libapache2-mod-php -y

# Lade WordPress herunter
cd /var/www/html
wget https://wordpress.org/latest.tar.gz
tar -xzvf latest.tar.gz
mv wordpress/* .
rm -rf wordpress latest.tar.gz

# Setze Berechtigungen
chown -R www-data:www-data /var/www/html
chmod -R 755 /var/www/html

Datenbank-Setup

mysql -u root -p DATENBANK fivem_site ERSTELLEN; BENUTZER „fivem_user“@„localhost“ ERSTELLEN, IDENTIFIZIERT DURCH „starkes_passwort_hier“; ALLE PRIVILEGIEN AUF fivem_site.* AN „fivem_user“@„localhost“ GEWÄHREN; PRIVILEGIEN LÖSCHEN; BEENDEN;

Warnung: Ändere ‘strong_password_here’ in ein tatsächlich starkes Passwort. Verwende einen Passwortgenerator.

Schritt 4: Nur essentielle Plugins

Installiere diese über das WordPress Admin-Panel (Plugins > Neu hinzufügen):

Nützliche Plugins

  1. Rangmath – für SEO
  2. WP Fastest Cache – Verhindert Serverüberlastung
  3. Wordfence-Sicherheit – Blockiert Script-Kiddies
  4. UpdraftPlus – Automatisierte Backups

Für erweiterte Funktionen

Schritt 5: Themenauswahl (Überdenke das nicht zu sehr)

Beste Gaming-Themen (getestet)

Kostenlose Optionen:

Premium-Optionen ($30-60):

  • Gwangi – Funktioniert gut für RP-Server

Setup-Beispiel (Astra):

// Füge functions.php für die benutzerdefinierte Serverintegration hinzu
function display_server_status() {
 $server_ip = 'dein.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">';
 echo '<h3>&#039; . $info[&#039;vars&#039;][&#039;sv_projectName&#039;] . &#039;</h3>';
 echo '<p>Spieler: &#039; . count($players) . &#039;/&#039; . $info[&#039;vars&#039;][&#039;sv_maxClients&#039;] . &#039;</p>';
 echo '</div>&#039;; } add_shortcode(&#039;fivem_status&#039;, &#039;server_status_anzeigen&#039;);

Schritt 6: Einrichten kritischer Seiten

Homepage-Struktur

- Heldenbereich: Servername + Schaltfläche „Beitreten“ - Live-Status-Widget - Funktionskarten (3–4 einzigartige Serverfunktionen) - Aktuelle Updates/Neuigkeiten - Discord-Widget

Erforderliche Seiten

  1. Regeln – Klar, nummeriert, kein Anwaltsjargon
  2. Wie man beitritt – Schritt für Schritt mit Screenshots
  3. Spenden – Transparente Vergünstigungsliste, kein Pay-to-Win
  4. Mitarbeiter/Bewerben – Aktuelles Personal, Bewerbungsprozess

Interne Linkstruktur

Link zu relevanten FiveM-Ressourcen:

Schritt 7: Server-Integrationscode

Live-Serverdaten anzeigen

Füge zu deinem Thema hinzu functions.php:

function 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
 ];
}

// Usage in template
$server_data = get_fivem_server_data('185.25.25.25', '30120');
if ($server_data) {
 echo "Players Online: " . count($server_data['players']) . "/" . $server_data['info']['vars']['sv_maxClients'];
}

Integration der Spieler-Bestenliste

-- Beispiel-Tabellenstruktur für Statistiken
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
);

Schritt 8: Leistungsoptimierung

Cloudflare-Setup (kostenlos)

  1. Site hinzufügen zu Cloudflare
  2. Aktiviere diese Einstellungen:
    • Automatisch minimieren (alle Optionen)
    • Brotli-Komprimierung
    • Browser-Cache TTL: 4 Stunden
    • Immer Online™

Bildoptimierung

# WebP-Konverter installieren
apt install webp

# Bilder konvertieren
for file in *.{jpg,png}; do
 cwebp -q 80 "$file" -o "${file%.*}.webp"
done

Kritisches CSS

Zu header.php hinzufügen:

/* 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}

Schritt 9: Sicherheitshärtung

WordPress-Sicherheit

// Zu wp-config.php hinzufügen
define('DISALLOW_FILE_EDIT', true);
define('WP_AUTO_UPDATE_CORE', true);
define('FORCE_SSL_ADMIN', true);

// Login-Fehler verstecken
add_filter('login_errors', function($error) {
 return 'Login fehlgeschlagen';
});

.htaccess-Schutz

# XML-RPC blockieren

 Order Allow,Deny
 Deny from all


# wp-config schützen

 Order Allow,Deny
 Deny from all


# Benutzer-Enumeration blockieren
RewriteCond %{REQUEST_URI} !^/wp-admin [NC]
RewriteCond %{QUERY_STRING} author=\d
RewriteRule ^ /? [L,R=301]

Schritt 10: Checkliste starten

  • [ ] Test-Site auf Mobilgeräten (50% des Datenverkehrs sind mobil)
  • [ ] Serverstatus-Widget funktioniert
  • [ ] Discord-Einladungslink aktiv
  • [ ] Kontaktformular getestet
  • [ ] SSL-Zertifikat aktiv
  • [ ] Backup-System konfiguriert
  • [ ] Analytics installiert (GA4 oder Matomo)
  • [ ] Sitemap an Google übermittelt

Häufige Fehler, die du vermeiden solltest

  1. Automatische Wiedergabe von Musik/Videos – Sofortiger Besucherabsprung
  2. Erzwungene Registrierung zum Anzeigen von Inhalten – Tötet das Engagement
  3. Kopieren von Inhalten anderer Server – Google bestraft doppelte Inhalte
  4. Keine mobile Optimierung – Die meisten Spieler surfen auf Telefonen
  5. Langsame Ladezeiten – 3+ Sekunden = verlorene Besucher

Wartungsplan

Täglich: Widget „Serverstatus prüfen“ Wöchentlich: Inhalte aktualisieren, Neuigkeiten veröffentlichen Monatlich: Vollständige Sicherung, Sicherheitsscan, Plugin-Update Vierteljährlich: Leistungsprüfung, Prüfung auf defekte Links

Nächste Schritte

  1. Aufstellen Google Analytics 4
  2. Erstellen Google Search Console Konto
  3. Baue eine E-Mail-Liste für Updates
  4. Integriere mit deinem FiveM Server Mods (interner Linkvorschlag)

Fehlerbehebung

Serverstatus wird nicht angezeigt:

  • Überprüfe, ob die Firewall Verbindungen zu den Ports 30120/30110 erlaubt
  • Verifizieren sv_master1 wird in server.cfg festgelegt
  • Testendpunkt: http://your-ip:30120/info.json

Website läuft langsam:

  • Caching-Plugin aktivieren
  • Bilder komprimieren
  • Überprüfen der Hosting-Ressourcennutzung
  • CDN-Upgrade in Betracht ziehen

Gehackt werden:

  • Aktualisiere WordPress-Kern/Plugins sofort
  • Überprüfe verdächtige Admin-Konten
  • Scannen mit Wordfence
  • Bei Bedarf aus der Sicherung wiederherstellen

Zusammenfassung: Baue deine FiveM-Server-Website mit WordPress auf zuverlässigen Hosting, integriere den Live-Server-Status, optimiere die Geschwindigkeit und halte die Sicherheit aufrecht – überspringe den Fluff und konzentriere dich darauf, was Besucher in Spieler umwandelt.

Schreibe einen Kommentar