Webdesign oder SEO – was sollte zuerst kommen?

Die Frage wird mir regelmäßig gestellt, meist mit Budgetdruck im Hintergrund: „Sollen wir erst die Website neu machen und dann SEO machen — oder umgekehrt?" Die ehrliche Antwort ist unbequem, weil sie die Frage ablehnt: Beides getrennt zu betrachten ist der Fehler, der das Projekt teuer macht.

In diesem Beitrag zeige ich, welche Entscheidungen Design und Suchmaschinenoptimierung gemeinsam treffen müssen, an welchen Stellen die klassische Reihenfolge „erst schön, dann sichtbar" scheitert, und wie ein Vorgehen aussieht, das beides zusammenbringt.

Warum die Frage falsch gestellt ist

Webdesign und SEO wirken wie zwei Disziplinen — eine gestalterische und eine technisch-analytische. In der Praxis greifen sie aber auf dieselbe Grundlage zu: die Struktur der Website. Welche Seiten es gibt, wie sie heißen, was auf ihnen steht und wie sie verbunden sind — das ist gleichzeitig die zentrale Design- und die zentrale SEO-Entscheidung.

Wer Design zuerst abschließt, hat die Struktur bereits festgelegt, ohne über Suchverhalten nachzudachten. Wer SEO zuerst macht, optimiert eine Struktur, die gestalterisch noch nicht tragfähig ist. In beiden Fällen wird später aufgebrochen, was gerade fertig geworden ist.

Die Entscheidungen, die beide betreffen

Es hilft, konkret zu machen, wo die Überschneidung liegt. Diese Punkte lassen sich nicht sinnvoll nur aus einer Perspektive entscheiden:

Der Konflikt zwischen Spalte zwei und drei ist übrigens kleiner, als er aussieht. Bei „Textmenge" etwa wollen beide dasselbe: keinen Füllstoff, aber vollständige Antworten. Was Nutzer als hilfreich empfinden, ist weitgehend das, was Google als hilfreich bewertet — genau darauf zielen die Hinweise von Google Search Central zu hilfreichen Inhalten ab.

Seitenstruktur: die eigentliche Arbeit

Wenn ich ein Projekt beginne, ist die Struktur der erste greifbare Zwischenschritt — vor jedem Layout. Sie entsteht aus zwei Quellen:

1. Ihrem Angebot. Welche Leistungen gibt es, wie unterscheiden sie sich, welche gehören zusammen?
2. Den Fragen Ihrer Kunden. Wonach suchen Menschen, wenn sie Ihr Problem haben? In welchen Worten?

Aus der Überlagerung entsteht die Landkarte: eine Seite pro Thema, das Menschen wirklich suchen — nicht pro Abteilung Ihres Unternehmens. Das klingt banal, ist aber der häufigste Strukturfehler: Websites sind nach dem Organigramm gebaut, nicht nach Kundenfragen.

Ein häufiger Fall: die Sammel-Leistungsseite

Viele Websites haben eine einzige Seite „Leistungen", auf der fünf Angebote in Absätzen stehen. Gestalterisch wirkt das aufgeräumt. Aus Sichtbarkeitsperspektive ist es ein Problem: Für kein einzelnes Angebot existiert eine Seite, die diese Frage vollständig beantwortet. Wer nach einer konkreten Leistung sucht, findet nichts Passendes — und Sie konkurrieren mit einer Seite gegen fünf spezialisierte Seiten der Wettbewerber.

Die Lösung ist keine Textwüste, sondern eine Ebene mehr: eine Übersicht, die orientiert, plus je eine Seite, die ein Thema wirklich behandelt.

Interne Verlinkung: der unterschätzte Hebel

Interne Links sind das Bindeglied zwischen Struktur und Nutzerführung. Sie erfüllen zwei Aufgaben gleichzeitig: Sie zeigen Besuchern den nächsten sinnvollen Schritt und signalisieren Suchmaschinen, welche Seiten zusammengehören und welche wichtig sind.

Was in der Praxis zählt:

• Von allgemein zu spezifisch. Übersichtsseiten verlinken auf Detailseiten — und die Detailseiten zurück.
• Aussagekräftige Linktexte. „Mehr erfahren" sagt niemandem etwas. Der Linktext sollte benennen, wohin er führt.
• Verwandte Themen verbinden. Inhalte, die zusammen gelesen werden, sollten miteinander verlinkt sein.
• Wichtige Seiten nah halten. Was zählt, sollte in wenigen Klicks von der Startseite erreichbar sein.

Das Schöne daran: Interne Verlinkung kostet nichts außer Nachdenken — und sie ist einer der wenigen Hebel, die vollständig in Ihrer Hand liegen.

Performance und Nutzererfahrung: der gemeinsame Nenner

Hier wird die künstliche Trennung am deutlichsten. Ladezeit ist ein Design-Thema (wie schwer sind meine Bilder, brauche ich diesen Slider?), ein Technik-Thema (wie wird geladen?) und ein Sichtbarkeits-Thema zugleich. Google fasst die Nutzererfahrung in den Core Web Vitals zusammen:

Alle drei Punkte werden im Entwurf entschieden, nicht in der Optimierung danach. Wer nachträglich Ladezeit „reparieren" muss, entfernt meist gestalterische Entscheidungen — also bezahlte Arbeit.

Was Rankings tatsächlich beeinflusst

Rund um Rankingfaktoren kursiert viel Halbwissen. Ohne Anspruch auf Vollständigkeit: Die Bereiche, in denen Sie durch gutes Bauen wirklich etwas beeinflussen, sind überschaubar.

• Inhaltliche Passung. Beantwortet die Seite die Frage, mit der jemand gesucht hat — vollständig und verständlich?
• Struktur und Erschließbarkeit. Können Suchmaschinen alle relevanten Seiten finden und ihre Beziehung verstehen?
• Technische Grundlagen. Saubere Titel und Beschreibungen, sinnvolle Überschriften, strukturierte Daten, funktionierende Weiterleitungen, mobile Nutzbarkeit.
• Nutzererfahrung. Ladezeit, Stabilität, Bedienbarkeit — messbar über die Core Web Vitals.
• Vertrauenswürdigkeit. Nachvollziehbare Angaben zum Anbieter, echte Erfahrung im Inhalt, belegbare Aussagen.

Vier von fünf Punkten sind Bauentscheidungen. Genau deshalb ist SEO keine Leistung, die man „danach dazubucht" — sondern eine Perspektive, die beim Bauen dabei sein muss.

Typische Fehler in der Praxis

• Erst Design abnehmen, dann SEO beauftragen. Die Struktur steht dann schon — Änderungen kosten doppelt.
• Keywords in fertige Texte „einbauen". Das erzeugt holprige Sprache statt passender Inhalte.
• Alles auf die Startseite. Eine Seite kann nicht auf fünf verschiedene Suchbedürfnisse antworten.
• URLs beim Relaunch ändern, ohne weiterzuleiten. Der häufigste Grund für plötzliche Sichtbarkeitsverluste.
• Inhalte in Bildern. Was als Grafik vorliegt, ist als Text nicht vorhanden.
• Nichts messen. Ohne Zahlen bleibt jede Diskussion Geschmacksfrage.

Die Reihenfolge, die funktioniert

1. Ausrichtung. Ziele, Zielgruppe, Botschaft. Was soll die Website leisten?
2. Themen & Suchbedürfnisse. Wonach suchen Ihre Kunden, in welchen Worten, mit welcher Absicht?
3. Struktur. Seitenlandkarte, Navigation, URL-Logik, interne Verlinkung — hier arbeiten Design und SEO gemeinsam.
4. Inhalte. Pro Seite ein Thema, vollständig beantwortet, in klarer Sprache.
5. Design. Gestaltung, die diese Struktur trägt und den Blick lenkt.
6. Technik & Messung. Performance, strukturierte Daten, Auswertung — und nach dem Launch beobachten.

Checkliste für Ihr Projekt

• Ist vor dem Design festgelegt, welche Seiten es geben soll — und warum?
• Gibt es pro wichtigem Suchbedürfnis eine eigene Seite?
• Sind die URLs sprechend und darauf ausgelegt, stabil zu bleiben?
• Ist geplant, wie die Seiten untereinander verlinkt werden?
• Hat jede Seite genau eine H1 und eine logische Zwischentitel-Struktur?
• Sind Ladezeit-Entscheidungen (Bilder, Schriften, Slider) bewusst getroffen?
• Existiert bei einem Relaunch eine Liste aller alten URLs mit Weiterleitungsziel?
• Ist vor dem Launch geklärt, wie und wann gemessen wird?

Der Relaunch-Fehler, der Sichtbarkeit vernichtet

Es gibt einen Moment, in dem Design und Suchmaschinenoptimierung unweigerlich zusammenfallen: den Tag, an dem die neue Website live geht. Wenn sich dabei Adressen ändern — und bei einer neuen Struktur ändern sie sich fast immer — dann entscheidet eine unscheinbare technische Maßnahme darüber, ob Sie Ihre bisherige Sichtbarkeit behalten oder bei null anfangen: die Weiterleitung.

Jede alte Adresse, die in Suchergebnissen, Verzeichnissen, Newslettern oder auf fremden Seiten verlinkt ist, muss dauerhaft auf ihr neues Gegenstück zeigen. Technisch nennt man das eine 301-Weiterleitung: „dauerhaft umgezogen". Fehlt sie, landen Besucher und Suchmaschinen auf einer Fehlerseite — und das über Jahre aufgebaute Vertrauen in diese Adresse verfällt.

Was vor dem Live-Gang stehen muss:

• Eine vollständige Liste aller alten Adressen. Nicht nur die, die Sie im Menü sehen — auch alte Unterseiten, alte Blogbeiträge, Seiten mit und ohne www.
• Für jede Adresse ein Ziel. Idealerweise die inhaltlich entsprechende neue Seite. Wenn es keine gibt, die nächstpassende Übersichtsseite — nicht pauschal die Startseite, denn das wertet Suchmaschinen als Themenverlust.
• Eine Prüfung nach dem Live-Gang. Jede Weiterleitung einmal aufrufen. Ketten aus mehreren Umleitungen hintereinander auflösen.
• Eine eigene Fehlerseite. Was trotzdem ins Leere läuft, sollte auf einer 404-Seite landen, die weiterhilft statt nur zu bedauern.

Deshalb gehört die Adressplanung in die Strukturphase und nicht in die Woche vor dem Launch. Wer die Seitenstruktur festlegt, legt gleichzeitig die Adressen fest — und damit, was weitergeleitet werden muss.

Den vollständigen Ablauf mit Checkliste beschreibt Website-Relaunch: wann er sinnvoll ist.

Inhalte: die Suchintention entscheidet, nicht das Stichwort

Ein Missverständnis, das sich hartnäckig hält: Man müsse ein Stichwort möglichst oft auf einer Seite unterbringen. Das war vor fünfzehn Jahren eine Taktik und ist heute ein Risiko. Suchmaschinen bewerten längst, ob eine Seite die Absicht hinter einer Suche erfüllt.

Dieselbe Formulierung kann drei völlig verschiedene Absichten haben. Wer „Website Kosten" sucht, will eine Orientierung — keine Verkaufsseite. Wer „Webdesigner beauftragen" eingibt, ist bereit zu handeln. Wer nach einem Firmennamen sucht, will genau diese Firma. Wenn Ihre Seite auf die falsche Absicht antwortet, hilft kein Stichwort.

Praktisch heißt das:

• Eine Seite, eine Frage. Wenn Sie beim Schreiben nicht benennen können, welche eine Frage die Seite beantwortet, hat sie noch keinen Fokus.
• Überschriften als Gerüst, nicht als Dekoration. Wer nur die Überschriften liest, sollte den Inhalt verstehen. Das hilft Menschen beim Überfliegen und Suchmaschinen beim Einordnen — dasselbe Mittel für beide Zwecke.
• Die Antwort zuerst. Nicht erst nach vier Absätzen Anlauf. Wer eine Frage hat, will sie beantwortet sehen und liest den Hintergrund danach.
• Sprechen wie Ihre Kunden. Nicht wie Ihre Branche. Fachbegriffe, die Ihre Kunden nicht eingeben, findet auch niemand.

Für die erste dieser drei Absichten gibt es hier eine eigene Antwort: Was kostet eine professionelle Website?

Bilder: wo Gestaltung und Sichtbarkeit sich direkt berühren

Kaum ein Bereich zeigt die Verzahnung von Design und Suchmaschinen so deutlich wie der Umgang mit Bildern. Gestalterisch tragen sie die halbe Wirkung einer Seite. Technisch sind sie fast immer der größte Posten beim Seitengewicht — und damit der häufigste Grund für langsame Seiten.

Ein unbearbeitetes Foto aus der Kamera bringt schnell mehrere Megabyte mit. Auf einer Seite mit acht solchen Bildern lädt der Besucher ein Vielfaches dessen, was nötig wäre. Am Mobilfunknetz entscheidet das darüber, ob er bleibt.

Was jedes Bild auf einer Website braucht:

• Die richtige Größe. Ein Bild, das 800 Pixel breit dargestellt wird, muss nicht 4000 Pixel breit geliefert werden.
• Ein modernes Format. WebP oder AVIF liefern bei gleicher Bildwirkung einen Bruchteil der Dateigröße von JPEG.
• Feste Abmessungen im Code. Ohne Breite und Höhe springt das Layout beim Laden — Besucher verklicken sich, und Suchmaschinen bewerten es als Instabilität.
• Einen beschreibenden Alternativtext. Er macht das Bild für Screenreader zugänglich und für die Bildersuche auffindbar. „bild1.jpg" hilft niemandem.
• Sprechende Dateinamen. werkstatt-motorpruefstand.webp sagt mehr als IMG_4821.webp.

Der letzte Punkt klingt nebensächlich, ist aber ein guter Test für die Arbeitsweise eines Dienstleisters: Wer Bilder unbearbeitet hochlädt, hat entweder keine Zeit für Details oder kennt den Zusammenhang nicht.

Alternativtexte sind zugleich der Kern der Barrierefreiheit — welcher Maßstab dort gilt, steht in Barrierefreiheit für Websites: wer muss, wer sollte.

Woran Sie erkennen, ob es funktioniert

Nach dem Live-Gang beginnt der Teil, den die meisten überspringen: das Nachsehen. Ohne Zahlen bleibt jede Einschätzung Gefühl — und Gefühl irrt bei Websites besonders zuverlässig.

Das wichtigste Werkzeug dafür kostet nichts und setzt keine Cookies: die Google Search Console. Sie zeigt, mit welchen Suchanfragen Menschen auf Ihre Seite kommen, wie oft Ihre Seite in Ergebnissen erscheint, wie oft darauf geklickt wird und welche Seiten überhaupt in den Index aufgenommen wurden.

Welche Fragen dabei am häufigsten aufkommen — von der Dauer bis zur Betreuung nach dem Launch — steht in den häufigen Fragen.

Wichtig ist die Geduld: Strukturelle Änderungen zeigen selten in Tagen Wirkung, sondern in Wochen bis Monaten. Wer jede Woche nachjustiert, verwechselt Schwankung mit Ergebnis.

Was das für Ihr nächstes Projekt heißt

Wenn Sie aus diesem Beitrag eine Sache mitnehmen, dann diese: Die Frage „Design oder SEO zuerst?" löst sich auf, sobald die Struktur vor der Optik kommt. Denn Struktur ist beides gleichzeitig — sie bestimmt, wie Menschen sich orientieren und wie Suchmaschinen einordnen.

Praktisch bedeutet das, dass Sie bei einem Angebot auf ein Signal achten können: Fragt Ihr Dienstleister nach Ihren Themen, Ihren Zielgruppen und den Fragen Ihrer Kunden — oder direkt nach Farben und Vorbildern? Die erste Reihenfolge ergibt eine Seite, die trägt. Die zweite ergibt eine Seite, die man später „noch für SEO optimieren" muss.

Wie Ausrichtung, Struktur und Gestaltung in einem Projekt zusammenlaufen, steht unter Webdesign.

Fazit

Webdesign und SEO sind keine Alternativen, sondern zwei Blickwinkel auf dieselbe Entscheidung. Wer sie trennt, zahlt die Struktur zweimal: einmal im Entwurf und einmal in der Korrektur. Wer sie zusammenbringt, bekommt eine Website, die gut aussieht und gefunden wird — ohne dass eines der beiden Ziele leidet.

Wenn Sie vor der Entscheidung stehen: Investieren Sie die erste Woche nicht in Layouts und nicht in Keyword-Listen, sondern in die Struktur. Alles danach wird dadurch günstiger.

Häufige Fragen

Weiterführende Quellen

• Google Search Central – SEO-Starter-Guide
• Google Search Central – hilfreiche Inhalte erstellen
• web.dev – Core Web Vitals
• Nielsen Norman Group – Usability-Forschung