Menschen schauen deine Website an, Maschinen lesen sie aus. Ich verbinde Gestaltung, Inhalt und Technik so, dass beide dasselbe verstehen.
Für Unternehmen, deren Website gut aussieht und falsch verstanden wird.
Entwickeln
«Wer strukturiert kommuniziert, wird zur Quelle – nicht zum Nebensatz.»
Norbert Kathriner
Hinter der Oberfläche
Wer als Kind mit Bausteinen gebaut hat, kennt den Unterschied: Auf der Schachtel ist das fertige Bild. Gebaut wird nach der Anleitung.
Menschen sehen deine Website wie das Bild auf der Schachtel. Maschinen lesen die Anleitung: Überschriften, Reihenfolge, Auszeichnung, die Wörter neben einer Zahl. Fehlt dort ein Schritt, steht am Ende etwas anderes da, als du gebaut hast.
Ein Beispiel: Über einem Betrag steht das Servicepaket, darunter klein «pro Standort und Monat». Löst eine Maschine den Text heraus, bleibt womöglich nur der Betrag übrig. Eine Antwort nennt dann einen Gesamtpreis, den du nie angeboten hast. Spätestens im Verkaufsgespräch wird daraus ein sehr konkretes Problem.
Ich komme aus Gestaltung und Kommunikation. Ich weiss, was ein Bild, ein Rhythmus und eine gute Benutzerführung leisten. Darum halte ich nichts davon, Maschinenlesbarkeit gegen Design auszuspielen. Ein sauberer Quelltext entschuldigt keine unbenutzbare Website. Ein schönes Interface entschuldigt keinen unverständlichen Inhalt.
Bei mir selbst sah es so aus: Im Crawl vom 18. September 2026 führten drei deutsche Adressen auf englische Fassungen. Der am selben Tag ausgewertete Ahrefs-Bericht verzeichnete für meine Kontaktseite rund 14 Sekunden, bis der Server überhaupt antwortete. Ausgerechnet die Kontaktseite.
Hier werden aus Positionierung und Inhalten Seiten, die funktionieren. Dabei greift alles ineinander:
- Deine Struktur: Jede Seite hat eine Aufgabe, einen festen Ort und sinnvolle Verbindungen.
- Deine Seiten: Gestaltung und Auszeichnung sagen dasselbe; wichtige Aussagen behalten ihren Zusammenhang.
- Dein Tempo: Die Website antwortet zügig und liefert ihren Kern zuverlässig aus.
Ich baue die Website um die Aussage herum. Und prüfe, was davon wirklich ankommt.
Erstgespräch anfragen
Jede Seite braucht eine Aufgabe
Eine Website wächst schnell. Ihre Ordnung wächst selten mit.
Eine neue Leistung bekommt eine Seite, eine Kampagne eine zweite, ein Relaunch eine dritte. Jahre später beschreiben alle ungefähr dasselbe, mit anderen Namen und anderen Versprechen. Im Menü sieht man davon wenig. Über die Suche, alte Links und gespeicherte Adressen ist trotzdem alles noch da.
Ich ordne deshalb zuerst die Aufgaben: Hier wird eine Leistung erklärt, dort ihre Anwendung gezeigt, anderswo eine Fachfrage vertieft. Die zentrale Beschreibung bekommt eine feste Adresse. Übersetzungen und berechtigte Varianten werden ihr zugeordnet, überholte Fassungen bekommen eine begründete Entscheidung. Ein Produkt darf an vielen Stellen vorkommen. Es muss nur überall dasselbe bleiben.
Interne Links verbinden diese Aufgaben: von der Behauptung zum Beleg, von der Leistung zur Referenz, von der Vertiefung zurück zum Angebot. Ein Link, der etwas erklärt, hilft. Ein Pflichtlink, der nur eine Quote erfüllt, hilft nicht. Das ist gute Suchmaschinenoptimierung und gute Maschinenlesbarkeit zugleich. Suchmaschinen werden nicht unwichtig, nur weil am Ende eine KI die Antwort formuliert.
Was ich mit dir kläre
Welche Aufgabe jede Seite hat, für wen sie gedacht ist und welche Aussage dort gilt.
Welche Fassungen zusammengehören, welche überholt sind und welche Verbindungen zwischen Angebot, Fachwissen und Beleg fehlen.
Wo Adresse, Sprache, Navigation und Weiterleitungen nicht mehr zum beschlossenen Inhalt passen.
Du bekommst einen Seitenplan.
Er legt Aufgaben, Inhalte, Sprachen und Verbindungen fest. Für jede bestehende Adresse steht darin, ob sie bleibt, zusammengelegt, weitergeleitet oder entfernt wird. Gestaltung, Redaktion und Entwicklung arbeiten danach mit derselben Bauzeichnung.
Neugierig geworden? Dann lies das…
Zusammenhang gehört in den Inhalt
Eine Überschrift darf Charakter haben. Sie sollte trotzdem verraten, was darunter steht.
Im Fliesstext darf ein Bild einen Gedanken öffnen. Die Überschrift darüber nennt trotzdem das Thema, und eine kurze Sachantwort funktioniert auch ohne das Bild. Wer gemeint ist, was behauptet wird und wann es gilt, steht auf derselben Seite, nicht irgendwo anders.
Das gilt auch für die Gestaltung. Eine Preisübersicht braucht einen sichtbaren Bezug zwischen Leistung, Betrag und Umfang. Ein Diagramm braucht eine Beschriftung, die man versteht. Ein Video darf erklären; das Wesentliche steht zusätzlich im Text. Ob eine Aussage ihren Zusammenhang behält, wenn eine Maschine nur den Text herauslöst, zeigt eine Textextraktion. Eine Wortzahl zeigt es nicht.
Im Designsystem verbinde ich das mit wiederverwendbaren Bausteinen: Überschriften, Karten, Tabellen, Formulare, Navigation. Dazu kommen eine sinnvolle Lesereihenfolge, zugängliche Bedienung und ein klarer Weg zur Anfrage. Bestehende Gestaltung kann die Grundlage sein. Passt sie nicht zur Positionierung, entwickle ich sie mit dir weiter. Maschinenlesbarkeit ist kein Grund, schlechte Gestaltung unter Denkmalschutz zu stellen.
Was ich mit dir kläre
Wie Besucher die entscheidende Information finden, dein Angebot verstehen und zum nächsten Schritt kommen.
Welche Aussagen ohne Bild, Tabellenplatz oder Nachbartext ihren Bezug verlieren.
Welche Gestaltungselemente den Inhalt tragen und welche wir ändern oder neu entwickeln.
Du bekommst gestaltete und umgesetzte Seiten.
Benutzerführung, Text, Bild, Designsystem und Auszeichnung passen zusammen. Ich prüfe die Seiten im Browser, ihre Bedienbarkeit und das, was bei einer maschinellen Textextraktion übrig bleibt. Echte Überschriften, Listen und Tabellen machen die Struktur lesbar; gezielte Prüfungen zeigen, wo die Bedienung noch hakt. Ein Vorher-Nachher-Vergleich hält fest, was besser geworden ist.
Neugierig geworden? Dann lies das…
Damit der Inhalt ankommt
Eine Website kann im Browser einwandfrei laufen und einem Crawler trotzdem die Tür vor der Nase zuschlagen.
Der Inhalt erscheint erst nach einem Klick. Eine Schutzregel weist erwünschte Crawler ab. Eine alte Adresse führt über mehrere Weiterleitungen zum Ziel. Oder der Server antwortet so langsam, dass Abrufe abbrechen. Im eigenen Browser merkst du davon oft nichts: Du bist angemeldet, vieles ist gespeichert, und den Weg kennst du auswendig.
Manche Crawler und KI-Systeme verarbeiten JavaScript, andere lesen vor allem das HTML, das sofort geliefert wird. Ich prüfe deshalb die tatsächlichen Abrufwege deiner Website. Für Menschen bleibt die Geschwindigkeit genauso wichtig: Bilder, Skripte und Schriften sollen den Auftritt tragen, nicht bremsen. Ich schaue auf:
- Antwort und Inhalt: Wie schnell und zuverlässig antwortet die Website, und kommt der wesentliche Inhalt vollständig an?
- Umwege: Welche Weiterleitungen, Ressourcen oder Abhängigkeiten verzögern Abruf und Bedienung?
- Zugriffsregeln: Welche Crawler und KI-Systeme sollen wofür zugreifen dürfen, und welche Einstellungen setzen das um?
Schnell ist nur dann gut, wenn am anderen Ende auch das Richtige ankommt.
Was ich mit dir kläre
Wie sich die Website im Browser und bei ausgewählten automatischen Abrufen verhält, mit welchen Antwortzeiten und welchem Inhalt.
Wo Weiterleitungen, Sprachwechsel, veraltete Sitemaps oder Schutzregeln unnötige Umwege erzeugen.
Was öffentlich ist, was hinter einen echten Zugangsschutz gehört und welche Crawler die öffentlichen Seiten nutzen dürfen.
Du bekommst ein Messprotokoll.
Es zeigt den Zustand vor und nach dem Umbau unter festgehaltenen Bedingungen: Antwortzeiten, Erreichbarkeit, ausgelieferte Inhalte und was noch im Weg steht. Dazu kommen bereinigte technische Verweise und die festgehaltenen Zugriffsentscheidungen. Du siehst, was behoben ist und was dein Team für den Betrieb wissen muss.
Neugierig geworden? Dann lies das…
So gehe ich vor
Erst planen, dann bauen, dann nachmessen. In dieser Reihenfolge.
Dafür brauchen wir eine geklärte Positionierung und belastbare Inhalte, aus dem Entscheiden und Verdichten oder aus eigener Vorarbeit. Was fehlt, klären wir vor dem Umbau, den es betrifft.
- Bestand prüfen. Ich untersuche Struktur, technische Auslieferung und wie die Seiten heute genutzt werden. Die freigegebenen Inhalte geben vor, was der Auftritt leisten muss. Daraus entsteht eine Liste der Eingriffe, nach Wichtigkeit geordnet.
- Planen. Jede Adresse bekommt ihre Aufgabe. Ich kläre Navigation, Inhaltsbausteine, Designbedarf und den Umgang mit bestehenden Seiten. Was schwer zu erklären ist, testen wir zuerst am Prototyp.
- Umsetzen. Ich verbinde Gestaltung, Inhalt und Entwicklung zum vereinbarten Auftritt, als gezielten Umbau oder als neue Website. Das Redaktionssystem richte ich so ein, dass dein Team die neue Ordnung im Alltag halten kann.
- Nachmessen. Ich wiederhole die wichtigen Messungen, prüfe Inhalt und Bedienung und gleiche alles mit dem Seitenplan ab. Danach werden die geklärten Angaben maschinenlesbar ausgeliefert und, wenn du willst, laufend geprüft.
Ob wir umbauen oder neu bauen, entscheidet der Befund. Ein Relaunch ist ein Mittel, kein Geschäftsmodell.
Erstgespräch anfragen
Gestaltung, Inhalt und Technik in der Praxis
Privatbank Bellerive AG
Corporate Design, Webdesign sowie Backend- und Frontend-Entwicklung für eine Privatbank. Dazu ein Finanzpodcast, eine dynamische Kursvisualisierung und Office-Vorlagen. Hinter der ruhigen Oberfläche steckt viel Mechanik. 2024.
Alpinum Accounting AG
Corporate Design und Website für einen Treuhänder, der auf KMU spezialisiert ist. Verständliche Leistungsbeschreibungen und ein Ressourcenbereich mit Artikeln und Leitfäden verbinden Angebot und Fachwissen. 2022.
HIRT moving architecture
Konzept, Gestaltung und Entwicklung des Webauftritts für bewegliche Architektur. Navigation, Bild und Video machen Produkte verständlich, die man sonst lange erklären müsste. 2021.
Fragen und Antworten
Muss ich meine Website neu bauen?
Das hängt davon ab, was sie tragen muss und was dein Redaktionssystem zulässt. Oft lassen sich Struktur, Inhaltsbausteine und technische Auslieferung gezielt verbessern. Braucht die neue Positionierung andere Funktionen oder eine andere Benutzerführung, kann ein grösserer Umbau richtig sein. Ich prüfe beides: was sich erhalten lässt und was ein neues Fundament braucht. Du bekommst eine begründete Empfehlung zum Umfang.
Wie sieht eine Überschrift aus, die eine Maschine versteht?
Sie kündigt an, was im Abschnitt steht. «Preise und Leistungsumfang» sagt, worum es geht. «Alles drin» allein sagt zu wenig. Im Fliesstext darf ein Bild den Gedanken öffnen; in Überschriften und kurzen Antworten braucht es erkennbare Begriffe. Ein Wortspielverbot folgt daraus nicht. Ein Abschnitt soll auch dann verständlich sein, wenn man ihn allein liest.
Was heisst Usability für Maschinen?
Ich verwende den Ausdruck als Arbeitshilfe: Kann ein KI-System die Seite erreichen, den wesentlichen Inhalt auslesen und seine Zusammenhänge nachvollziehen? Das prüfe ich anders als die Nutzung durch Menschen. Eine Textextraktion zeigt, ob die Zuordnung in einer Tabelle erhalten bleibt. Ein Crawl zeigt technische Hindernisse. Beides ergänzt die Benutzerführung für Menschen, ersetzt sie aber nicht.
Warum zählt die Ladezeit für einen Crawler?
Weil langsame, wacklige oder abgebrochene Abrufe es schwerer machen, deinen Inhalt zu erfassen. Die Systeme können Verschiedenes: Einige führen Skripte aus, andere kaum oder gar nicht. Ich untersuche deshalb Serverantwort, Auslieferung und technische Abhängigkeiten. Das Ziel ist, dass der Kern deiner Seiten verlässlich ankommt. Eine Sekundenzahl, ab der jede Maschine jede Seite liest, gibt es nicht.
Darf jede Maschine meine Website lesen?
Das entscheidest du. Anbieter unterscheiden zum Teil zwischen Crawlern für Suche, aktuelle Antworten und Training. Ich prüfe die Regeln für die Anbieter, die für dich zählen. Eine robots.txt steuert Crawler, die sich daran halten; ein Türschloss ist sie nicht. Auch noindex schützt nichts Vertrauliches. Was nicht öffentlich sein soll, gehört hinter einen echten Zugangsschutz.
Was hat Design damit zu tun?
Design macht deine Positionierung erlebbar und hilft Menschen, Zusammenhänge zu erfassen und zu handeln. Wie es technisch umgesetzt ist, entscheidet mit, ob diese Zusammenhänge auch auslesbar sind. Eine grosse, fette Zeile ist im Code noch keine Überschrift. Ein Designsystem verbindet Erscheinung, Funktion und saubere Auszeichnung, und Barrierefreiheit gehört dazu. Ich entwickle das Design dort weiter, wo es der Aufgabe dient.
Wie es weitergeht.
Davor: verdichten, welche Inhalte deine Position tragen. Danach: die geklärten Angaben maschinenlesbar ausliefern und prüfen, was KI-Systeme daraus machen. Das Ganze heisst bei mir maschinenlesbare Markenkommunikation.
Wir schauen gemeinsam auf deine Website und auf das, was sie leisten soll. An ein paar konkreten Seiten sieht man meist schnell, ob es in der Struktur hakt, in der Gestaltung oder in der Technik.
Lass uns reden.
Norbert Kathriner
Boutique für digitale Kommunikation
