Vollständige Erklärung aller Empfehlungen: was es ist, warum es wichtig ist und wie man es umsetzt.
Die Website muss über HTTPS mit einem gültigen Zertifikat laufen.
Die Seite muss den Code 200 zurückgeben und zuverlässig erreichbar sein.
Jede Seite braucht einen einzigartigen, treffenden Titel mit 50–60 Zeichen.
Kurze Seitenbeschreibung (120–158 Zeichen) unter dem Titel in den Ergebnissen.
Schlüsselwörter in <meta name="keywords">. Google ignoriert sie, Seznam.cz kann sie berücksichtigen.
Genau ein H1 und eine logische Hierarchie der Unterüberschriften.
Bilder brauchen einen Alt-Text, ein modernes Format und Komprimierung.
Das Meta-Viewport sorgt für die korrekte Darstellung auf dem Handy.
Das Attribut lang am <html> legt die Sprache der Seite fest.
Teilt Suchmaschinen mit, welche URL-Version die Hauptversion ist.
Steuert, was Suchmaschinen crawlen und indexieren dürfen.
Steuert, wie ein geteilter Link auf Facebook, LinkedIn usw. aussieht.
Link-Vorschau auf der Plattform X (Twitter).
Maschinenlesbare Auszeichnungen, die Rich Results freischalten.
Geschwindigkeit ist ein Ranking-Faktor und ein zentrales UX-Element.
Funktionierende Links und sinnvolle interne Verlinkung.
Website-Symbol im Tab und in den mobilen Ergebnissen.
Kurze, lesbare und logische Adressen mit Keywords.
Ausreichend umfangreicher, lesbarer und einzigartiger Inhalt.
Ein synchrones <script> blockiert das Rendern, verzögere es.
CSS und JS im Header, die das erste Rendern bremsen.
Großes CSS im Header verzögert das Rendern.
Ohne Komprimierung wird unnötig viel Datenvolumen übertragen.
Komprimierung ist nicht aktiv, aktiviere Gzip/Brotli.
Statische Dateien sollen beim Besucher gespeichert werden.
Lade Bilder außerhalb des Bildschirms erst beim Scrollen.
WebP und AVIF sind 25–50 % kleiner als JPEG/PNG.
Die Zeit, bis der Server das erste Byte der Antwort sendet.
Eine zu große Seite lädt langsam.
Die Seite ist groß, entlaste sie.
Viele Dateien = viele Requests = langsamerer Start.
Fasse Styles zusammen und minifiziere sie.
Großes JS verzögert und belastet den Prozessor des Geräts.
Zu viele HTML-Elemente verlangsamen das Rendern.
Die Anzahl der Elemente überschreitet ein vernünftiges Maß.
Viel style="..." verschlechtert Cache und Wartung.
Viele <script> direkt im HTML blockieren und lassen sich nicht cachen.
Ohne Bildabmessungen springt das Layout (CLS).
Wichtige Ressourcen lassen sich über rel="preload" früher laden.
HTTP/2 und HTTP/3 sind schneller als das alte HTTP/1.1.
Verbiete dem Nutzer niemals das Heranzoomen der Seite.
Grundtext mindestens 16px, Kleintext mindestens 12px.
Klickbare Elemente müssen lesbar und leicht zu treffen sein.
Bevorzuge rem/em vor festen px bei Schriftgrößen.
Text muss ausreichenden Kontrast haben (WCAG AA 4,5:1).
Bilder müssen ohne horizontales Scrollen auf das Handy passen.
Liste von URLs für Suchmaschinen, hilft bei schnellerer Indexierung.
Wie die Seite in den Google-Ergebnissen aussieht.
Teilt Google mit, welche Sprachversion zu welchem Publikum gehört.
Google bewertet primär die mobile Version (mobile-first).
HTTPS, Sicherheits-Header und Schutz der Besucher.
Kurze 301-Ketten, keine Schleifen.
Übersicht über CMS, Frameworks und Bibliotheken der Website.
Eine Website, die auch für Menschen mit Behinderung nutzbar ist.
Cookie-Einwilligung und Schutz personenbezogener Daten.
Korrekte DNS-Einträge und ein gültiges SSL-Zertifikat.
Links, die auf 404 führen, verderben UX und Crawl.
Damit dich ChatGPT, Gemini, Perplexity und andere zitieren.