SEO für Webdesigner: Onpage- und Launch-Checkliste

WEB DESIGN · TECHNIK · INHALTE

Gutes Webdesign macht Inhalte verständlich, erreichbar und nutzbar. SEO gehört deshalb in die Planung, in die Seitenvorlagen und in die Abnahme – nicht erst in die letzte Plugin-Prüfung.

Diese Checkliste bündelt Onpage-Optimierung, Überschriften und technische Launch-Aufgaben. Sie unterscheidet, was vor der Veröffentlichung stimmen muss, was bei jeder Seite geprüft wird und was anschließend kontrolliert werden sollte.

Vor dem Design: Seitenaufgaben und Struktur festlegen

Ordne jeder wichtigen Leserfrage eine passende Seite zu. Eine Leistungsseite erklärt Angebot und Zusammenarbeit, ein Ratgeber unterstützt die Recherche und eine Fallstudie zeigt nachvollziehbare Umsetzung. Diese Aufgaben dürfen miteinander verknüpft sein, sollten sich aber nicht ständig wiederholen.

Plane die Navigation aus Sicht der Nutzer. Wichtige Leistungen müssen ohne Umwege erreichbar sein; ein tieferer Fachartikel darf in einem sinnvoll gegliederten Themenbereich liegen. Eine pauschale Obergrenze von zwei, drei oder vier Ebenen ersetzt diese Prüfung nicht.

Beim Relaunch gehört der bestehende URL-Bestand in die Planung. Dokumentiere für jede relevante Adresse, ob sie bestehen bleibt, verbessert wird oder einen passenden Ersatz erhält. Prüfe vorher Suchleistung, andere Nutzung und externe Verweise. Die strategische Priorisierung beschreibt unsere SEO-Roadmap.

URLs verständlich und beständig gestalten

Wähle lesbare, beschreibende Adressen und eine einheitliche bevorzugte Domainvariante. Sowohl mit als auch ohne „www“ ist möglich; entscheidend ist eine konsistente Umsetzung. Ändere eine funktionierende Adresse nicht bloß, um sie etwas kürzer zu machen. Ein Keyword näher am Domainnamen garantiert kein besseres Ranking.

Technische Freigabe: Erreichbarkeit ist nicht dasselbe wie Indexierung

Kontrolliere HTTPS, Serverantwort, Zugriff und die tatsächlich ausgelieferte Seite. Eine beabsichtigte öffentliche Inhaltsseite sollte erreichbar sein und keine versehentliche Sperre aus der Entwicklungsumgebung übernehmen. Sucheinstellungen im CMS, SEO-Plugin, HTTP-Header und robots.txt müssen gemeinsam betrachtet werden.

Vier Mechanismen, die nicht verwechselt werden dürfen
MechanismusAufgabe und wichtige Grenze
robots.txtSteuert den Abruf durch kooperierende Crawler. Eine gesperrte URL ist damit nicht zuverlässig aus Suchergebnissen entfernt.
noindexFordert den Ausschluss aus dem Index. Der Crawler muss die Seite abrufen können, um die Regel im Meta-Tag oder HTTP-Header zu erkennen.
CanonicalKennzeichnet eine bevorzugte Version bei gleichen oder sehr ähnlichen Inhalten. Es ist keine Besucherweiterleitung und kein garantierter Google-Entscheid.
Dauerhafte WeiterleitungFührt eine alte Adresse zum passenden Ersatz. Ziel, Statuscode und mögliche Ketten müssen geprüft werden.

Die technischen Grundlagen erläutern Google zu noindex und zur kanonischen URL. Für konkrete CMS-Einstellungen nutze zusätzlich unseren Canonical-Leitfaden.

Vorlagen, JavaScript und Sitemap prüfen

Prüfe repräsentative Seitentypen, nicht nur die Startseite: Ratgeber, Leistung, Kategorie und gegebenenfalls Produkt oder Sprachversion. Vergleiche Quelltext und gerenderten Inhalt. Zentrale Informationen sollten nicht erst nach einer Nutzeraktion nachgeladen werden, wenn sie für das Verständnis der Seite benötigt werden.

Die XML-Sitemap sollte die bevorzugten, zur Indexierung vorgesehenen URLs enthalten. Sie ersetzt keine interne Navigation und garantiert keine Aufnahme in den Index. Eine kleine Zahl von Suchergebnissen bei einer site-Abfrage ist ebenfalls kein vollständiges Inventar. Verwende für Einzelfälle die URL-Prüfung in der Search Console.

Nicht vorhandene Seiten dürfen nicht als scheinbar erfolgreiche Inhaltsseiten ausgegeben werden. Bei entfernten Inhalten entscheidet der tatsächliche Ersatz darüber, ob eine Weiterleitung sinnvoll ist. Nicht alles gehört auf die Startseite.

Titel, H1 und Zwischenüberschriften erfüllen unterschiedliche Aufgaben

Der HTML-Titel beschreibt die Seite unter anderem für Browser und Suchsysteme. Die sichtbare Hauptüberschrift führt in den Inhalt ein. H2 und H3 ordnen Kapitel und Unterpunkte. Plane für eine normale Artikelseite eine klar erkennbare Hauptüberschrift und wähle die folgenden Ebenen nach Inhalt – nicht nach gewünschter Schriftgröße.

In WordPress liefert häufig bereits die Vorlage den Beitragstitel als H1. Dann beginnt der eigentliche Artikeltext mit H2. Prüfe die vollständige Ausgabe, bevor du im Editor eine zusätzliche Hauptüberschrift einfügst. Title und H1 müssen nicht buchstabengetreu gleich sein, aber dieselbe Erwartung wecken.

EIGENES STRUKTURBEISPIEL

Title: Mitarbeitershop einführen: Ablauf und Voraussetzungen
H1: So führst du einen Mitarbeitershop im Unternehmen ein
H2: Welche Informationen brauchen wir vor dem Start?
H3: Lieferadressen und Freigaben festlegen
H2: Wie funktioniert die erste Testbestellung?

Verwende die Sprache der Zielgruppe und relevante Begriffe dort, wo sie natürlich passen. Eine Überschrift sollte den folgenden Abschnitt beschreiben. Wiederhole nicht überall dieselbe Keyword-Kombination und verspreche keine Inhalte, die der Abschnitt nicht liefert.

Eine feste Zeichenanzahl garantiert weder die vollständige Anzeige noch gute Rankings. Google kann Titel aus verschiedenen Seitensignalen bilden und sie abhängig von der Darstellung kürzen. Prüfe Verständlichkeit und Vorschau, statt die ganze Seite auf einen vermeintlich perfekten Zähler auszurichten. Grundlage sind Googles Hinweise zu Titellinks.

Die Meta-Description fasst den tatsächlichen Nutzen zusammen. Sie sollte zur Seite passen und wichtige Bedingungen nicht verschweigen. Das Suchergebnis kann dennoch einen anderen Textausschnitt verwenden. Fettdruck, emotionale Formulierungen oder eine bestimmte Plugin-Punktzahl sind keine Erfolgsgarantie.

Mobile Darstellung, Bilder und Ladeverhalten zusammen testen

Prüfe Inhalte und Funktionen auf schmalen wie breiten Ansichten: Navigation, Tabellen, Formulare, Buttons, eingebettete Medien und Einwilligungsdialoge. Wichtige Informationen dürfen nicht nur auf dem Desktop vorhanden sein. Teste zusätzlich Tastaturbedienung, sichtbaren Fokus und Vergrößerung.

Bilder verständlich und passend ausliefern

Informative Bilder benötigen einen zweckmäßigen Alternativtext. Rein dekorative Bilder erhalten einen leeren Alternativtext. Eine Keywordliste ist kein guter Bildersatz. Lege passende Abmessungen fest, vermeide unnötig große Dateien und reserviere den benötigten Platz, damit sich der Text beim Laden nicht verschiebt.

Nutze responsive Bildgrößen, statt eine riesige Datei nur per CSS kleiner anzuzeigen. Das unmittelbar sichtbare Hauptbild sollte nicht unnötig verzögert werden; weiter unten liegende Medien können bei Bedarf nachgeladen werden. Prüfe Auswirkungen von Videos, Schriften und Drittanbieterskripten.

Messwerte als Diagnose, nicht als Schönheitswettbewerb

Die Core Web Vitals betrachten Ladeverhalten, Reaktionsfähigkeit und visuelle Stabilität. Verwende die aktuelle Google-Dokumentation und unterscheide Laborprüfung von tatsächlich gemessenen Nutzerdaten. Ein guter Einzeltest beweist nicht, dass jeder Besuch schnell ist oder die Seite automatisch besser rankt.

Notiere Testgerät, Umgebung und geprüfte Vorlage. Bei auffälligen Werten priorisiere konkrete Ursachen: große Medien, blockierende Ressourcen, unnötige Skripte oder fehlende Platzreservierung. Ergänzend hilft unser Artikel zur Website-Ladezeit.

Strukturierte Daten müssen zum sichtbaren Inhalt passen

Prüfe, was Theme und SEO-Plugin bereits ausgeben. Ergänze nicht ungeprüft ein zweites Artikel- oder FAQ-Markup. Angaben wie Autor, Datum und Inhalt müssen stimmen. Eine fehlerfreie technische Prüfung garantiert keine besondere Darstellung in der Suche; dafür gelten weitere Voraussetzungen. Maßgeblich sind Googles Richtlinien zu strukturierten Daten.

Eine priorisierte Launch-Abnahme statt 40 gleich wichtiger Punkte

Eigene Arbeitsprioritäten für Entwicklung und Redaktion
PrioritätPrüfungNachweis
P1 · vor FreigabeÖffentliche Zielseiten erreichbar; keine versehentlichen Sperren; Formulare und Weiterleitungen funktionierenURL-Liste mit Status, Ziel, Prüfergebnis und Verantwortlichem
P1 · vor FreigabeMobile Hauptinhalte, Navigation, Titel und zentrale Kontaktwege vorhandenAbnahme je relevanter Seitenvorlage auf mehreren Ansichten
P2 · je InhaltLeserfrage beantwortet; logische Überschriften; Quellen, Alt-Texte und passende interne LinksRedaktionelle Freigabe und stichprobenweiser Linktest
P2 · technischCanonicals, Sitemap, strukturierte Daten und Ladeverhalten stimmigDokumentierte Prüfungen mit Datum und betroffenen URLs
P3 · nach StartSuchleistung, Nutzung und geschäftliche Ergebnisse beobachtenVergleich mit Ausgangswerten und ein priorisiertes Aufgabenboard

Lege fest, wer Fehler behebt und wer anschließend erneut prüft. „Im SEO-Plugin grün“ ist kein Abnahmeprotokoll. Bei einer Migration sollten Alt- und Zieladressen gemeinsam getestet werden, einschließlich bereits vorhandener Weiterleitungen.

Nach dem Launch: Technik und Wirkung kontrollieren

Prüfe neue Serverfehler, Indexierungsgründe und auffällige Veränderungen der wichtigsten Zielseiten. Fehlende Impressionen beweisen keine Nichtindexierung. Vergleiche außerdem passende Zeiträume und berücksichtige geänderte URLs oder saisonale Nachfrage.

Eine bessere Struktur soll nicht nur einen technischen Check bestehen. Menschen müssen Angebote verstehen und die gewünschten Aufgaben erledigen können. Verbinde Suchdaten deshalb mit sinnvollen Nutzungs- und Geschäftszielen. Das Vorgehen erklärt unser SEO-Monitoring-Leitfaden.

Für Start-ups besonders wichtig: Beginne mit wenigen, gut erklärten Leistungen und verlässlichen Abläufen. Ergänze Inhalte aus echten Kundenfragen. Eine größere Zahl von Seiten, Plugins oder automatisierten Beiträgen ist kein Ersatz für diese Grundlagen.

Onpage-, Überschriften- und Launch-Leitfäden zusammengeführt am 13.10.2026. Die Prioritäten sind eine Arbeitshilfe und keine Rankinggarantie.

Cookie Consent mit Real Cookie Banner