Leitfaden — murattunalı.

Barrierefreiheit.

17 SEITEN · PFEILER: WEB-BARRIEREFREIHEIT

01 Web-BarrierefreiheitCLUSTER-SÄULE Web-Barrierefreiheit heißt, dass eine Website auch von Menschen mit visuellen, auditiven, motorischen oder kognitiven Unterschieden benutzt werden kann. 02 Was ist WCAG 2.2 WCAG 2.2 ist die vom W3C am 5. Oktober 2023 veröffentlichte Richtlinie für Web-Barrierefreiheit und heute die in den meisten Ländern, die Türkei eingeschlossen, maßgebliche Version. 03 Das Präsidialrundschreiben und die Ministeriums-Checkliste Das türkische Präsidialrundschreiben vom 24. Juni 2025 nimmt für die Websites und mobilen Anwendungen öffentlicher Einrichtungen WCAG 2.2 Stufe A als Referenz. 04 Der Unterschied zwischen A, AA und AAA Die drei Konformitätsstufen der WCAG ordnen den Umfang, nicht die Schwierigkeit: Eine AA-konforme Website ist auch A-konform, denn die Stufen bauen aufeinander auf. 05 Wie man das Kontrastverhältnis berechnet Das Kontrastverhältnis ist das Verhältnis der relativen Leuchtdichten zweier Farben und nimmt Werte zwischen 1:1 (gleiche Farbe) und 21:1 (Schwarz auf Weiß) an. 06 Nicht-Text-Kontrast: das Problem des unsichtbaren Buttons WCAG 1.4.11 verlangt, dass Bedienelemente und bedeutungstragende Grafiken gegen ihre Umgebung mindestens 3:1 Kontrast tragen — eine vom Textkontrast völlig getrennte Messung. 07 Tastaturnavigation Tastaturnavigation heißt, dass eine Website ohne Maus, allein mit der Tastatur, von Anfang bis Ende benutzbar ist — eine der grundlegendsten A-Anforderungen der WCAG. 08 Der Fokusindikator Der Fokusindikator ist das visuelle Zeichen, das einem Tastaturnutzer zeigt, welches Element gerade ausgewählt ist. 09 Die Größe des Touch-Ziels WCAG 2.2 verlangt für Touch-Ziele auf Stufe AA mindestens 24×24 CSS-Pixel, auf Stufe AAA mindestens 44×44 CSS-Pixel. 10 Formular-Fehlermeldungen Damit ein Formularfehler als barrierefrei gilt, muss er drei Dinge tun: den Fehler in Text benennen, programmatisch an das fehlerhafte Feld gebunden sein und dem Screenreader angekündigt werden. 11 Landmarkenstruktur und der Sprunglink Landmarkenstruktur heißt, die Bereiche einer Seite — Header, Navigation, Hauptinhalt, Footer — im HTML ausdrücklich zu markieren, und sie bestimmt direkt, wie ein Screenreader-Nutzer sich auf der Seite bewegt. 12 Alternativtexte schreiben Der Alternativtext ist der Text, der die Information eines Bildes an Nutzer überträgt, die es nicht sehen können — und ihn richtig zu schreiben ist keine technische, sondern eine redaktionelle Entscheidung. 13 Die Überschriftenhierarchie Die Überschriftenhierarchie ist die Ordnung der h1–h6-Elemente einer Seite, sodass sie die Dokumentstruktur richtig spiegeln — sie ist das Inhaltsverzeichnis des Screenreader-Nutzers. 14 Die Präferenz für reduzierte Bewegung Die Einstellung „Bewegung reduzieren“ im Betriebssystem ist ein Signal, dass Animationen den Nutzer stören — und eine Website kann dieses Signal lesen und ihr Verhalten ändern. 15 Mit dem Screenreader testen Der Screenreader-Test heißt, eine Seite durch Zuhören mit Hilfstechnologie zu prüfen — die eine Methode, die kein automatisches Werkzeug ersetzen kann. 16 Die Grenzen der automatischen Prüfung Automatische Barrierefreiheits-Werkzeuge können nur einen Teil der WCAG-Kriterien testen; der Rest verlangt menschliches Urteil und erscheint im Bericht nie. 17 Barrierefreiheit und SEO Barrierefreiheit und Suchmaschinenoptimierung haben verschiedene Ziele, speisen sich aber großteils aus denselben technischen Posten — denn beide werden für einen Leser geschrieben, der die Seite nicht sehen kann.

Antwortmaschinen.

19 SEITEN · PFEILER: ANTWORTMASCHINEN-OPTIMIERUNG

18 Antwortmaschinen-OptimierungCLUSTER-SÄULE Antwortmaschinen-Optimierung ist die Arbeit, die Wahrscheinlichkeit zu erhöhen, dass eine Website in den Antworten von ChatGPT, Perplexity, Google AI Overviews und ähnlichen generativen Systemen als Quelle ausgewählt wird. 19 Was ist AI Overviews AI Overviews ist die KI-Zusammenfassung, die Google über der Suchergebnisseite anzeigt und die aus mehreren Quellen synthetisiert wird. 20 In AI Overviews zitiert werden In AI Overviews zitiert zu werden heißt, dass ein Abschnitt der Seite innerhalb der Zusammenfassung als Quelle genannt wird — und das folgt einer anderen Auswahllogik als das klassische Ranking. 21 In der ChatGPT-Suche sichtbar werden Der Suchmodus von ChatGPT zieht beim Erzeugen einer Antwort in Echtzeit Quellen aus dem Web und nennt die verwendeten Seiten innerhalb der Antwort. 22 Die Quellenauswahl von Perplexity Perplexity zeigt in jeder Antwort die verwendeten Quellen nummeriert an, und diese Transparenz erlaubt es, direkt zu beobachten, welche Art Inhalt ausgewählt wird. 23 KI-Crawler und robots.txt Die robots.txt ist die Textdatei, die mitteilt, welcher Crawler welche Bereiche einer Website betreten darf — und für KI-Crawler gelten dieselben Regeln. 24 llms.txt und robots.txt: zwei Dateien, zwei Aufgaben Die robots.txt sagt einem Crawler, wohin er darf; die llms.txt sagt einem Modell, was die Website ist und wo was zu finden ist. 25 Entity-Architektur: als Entität erkannt werden Entity-Architektur heißt, dass eine Website aufbaut, wer sie ist, was sie weiß und womit sie verbunden ist — in einer Form, in der Maschinen sie als Entität erkennen können. 26 sameAs und digitale Identität sameAs ist das Schemafeld, das die offiziellen Profile einer Entität auf anderen Plattformen angibt und Maschinen erlaubt, dieselbe Entität über verschiedene Orte hinweg zusammenzuführen. 27 JSON-LD-Grundlagen JSON-LD ist das Format für strukturierte Daten, das die Bedeutung einer Seite maschinenlesbar mitteilt, ohne ein einziges Pixel der Seite zu verändern. 28 FAQPage- und HowTo-Schema FAQPage übersetzt die Frage-Antwort-Paare einer Seite in Maschinensprache; HowTo tut dasselbe für die Schrittfolge einer Arbeit. 29 Wie man eine zitierfähige Passage schreibt Eine zitierfähige Passage ist ein Textabschnitt, der auch aus der Seite herausgerissen für sich allein richtig und verständlich bleibt. 30 Wie man E-E-A-T beweist E-E-A-T steht für Erfahrung, Expertise, Autorität und Vertrauenswürdigkeit — ein Rahmen für Inhaltsqualität, definiert in Googles Richtlinien für Qualitätsbewerter. 31 Der Unterschied zwischen AEO, GEO und SEO SEO zielt darauf, dass eine Seite rankt; AEO darauf, dass eine Frage direkt beantwortet wird; GEO darauf, innerhalb einer generierten Antwort als Quelle genannt zu werden. 32 Wie man KI-Crawler-Logs liest Serverlogs sind der einzige direkte Beleg dafür, ob KI-Crawler Ihre Website wirklich besuchen und welche Seiten sie holen. 33 Markennennungen messen Eine Markennennung ist die Erwähnung eines Markennamens ohne Link — und im Zeitalter der Antwortmaschinen wurde sie zu einem vom Link unabhängigen Sichtbarkeitssignal. 34 Google AI Mode AI Mode ist der Modus, in dem die Google-Suche als vollständig generative Antwortoberfläche arbeitet und der Nutzer Anschlussfragen stellen kann. 35 IndexNow und Bing Copilot IndexNow ist ein offenes Protokoll, das Suchmaschinen sofort mitteilt, wenn sich eine Seite geändert hat, und es wird von Bing und der Yandex-Familie unterstützt. 36 Strukturierte Daten debuggen Fehler in strukturierten Daten zeigen auf der Seite kein Symptom; sichtbar werden sie nur durch ein Validierungswerkzeug oder einen Test.

Performance.

19 SEITEN · PFEILER: WEB-PERFORMANCE

37 Web-PerformanceCLUSTER-SÄULE Web-Performance ist ein dreidimensionales Qualitätsmaß: wie schnell eine Seite lädt, wie schnell sie reagiert und wie stabil sie beim Laden bleibt. 38 Wie man LCP senkt LCP ist die Zeit, zu der das größte Inhaltselement einer Seite im sichtbaren Bereich gemalt wird, und Google zählt unter 2,5 Sekunden als gut. 39 Was INP ist und wie man es misst INP ist die Zeit von einer Nutzerinteraktion bis zur sichtbaren Antwort der Seite, und Google zählt unter 200 Millisekunden als gut. 40 Wie man CLS auf null bringt CLS misst, wie stark sich Inhalte unerwartet verschieben, während eine Seite lädt oder benutzt wird, und Google zählt unter 0,1 als gut. 41 TTFB und die Serverantwort TTFB ist die Zeit zwischen dem Absenden der Anfrage durch den Browser und dem Empfang des ersten Bytes vom Server — der Boden, auf dem alle anderen Metriken stehen. 42 Der Schrifttausch und die Layoutverschiebung Der Schrifttausch heißt, dass der Browser den Text zuerst mit einer Ersatzfamilie malt und beim Eintreffen der echten Schrift ersetzt — und wenn die zwei Familien verschieden viel Platz einnehmen, erzeugt er Layoutverschiebung. 43 Bildformate: AVIF und WebP AVIF und WebP sind moderne Bildformate, die dieselbe visuelle Qualität in deutlich kleineren Dateien liefern als JPEG und PNG. 44 Kritisches CSS Kritisches CSS ist die minimale Stilmenge, die zum Malen des ersten sichtbaren Bereichs der Seite nötig ist, und lässt sich sofort anwenden, ohne auf eine eigene Datei zu warten. 45 Das JavaScript-Budget Ein JavaScript-Budget ist eine vorab gesetzte, nicht überschreitbare Obergrenze für die Codemenge, die eine Seite laden und ausführen darf. 46 Lazy Loading richtig verwenden Lazy Loading heißt, dass eine Ressource erst geladen wird, wenn der Nutzer sich ihr nähert — und am falschen Ort angewandt verschlechtert es die Performance, statt sie zu verbessern. 47 Ressourcen-Hinweise: preload und preconnect Ressourcen-Hinweise sind Anweisungen, die dem Browser vorab mitteilen, welche Ressourcen früh gebraucht werden oder mit welchen Servern er sich verbinden wird. 48 Felddaten und Labormessung Felddaten zeigen die Performance, die echte Nutzer erleben; die Labormessung zeigt die in einer kontrollierten Umgebung simulierte Performance. 49 Layoutverschiebung beim Scrollen: ein blinder Fleck Die klassische Messung der Layoutverschiebung schaut auf das Ladefenster der Seite; Verschiebungen nach dem Beginn des Scrollens sind in diesem Fenster unsichtbar. 50 Die Reservierung der Bildmaße Maßreservierung heißt, dem Browser vor dem Laden einer Ressource mitzuteilen, wie viel Platz sie einnehmen wird — und schließt die häufigste Quelle der Layoutverschiebung in einem Schritt. 51 Wie man ein Performance-Budget aufsetzt Ein Performance-Budget ist eine Menge numerischer Grenzen, die eine Seite nicht überschreiten darf — und es wird erst zum Budget, wenn es in einem Test lebt, nicht in einem Dokument. 52 Statische Website oder Content-Management-System Eine statische Website erzeugt ihre Seiten vorab und liefert sie als Dateien aus; ein Content-Management-System erzeugt die Seiten zur Anfragezeit aus der Datenbank. 53 Renderblockierende Ressourcen Renderblockierende Ressourcen sind die Stil- und Skriptdateien, ohne deren Laden und Verarbeiten der Browser das erste Malen nicht ausführen kann. 54 Cache und Inhaltsstempel Cache-Header geben an, wie lange eine Ressource gespeichert werden darf; der Inhaltsstempel sorgt dafür, dass sich mit der Ressource auch ihre Adresse ändert. 55 Der mobile Performance-Unterschied Dieselbe Seite läuft auf Mobilgeräten deutlich langsamer als am Desktop, und der Grund ist nicht das Netz, sondern die Prozessorleistung.

Mehrsprachigkeit.

16 SEITEN · PFEILER: MEHRSPRACHIGE WEBSITE-ARCHITEKTUR

56 Mehrsprachige Website-ArchitekturCLUSTER-SÄULE Die mehrsprachige Website-Architektur ist die Gesamtheit der Strukturentscheidungen, die die Sprachversionen desselben Inhalts Menschen wie Suchmaschinen richtig anbieten. 57 Was ist hreflang hreflang ist die Auszeichnung, die Suchmaschinen die Sprach- und Regionsversionen einer Seite mitteilt und bestimmt, welchem Nutzer welche Version gezeigt wird. 58 hreflang-Fehler Die häufigsten Fehler in hreflang-Aufbauten sind fehlende Gegenseitigkeit, das Nicht-Angeben der eigenen Seite, falsche Codes und der Konflikt mit der kanonischen Adresse. 59 Was ist x-default x-default ist ein besonderer hreflang-Wert, der die Standardseite angibt, die gezeigt wird, wenn keine Sprachversion zur Sprache des Nutzers passt. 60 URL-Struktur: Unterordner, Subdomain, Länderdomain Auf einer mehrsprachigen Website können die Sprachversionen unter drei verschiedenen Adressstrukturen angeboten werden, und die Wahl ist die am schwersten umkehrbare Architekturentscheidung. 61 Gestaltung des Sprachwählers Der Sprachwähler ist die Oberflächenkomponente, mit der der Nutzer sieht, in welcher Sprachversion der Website er sich befindet, und in eine andere Version wechselt. 62 Übersetzung oder Lokalisierung Die Übersetzung überträgt Text von einer Sprache in die andere; die Lokalisierung passt den Inhalt an Kultur, Gewohnheiten und Suchsprache des Zielmarkts an. 63 Die mehrsprachige Sitemap Eine mehrsprachige Sitemap ist eine Sitekarte, in der jeder URL-Eintrag auch alle Sprachversionen dieser Seite angibt. 64 Mehrsprachige strukturierte Daten Auf mehrsprachigen Websites werden strukturierte Daten in jeder Sprachversion eigens erzeugt, und die Sprache des Inhalts wird ausdrücklich angegeben. 65 Türkische Zeichen und URL-Slugs Türkische Zeichen können in der Adresszeile technisch verwendet werden, aber weil sie in der Praxis kodiert unlesbar werden, werden vereinfachte Slugs bevorzugt. 66 Deutsche Textexpansion Deutscher Text ist deutlich länger als die türkischen und englischen Entsprechungen desselben Inhalts, und im mehrsprachigen Design ist das eine zu messende Beschränkung. 67 Sprachbezogene Keyword-Recherche Die Keyword-Recherche wird für jede Sprache eigens gemacht, denn der in verschiedenen Märkten gesuchte Begriff derselben Leistung ist womöglich nicht die direkte Übersetzung. 68 Die Falle der automatischen Weiterleitung Den Nutzer nach Standort oder Browsersprache zwangsweise auf eine Sprachversion zu schicken, ist ein Muster, das den Nutzer wie den Crawler der Suchmaschine einsperrt. 69 Mehrsprachige Inhaltsverwaltung Die mehrsprachige Inhaltsverwaltung regelt, wie bei der Aktualisierung einer Seite die Entsprechungen in den anderen Sprachen davon erfahren und aktuell gehalten werden. 70 Mehrsprachige Barrierefreiheit Auf einer mehrsprachigen Website müssen jede Seite und jeder Sprachwechsel angegeben werden; sonst spricht der Screenreader den Text in der falschen Sprache. 71 Mehrsprachige Performance Auf einer mehrsprachigen Website ist die größte Performancevariable die Schrift-Teilmenge: Jede Sprache braucht andere Zeichen, und unnötige Zeichen werden auf jeder Seite heruntergeladen.

Leitfaden.

02 — WISSENSNETZ

03 — VERZEICHNIS

Antwortmaschinen.

Performance.

Mehrsprachigkeit.