Manche Websites wirken von Anfang an sorgfältig gemacht, obwohl man gar nicht weiß, wer dahintersteckt.
Man öffnet die Seite und denkt schon nach ein paar Sekunden:
„Hier hat jemand auf jedes Detail geachtet.“
Dann gibt es Seiten mit Hintergrundvideo, Farbverläufen, Karten, Schatten und Animationen überall, die trotzdem aussehen wie eine Vorlage, bei der alle Schalter auf „an“ stehen.
Der Unterschied ist nicht nur eine Frage des Geldes.
Eine Website wirkt professionell, wenn Design, Texte, Technik, Vertrauen und der laufende Betrieb in dieselbe Richtung gehen und man keine grobe Naht sieht.
Wer eine Seite allein betreibt, muss kein Unternehmen spielen. Man braucht keine erfundene Redaktion, keine Experten, die es gar nicht gibt, und keine aufgeblasenen Besucherzahlen.
Das Ziel darf einfacher und ehrlicher sein:
ein kleiner Betrieb mit einem großen Qualitätssystem.
1. Nicht „wie ein Großunternehmen aussehen“, sondern „nirgendwo schlampig wirken“
Wenn man eine Seite neu gestaltet, will man meistens mit dem Logo, einem großen Video auf der Startseite und ein paar Effekten anfangen.
Studien zur Glaubwürdigkeit von Websites zeigen aber: Ein gepflegtes Aussehen allein reicht nicht. Die Leute achten auch darauf, ob sie Aussagen überprüfen können, ob die Seite leicht zu bedienen ist, ob es eine Kontaktmöglichkeit gibt, ob sich die Autorin oder der Autor auskennt, ob der Inhalt aktuell ist und ob offensichtliche Fehler fehlen.[1]
Man kann einer Seite einen teuren Anzug anziehen und trotzdem sieht man sofort die Löcher in den Socken:
- kaputte Links,
- veraltete Daten,
- interne Notizen, die als Beschreibung eines Artikels auftauchen,
- ein anderes Menü auf jeder Seite,
- Text, der auf dem Handy über den Bildschirmrand läuft,
- Werbung, die den Artikel beim Lesen nach unten schiebt,
- Behauptungen, bei denen man die Quelle nicht findet.
Es geht nicht darum, sich als Firma zu verkleiden.
Es geht darum, dass überall, wo der Leser hinklickt, dieselben Qualitätsregeln gelten.
Es ist völlig in Ordnung, offen zu sagen, dass eine Person die Seite betreibt. Auch Google empfiehlt, klar zu machen, wer die Inhalte erstellt hat, wie sie entstanden sind und warum es sie gibt.[2]
2. Eine schöne Website braucht Ordnung und ein eigenes Gesicht
Lavie und Tractinsky haben untersucht, wie Menschen das Aussehen von Websites beurteilen, und dabei zwei verschiedene Dinge gefunden: eines hat mit Ordnung und Klarheit zu tun, das andere mit Kreativität und Originalität.[3]
Wer nur auf Ordnung setzt, bekommt eine saubere, aber austauschbare Seite.
Wer nur auf Originalität setzt, bekommt eine Seite, an die man sich erinnert, die aber niemand zu bedienen weiß.
Deshalb baut man am besten in zwei Schichten.
Die erste Schicht soll vertraut sein:
- Name und Logo der Seite,
- Suche,
- Artikelliste,
- Themen,
- wo man gerade ist,
- der Weg zurück,
- der Text, wegen dem man gekommen ist.
Die Grundnavigation sollte kein Rätsel sein.
Tuch und sein Team stellten fest, dass Menschen sich sehr schnell einen ersten Eindruck von einer Website bilden. Seiten, die weniger überladen waren und einen gewohnten Aufbau hatten, bekamen tendenziell bessere Bewertungen.[4]
Die zweite Schicht ist der Ort, an dem man zeigt, wer man ist:
- besondere Titelseiten für Schwerpunkte,
- eine Typografie und ein Layout mit Charakter,
- Grafiken, die wirklich etwas erklären,
- Verbindungen zwischen verwandten Themen,
- eigene Kartengestaltung, die trotzdem verständlich bleibt,
- Erklärungen, die man selbst anklicken und ausprobieren kann.
Die Regel ist einfach:
Bedienung, die jeder kennt, und ein Erlebnis, das es so noch nicht gab.
3. Es gibt keinen Stil, der der ganzen Welt gefällt, aber einen Qualitätsstandard, der überall trägt
In verschiedenen Ländern und Gruppen gefällt Unterschiedliches. Eine internationale Studie sammelte rund 2,4 Millionen Bewertungen von fast 40.000 Teilnehmenden und fand Unterschiede zwischen Gruppen und Ländern bei den bevorzugten Farben und dabei, wie viel visuelle Komplexität gefiel.[5]
Einen „Luxus-Farbverlauf“, den alle Menschen auf der Welt edel finden, gibt es also nicht.
Was überall funktioniert, ist schlichter und stabiler:
- man versteht, wofür die Seite da ist,
- man sieht, was man anklicken kann,
- der Text lässt sich gut lesen,
- beim Vergrößern geht das Layout nicht kaputt,
- der Inhalt ergibt in der Sprache des Lesers Sinn,
- ein falscher Klick lässt sich rückgängig machen,
- Werbung und Artikel lassen sich auseinanderhalten,
- die Seite ist nicht so langsam, dass man genervt ist.
Danach kann man Schrift, Abstände, Bilder und Farbstimmung für jede Sprache und jeden Markt anpassen.
Internationalisierung heißt nicht, allen dieselbe Uniform anzuziehen. Es heißt, für jeden Markt einen eigenen Anzug nach demselben Schnittmuster zu schneidern.
4. Die Seiten müssen nicht gleich aussehen, aber dieselbe Designsprache sprechen
Jede Seite hat eine andere Aufgabe.
| Seite | Wofür sie da ist | Was das Design leisten soll |
|---|---|---|
| Startseite | Zeigen, was die Seite bietet, und zum Stöbern einladen | Klar sagen, was die Seite ist, und gute Einstiege bieten |
| Artikelliste | Vergleichen und durchblättern | Viele Informationen, ohne zu verwirren |
| Suche | Die Wörter des Lesers verstehen | Suchbegriff, Filter, Ergebnisse und den nächsten Schritt zeigen, wenn nichts gefunden wird |
| Themenseite | Einen Bereich im Überblick zeigen | Zeigen, wo man anfängt, in welcher Reihenfolge man liest und welche Themen nebenan liegen |
| Artikel | Den Inhalt vermitteln | Text und Belege in den Vordergrund stellen |
| Über uns / redaktionelle Richtlinien | Vertrauen aufbauen | Erklären, wer, wie und warum |
| Kontakt | Etwas erledigen können | Felder, Fehler- und Erfolgsmeldungen klar gestalten |
| 404 / leere Seite | Wieder Orientierung geben | Suche, Themen und einen Weg zurück anbieten |
Gleich bleiben muss darunter die Bedeutung der Farben, die Abstände, die Hierarchie, Links, Buttons, der Fokus, das Laden, Fehler und Erfolgsanzeigen.
Verschiedene Aufgaben, eine Grammatik.
5. Der Artikeltext darf der ruhigste Ort der Website sein
Wenn eine Neugestaltung zu aufwendig wird, wandert die Dekoration nach und nach bis in den Artikel.
Eine Karte für den Titel. Eine weitere für den Text. Jede Zwischenüberschrift bekommt einen Hintergrund, dann eine Linie an der Seite, dann einen Schatten, dann abgerundete Ecken.
Am Ende fühlt sich das Lesen eines Absatzes an wie ein Rundgang durch ein Möbelhaus.
Bei langen Texten entsteht der Eindruck von Qualität durch Zurückhaltung:
gute Schrift, eine angenehme Zeilenlänge, ordentlicher Zeilenabstand, klare Zwischenüberschriften, Weißraum, überprüfbare Quellen und aufgeräumte Tabellen.
Einen Kasten oder Rahmen gibt es nur für das, was wirklich ein eigenes Element ist.
WCAG 2.2 enthält Anforderungen an die Barrierefreiheit, die sich tatsächlich testen lassen, etwa zu Kontrast, Textvergrößerung, Umbruch des Layouts und Bedienung per Tastatur.[6]
Winzige, hellgraue Schrift ist kein Luxus. Das ist ein Sehtest in Markenfarben.
Der Rest der Seite darf ruhig glänzen. Der Artikel muss wissen, wann er die Bühne verlässt.
6. Das „Wie haben die das gebaut?“ gehört in Funktionen, die etwas nützen
Wer sein Können zeigen will, sollte das dort tun, wo Ausprobieren das Verständnis vertieft.
Eine Wissenskarte
Der Leser startet bei einem großen Thema und gelangt von dort zu verwandten Fragen und benachbarten Ideen.
Ob sich die Linien bewegen, ist nicht entscheidend.
Entscheidend ist, dass man weiß, was man als Nächstes lesen soll.
Stöbern nach Ziel
Lassen Sie die Leute wählen, ob sie einen Überblick, eine schnelle Lösung oder eine andere Sichtweise wollen, und passen Sie Reihenfolge und Erklärungen entsprechend an.
Das ist ehrlicher, als im Stillen ein detailliertes Profil jedes Besuchers zu erraten.
Interaktive Erklärungen, die für genau einen Artikel gebaut sind
Sie lohnen sich, wenn Bewegung etwas zeigt, was ein stehender Text nicht so gut zeigt: einen Zeitverlauf, einen Vergleich, eine Kette von Ursachen, die Lage von Dingen im Raum, ein Abwägen von Vor- und Nachteilen.
Der Artikel muss auch ohne sie verständlich bleiben.
Ideal ist:
Lesen reicht zum Verstehen, Ausprobieren bringt noch mehr.
7. Animation kostet Aufmerksamkeit
Was sich bewegt, zieht den Blick an. Deshalb wirkt es.
Und deshalb ermüdet es, wenn es nie aufhört.
Es gibt Forschung zu „verführerischen Details“ beim Lernen: interessantes Material, das nichts mit der eigentlichen Aufgabe zu tun hat und ihr Aufmerksamkeit wegnimmt. In einem Experiment aus dem Jahr 2026 erinnerten sich die Leute an weniger, je mehr solches themenfremdes Material dazukam.[7]
Das ist kein Gesetz für jede Art von Web-Dekoration.
Es spricht aber auch nicht dafür, dass mehr unzusammenhängendes Spektakel das Verständnis immer verbessert.
Eine brauchbare Rangfolge für Bewegung:
- Rückmeldungen, die bestätigen, dass eine Aktion geklappt hat,
- Bewegung, die einen Zustandswechsel erklärt,
- auffällige Effekte, die für wenige wichtige Momente aufgespart werden.
Hintergründe, die nie stillstehen, gekapertes Scrollen, automatisches Abspielen, Absätze, die einzeln einfliegen, und überraschende Layoutsprünge sollten nicht die Voreinstellung sein.
web.dev nennt außerdem Bilder, Werbung, eingebettete Inhalte und Webfonts als häufige Ursachen für unerwartete Layoutverschiebungen, wenn kein Platz dafür reserviert ist.[8]
Eine gute Website wird lebendig, wenn der Leser etwas tut, und bleibt ruhig, solange er liest.
8. Design und Google Search sind verschieden, sollten aber nicht gegeneinander arbeiten
Eine schöne Seite rankt nicht von selbst besser.
Googles Hinweise betonen hilfreiche, verlässliche Inhalte, die für Menschen gemacht sind, mit eigenen Informationen oder Analysen, klarer Urheberschaft und einem zufriedenstellenden Besuch.[2]
Der Leitfaden zur Seitenerfahrung bittet außerdem, an die Nutzung auf dem Handy, an Core Web Vitals, aufdringliche Pop-ups, ablenkende Werbung und die Frage zu denken, ob sich der Hauptinhalt vom Rest unterscheiden lässt.[9]
Deshalb sollte man falsche Abkürzungen meiden:
- Zwischenüberschriften mit Suchbegriffen vollstopfen,
- die Antwort verstecken, um mehr Seitenaufrufe zu bekommen,
- das Menü absichtlich mitwandern lassen,
- den Artikel mit Werbung zerhacken,
- neuen Text nur anhängen, damit die Seite „frisch“ wirkt.
Google sagt außerdem, dass AI Overviews und AI Mode keine eigene, geheime Optimierung verlangen. Die Grundlagen der Suche und hilfreiche Inhalte für Menschen gelten weiter.[10]
Professionelle Qualität ist erstaunlich gewöhnlich:
etwas Nützliches machen, das sich leicht finden lässt, leicht zu verstehen ist, schnell genug lädt und dessen Belege erreichbar sind.
Selten ist nur, das alles jedes Mal zu schaffen.
9. Vertrauen entsteht durch Überprüfbarkeit, nicht durch geliehene Autorität
Eine unabhängige Website muss sich nicht wie eine große Institution aufführen.
Sie kann Vertrauen mit Dingen aufbauen, die der Leser sieht:
- eine echte Person, die schreibt oder die Seite betreibt,
- eine Erklärung, wie Artikel redigiert werden,
- Links zu den Quellen,
- Aktualisierungsdaten, die etwas bedeuten,
- einen Weg, Fehler zu korrigieren,
- eine Möglichkeit, Kontakt aufzunehmen,
- klar gekennzeichnete Werbung,
- ehrliche Hinweise darauf, was die Seite nicht leisten kann.
Die Richtlinien zur Glaubwürdigkeit von Stanford nennen dasselbe: überprüfbare Aussagen, Fachwissen, Kontaktmöglichkeit, ein zum Zweck passendes professionelles Design, einfache Bedienung, Aktualisierungen, Zurückhaltung bei Eigenwerbung und wenige Fehler.[1]
Eine Seite, die eine Person allein betreibt, hat einen Vorteil:
Man sieht sofort, wer verantwortlich ist.
Es ist nicht unprofessionell zu sagen, dass eine Person die Seite betreibt.
Viel professioneller wirkt es, wenn diese Person über Hunderte Seiten hinweg starke Qualitätsregeln durchhält, statt ein Unternehmen nachzuahmen, das es nicht gibt.
10. Der eigentliche Motor ist Designsystem plus automatisierte Prüfung
Niemand merkt sich alle Regeln für alle Seiten für immer.
Also holen Sie die Qualität aus dem Kopf und legen sie ins System.
Halten Sie Farben, Abstände, Schriftgrößen, Breiten, Rundungen, Schatten und Zustandsfarben an einer einzigen Stelle fest.
Verwenden Sie dieselbe Kopfzeile, dieselben Karten, die Suche, das Inhaltsverzeichnis, die Formulare und die Fehlermeldungen immer wieder.
Trennen Sie Inhalt und Darstellung: Legen Sie Titel, Beschreibungen, Themen, Daten, Quellen und Empfehlungsgründe als ordentlich strukturierte öffentliche Daten ab, und lassen Sie Karten der Startseite, Listen, Suchergebnisse und verwandte Artikel alle dieselben Daten verwenden. So landet viel seltener eine interne Notiz auf der Startseite und stellt sich selbst vor.
Und prüfen Sie automatisch auf kaputte Links, die Reihenfolge der Überschriften, überlaufenden Text, schmale Bildschirme, vergrößerte Schrift, Tastaturbedienung, Kontrast, vermischte Sprachen, Layoutsprünge und Abweichungen zwischen den Ausgangsdaten und dem, was tatsächlich online ist.
„Ich passe schon auf“ ist keine Qualitätssicherung.
Qualitätssicherung ist ein System, das auch dann hält, wenn man etwas vergisst.
11. Messen Sie nicht nur „Sieht es cool aus?“
Geschmack ist persönlich, also pressen Sie ihn nicht in eine einzige Note.
Teilen Sie ihn auf.
Das HEART-Modell zeigt, wie sich Zufriedenheit, Engagement, Übernahme, Bindung und Aufgabenerfolg mit den Zielen eines Produkts verbinden lassen.[11]
Bei einer Seite voller Artikel kann man jeden Punkt einzeln prüfen:
- wirkt sie professionell,
- hat sie ein eigenes Gesicht,
- ist klar, wofür die Seite da ist,
- findet man den Artikel, den man braucht,
- lässt sich der Artikel gut lesen,
- führt sie zu einem passenden nächsten Artikel,
- kommt man später leicht wieder,
- hält sie auf dem Handy stand,
- sind die Texte in jeder Sprache gut,
- ist sie schnell und steht das Bild stabil.
Core Web Vitals gelten derzeit am 75. Perzentil als „gut“, wenn der LCP höchstens 2,5 Sekunden, der INP höchstens 200 Millisekunden und der CLS höchstens 0,1 beträgt.[8]
Zahlen gestalten die Seite nicht für Sie.
Aber sie verhindern, dass Sie einen filmreifen Relaunch feiern, während der Absatz, den jemand gerade liest, eine halbe Bildschirmhöhe nach unten springt.
12. Fazit: „Das muss teuer gewesen sein“ bedeutet oft „Ich finde keine schlampige Naht“
Eine Seite, die eine Person allein betreibt, kann professionell wirken.
Aber nicht dadurch, dass man firmenhafte Dekoration sammelt.
Man muss die ganze Kette pflegen:
- einen starken Einstieg,
- Menüs, denen man leicht folgt,
- Listen, die sich schnell überfliegen lassen,
- Themenseiten, die Sinn ergeben,
- ruhige Artikelseiten,
- erreichbare Quellen,
- maßvolle Werbung,
- Bewegung mit Bedeutung,
- ein Layout, das eine Übersetzung übersteht,
- Fehler, von denen man sich erholen kann,
- gemeinsame Bausteine,
- messen und nachbessern.
Dann müssen Besucher nicht wissen, wie viele Leute dort arbeiten.
Sie spüren einfach:
„Das ist sorgfältig gemacht.“
Der überzeugendste Luxus ist kein Hintergrundvideo in Endlosschleife.
Es ist keine schlampige Naht, die man finden könnte.
Und der beste „Wie haben die das gebaut?“-Moment ist kein 3D-Objekt, das sich ohne Grund dreht.
Es ist der Moment, in dem ein Leser die Seite anfasst und denkt:
„Aha, jetzt hat mir die Seite gezeigt, wo ich als Nächstes hin soll.“
So kann eine einzelne Person eine kleine Website mit einem großen Qualitätssystem betreiben.
Quellen (11)
- Stanford Persuasive Technology Lab. “Stanford Guidelines for Web Credibility.” 2002 credibility.stanford.edu
- Google Search Central. “Creating Helpful, Reliable, People-First Content.” checked 2026-09-25 developers.google.com
- Lavie T, Tractinsky N. “Assessing dimensions of perceived visual aesthetics of web sites.” International Journal of Human-Computer Studies. 2004;60(3):269-298. doi:10.1016/j.ijhcs.2003.09.002 doi.org
- Tuch AN, Presslaber EE, Stöcklin M, Opwis K, Bargas-Avila JA. “The role of visual complexity and prototypicality regarding first impression of websites.” International Journal of Human-Computer Studies. 2012;70(11):794-811 research.google
- Reinecke K, Gajos KZ. “Quantifying Visual Preferences Around the World.” CHI 2014 eecs.harvard.edu
- W3C. “Web Content Accessibility Guidelines (WCAG) 2.2. w3.org
- Wesenberg L, Jansen S, Krieglstein F, et al. “The more, the worse? The influence of the seductive detail amount on learning.” Instructional Science. 2026;54:29 link.springer.com
- web.dev. “How the Core Web Vitals thresholds were defined” and “Optimize Cumulative Layout Shift.” checked 2026-09-25. ; https://web.dev/articles/optimize-cls web.dev
- Google Search Central. “Understanding page experience in Google Search results.” checked 2026-09-25 developers.google.com
- Google Search Central. “AI features and your website.” checked 2026-09-25 developers.google.com
- Rodden K, Hutchinson H, Fu X. “Measuring the User Experience on a Large Scale: User-Centered Metrics for Web Applications.” CHI 2010 research.google
