Webdesign und SEO: Darum sind sie untrennbar (+ 5 konkrete Tipps)

SEO (= Search Engine Optimization, zu Deutsch: Suchmaschinenoptimierung) ist eine Online-Marketing Disziplin. Das Ziel von SEO ist, mit verschiedenen Maßnahmen positiven Einfluss auf das organische Ranking und so auch auch unternehmensrelevante Ziele zu nehmen.

Webdesign meint in der Regel das Erstellen von Webseiten. Es schließt dabei Analysen (UX-Recherche), Konzeption, Design und Realisierung ein. Das Ziel von Webdesign ist es, eine möglichst gute Nutzererfahrung (UX) mit den Zielen des Unternehmens in Einklang zu bringen.

SEO-Webdesign bzw. Webdesign-SEO ist für uns die Durchführung von SEO-Maßnahmen, die Du während dem Designen einer Website umsetzen solltest, um Chancen auf organische Rankings zu erhöhen. Setzt Du diese Maßnahmen nicht um, musst Du sie nach Livegang mit Mehraufwand nachliefern und riskierst niedrigere Rankings.

SEO und Webdesign hängen untrennbar zusammen. Ohne nutzerzentriertes Webdesign wird es für SEOs schwer, nachhaltig Erfolge in der organischen Suche zu erzielen. Und ohne SEO fällt ein großer Teil an potenziellen Kunden weg, die auf der Website konvertieren können.

Die beiden Leistungen hängen aber nicht nur zusammen. Sie verfolgen auch gemeinsame Ziele. Wenn Webdesign und Suchmaschinenoptimierung zusammenarbeiten, beeinflusst das diese Ziele nicht nur positiv.

Du entwickelst dadurch starke Synergieeffekte, sprich: Beide Leistungen beeinflussen die Ziele gemeinsam stärker, als es einzeln möglich wäre – Und das ist der entscheidende Vorteil von SEO-Webdesign.

Diese 3 Ziele verfolgen SEO und Webdesign gemeinsam

Wenn beide Disziplinen unabhängig voneinander abgearbeitet werden, kann das Folgen haben – aber eben nur negative:

Ein schäbiger SEO will vielleicht Content ohne Nutzen für User auf der Website durchdrücken, die Nutzererfahrung leidet.

Webdesigner löschen wichtigen Content, die Rankings fallen. Informationen aus SEO-Recherchen werden nicht genutzt, die User Experience leidet wieder darunter.

Oder noch schlimmer: Webdesigner erstellen neue Landingpages, Weiterleitungen: Fehlanzeige. Rankings brechen ein und der Umsatz genauso.

Das sind nur ein paar typische Beispiele für Methoden aus der Praxis. Diese Folgen willst Du schon während dem Designen verhindern.

Tust Du das nicht, gefährdest Du Deinen SEO-Erfolg massiv. SEOs müssen dann nachträglich mit mehr Aufwand Schadensbegrenzung betreiben.

Damit es gar nicht erst soweit kommt, findest Du jetzt 5 SEO-Maßnahmen, die Du direkt beim Designprozess umsetzen kannst, um Deine Rankingchancen zu verbessern.

In diesem Kapitel möchten wir Dir essenzielle SEO-Maßnahmen und einzelne Teilaufgaben zeigen, die Du während dem Designen umsetzen musst:

Dabei geht es um Maßnahmen, die ansonsten entweder nachträglich mit mehr Aufwand als während des Designprozesses nachträglich optimiert werden müssten – oder um grundlegende Optimierungen, deren Nichtumsetzung beim Livegang massive Auswirkung auf organische Rankings hätte.

Bei der Informationsarchitektur einer Website geht es darum, Content zu organisieren und dem Nutzer dabei zu helfen, so einfach wie möglich durch die Website zu navigieren.

Das gilt zum Beispiel für einzelne Unterseiten. Richte den Inhalt nach der Intention der User aus und mache es Ihnen so einfach wie möglich an Ihr Ziel (Kauf eines Produkts, Informationen zu einem Thema etc.) zu kommen.

Es bedeutet aber auch, die Website hierarchisch und thematisch zu gliedern, sprich: Nicht jede Unterseite einer Website muss per internem Link mit einer anderen Webseite verbunden sein und Unterseiten sind unterschiedlich wichtig. Deine Aufgabe ist es, die Website-Architektur dementsprechend zu gestalten.

Die Informationsarchitektur lässt sich über verschiedene Ansätze verbessern. Im nächsten Abschnitt gebe ich Dir ein paar Tipps, die sich auch auf Deine organischen Rankings auswirken können:

Weiteres Wissen zur Informationsarchitektur findest Du zum im Artikel von Kulturbanause.

Wenn Du bei der Optimierung der URL-Struktur Fehler begehst, lassen sich diese nur aufwendig und mit (vorübergehenden) Verlusten der SEO-Sichtbarkeit beheben.

Setze deswegen diese 7 Tipps um, bevor Du mit Deiner Website live gehst.

Achte darauf, schon während des Designprozesses und vor dem Livegang, auf die Crawlbarkeit und Indexierbarkeit Deiner SEO-relevanten Unterseiten zu achten.

Einig grundlegende Tipps zum Crawlen und Indexieren:

Weitere grundlegende Tipps:

Im ersten Quartal 2023 lag der Anteil von Traffic über Mobile bei knapp 58 Prozent. In vielen Branchen ist “Mobile First” der einzig richtige Ansatz.

Und: Seit dem “Mobilegeddon-Update” von 2015 war klar, dass Google diesen Trend damals schon erkannt hat. 2016 kündigten sie dann den Mobile-First Index an.

Während Google vorher für das Indexieren und Ranken hauptsächlich die Desktop-Version nutzte, wurden seit 2016 immer mehr Websites über die mobile Version gecrawlt.

Seit 2023 wurde, bis auf wenige Websites, auf das Mobile-First Indexing umgestellt.

Du siehst also: Mobile Traffic ist wichtig und wird in den nächsten Jahren wahrscheinlich auch nicht schrumpfen.

Aus SEO-Sicht ist es deshalb wichtig, dass Inhalte (z.B Texte oder interne Links) nicht nur auf der Desktop-Version existieren, sondern auch auf der mobilen Version abruf- und für den Googlebot crawlbar sind.

Beispiel: Lösche also auf keinen Fall einfach Text, nur “weil er auf mobil so unübersichtlich aussieht”. Mach es Dir stattdessen zur Aufgabe, den Inhalt so aufzubereiten, dass er Deine User auch auf dem Smartphone überzeugt!

Einige der jetzt folgenden Punkte lassen sich auch im Nachgang ohne großen Mehraufwand nachliefern. Allerdings bilden diese Maßnahmen die Grundlage für organische Rankings. Deswegen ist es so wichtig, diese Punkte stringent abzuarbeiten bevor Du mit Deiner Website live gehst.

Das Fundament für suchmaschinenoptimierte Inhalte bilden eine Keywordrecherche und Suchintentions-Analyse für rankingrelevante Landingpages. Deswegen muss jeder, der eine Website gezielt für Suchbegriffe ranken möchte, diese beiden Schritte ausführen.

Und hier findest Du das dazu passende (kostenlose) Worksheet. Mit diesem Worksheet erleichterst Du dir die Planung für Content, der neue und einzigartige Inhalte enthält.

Was bringt Dir das alles?

Du findest heraus, mit welchen Suchbegriffen Du für eine Unterseite ranken kannst. Dadurch kannst Du im nächsten Schritt analysieren, welche Inhalte und Websites Suchmaschinen wie Google in diesem Kontext als relevant und vertrauenswürdig einschätzt. Und das bringt Dir bessere Rankings in der organischen Suche.

Mit diesem Wissen ausgestattet, kannst Du den Inhalt Deiner eigenen Unterseite erstellen.

Achte dabei darauf, diese 8 grundlegenden On-Page Maßnahmen umzusetzen:

Diese Maßnahmen haben, wenn, eher geringe direkte Auswirkungen auf Deine organischen Rankings. Trotzdem sind sie wichtig und sollten während dem Designen optimiert bzw. umgesetzt werden.

Selbst wenn Du die bis jetzt genannten Tipps umsetzt: Es bleibt noch genug Raum für Patzer an anderer Stelle. Hier findest Du deshalb 5 häufige SEO-Fehler beim Designen einer Website.

SEO führt zu nutzerzentrierterem Webdesign. Wie? Zum Beispiel erfährst Du durch Keywordrecherche, Suchintentions-Analyse & Co. so einiges über die Wünsche und Ziele Deiner potenziellen Website-Besucher. Dieses Wissen kannst Du für Dein Webdesign nutzen – und Du solltest es auch.

Das Webdesign sollte sich nach den geplanten Inhalten ausrichten. Und diese Inhalte werden unter anderem durch SEO mitgeplant.

Deswegen sollte SEO so früh wie möglich in ein Webprojekt eingebunden werden, am besten noch vor den ersten Wireframes.

Bei Ucentric Media stellen wir den User unserer Kunden in den Mittelpunkt. Bei einem Website-Relaunch (zu unserem OMR-Gastartikel) erarbeiten wir mit Hilfe von individuell festgelegten UX-Research Methoden und strategischen SEO-Maßnahmen ein Webdesign, dass nicht nur hübsch anzusehen ist. Es hilft dabei, nachhaltig organische Rankings zu liefern und begeistert Website-Besucher.

UX, Suchmaschinenoptimierung und Webdesign arbeiten deswegen ab Vertragsunterschrift eng zusammen. So können wir in verschiedenen Iterationen sichergehen, dass wir die User unserer Kunden nicht aus den Augen verlieren, sondern ihre Wünsche und Ziele erfüllen.

Hier findest Du weitere Infos zu uns als Webdesign-Agentur aus Regensburg und als SEO-Agentur aus Regensburg.