Glossar: Web, Tech & SXO verständlich erklärt

Trennung von Inhalt (Backend) und Darstellung (Frontend), verbunden über eine API.

Ein Stack aus austauschbaren Best-of-Breed-Bausteinen; MACH steht für Microservices, API-first, Cloud-native und Headless.

Ein Content-Management-System, das Inhalte per API liefert, ohne eigenes Frontend.

Das headless CMS, mit dem Gridonic arbeitet – cloud-nativ, schnell und redaktionsfreundlich.

Googles Messwerte für Ladezeit (LCP), Reaktionsfähigkeit (INP) und visuelle Stabilität (CLS).

Auslieferung von Inhalten von einem Knoten nahe am Nutzer – für maximale Geschwindigkeit weltweit.

Optimierung dafür, in den Antworten von KI-Systemen wie ChatGPT oder Gemini zitiert zu werden.

Eine Bibliothek wiederverwendbarer Komponenten und Design-Tokens als zentrale Quelle der Wahrheit.

Eine Web-App, die sich wie eine native App verhält – installierbar und offline-fähig.

Search Experience Optimization – klassisches SEO plus Sichtbarkeit in KI-/LLM-Suche, vereint mit guter UX.

Misst, wann das grösste sichtbare Element einer Seite geladen ist; guter Wert: unter 2,5 Sekunden.

Misst die Reaktionszeit einer Seite auf Nutzerinteraktionen über die ganze Sitzung; guter Wert: unter 200 Millisekunden.

Misst die visuelle Stabilität einer Seite während des Ladens; guter Wert: unter 0,1.

Zeit, bis der Server die ersten Daten an den Browser liefert – oft ein Hosting- oder CDN-Thema.

Zeit, bis der erste sichtbare Inhalt auf dem Bildschirm erscheint.

Verteiltes Servernetz, das Inhalte vom geografisch nächsten Standort ausliefert.

Inhalte wie Bilder ausserhalb des Sichtbereichs werden erst geladen, wenn sie gebraucht werden.

Zwischenspeichern von Dateien, damit wiederholte Seitenaufrufe deutlich schneller sind.

Vue-basiertes Web-Framework für schnelle, serverseitig gerenderte Frontends.

Web-Framework, das standardmässig wenig JavaScript ausliefert – ideal für performante Sites.

JavaScript-Bibliothek für 3D-Grafik im Browser auf Basis von WebGL.

Browser-Technologie zur hardwarebeschleunigten Darstellung von 2D- und 3D-Grafik.

Animationsbibliothek für performante, komplexe Web-Animationen.

Schnittstelle, über die Systeme Daten und Funktionen austauschen.

Abfragesprache für APIs, die genau die angefragten Daten liefert – nicht mehr und nicht weniger.

HTML wird auf dem Server gerendert und fertig an den Browser ausgeliefert.

Seiten werden beim Build vorgerendert und als statische Dateien ausgeliefert.

Prozess, bei dem statisch ausgeliefertes HTML im Browser interaktiv gemacht wird.

Architektur aus kleinen, unabhängig betreibbaren Diensten statt einem Monolithen.

Entwicklungsansatz, bei dem jede Funktion zuerst als API verfügbar ist.

Software, die für den Betrieb in der Cloud konzipiert ist – skalierbar und ausfallsicher.

Protokoll, das Suchmaschinen sofort über neue oder geänderte Inhalte informiert.

Automatische Benachrichtigung von System zu System bei einem Ereignis – z. B. Publish löst einen Build aus.

DatoCMS-Feldtyp für flexibel zusammensetzbare Inhaltsblöcke.

Strukturiertes, maschinenlesbares Rich-Text-Format in DatoCMS.

Inhalte direkt in der Vorschau anklicken und bearbeiten, ohne Felder zu suchen.

Etabliertes Open-Source-CMS, das sich auch headless einsetzen lässt.

Flat-File-CMS, ideal für schlanke, statische Websites.

Bild-CDN, das Bilder automatisch für Gerät und Netzwerk optimiert ausliefert.

Plattform für performantes On-Demand-Video-Streaming.

Das gesamte Erlebnis, das ein Nutzer mit einem Produkt hat.

Die visuelle und interaktive Oberfläche eines Produkts.

Der Weg, den ein Nutzer durch eine Anwendung nimmt, um ein Ziel zu erreichen.

Interaktives Modell zum Testen von Konzepten vor der Entwicklung.

Die gewünschte Handlung eines Nutzers – etwa eine Anfrage oder ein Kauf.

Gestaltung, die für alle Menschen nutzbar ist, auch mit Einschränkungen.

KI erzeugt funktionale Interface-Bausteine aus einer natürlichsprachigen Beschreibung.

Suchmaschinenoptimierung für bessere Sichtbarkeit in der organischen Suche.

Kurzbeschreibung einer Seite für Suchergebnisse und Social-Media-Vorschauen.

Verweist auf die bevorzugte URL einer Seite und verhindert Duplicate Content.

Auszeichnung der Sprach- und Länderversionen einer Seite für Suchmaschinen.

Maschinenlesbare Liste aller indexierbaren URLs einer Website.

Datei, die Crawlern sagt, welche Bereiche einer Website sie crawlen dürfen.

Meta-Tags, die steuern, wie ein Link in sozialen Medien dargestellt wird.

Suchanfragen, die direkt beantwortet werden, ohne dass auf eine Website geklickt wird.

Die gestalterische Ebene einer Oberfläche: Farben, Typografie, Bildsprache und Komposition.

Layouts, die stufenlos mit der Viewport-Grösse skalieren – etwa über CSS clamp() – statt nur an festen Breakpoints zu springen wie klassisches Responsive Design.

Struktur und Organisation von Inhalten, damit Nutzer sich zurechtfinden und Inhalte logisch auffindbar sind.

Ein Gestaltungsraster aus Spalten und Abständen, das Layouts konsistent und ausgewogen strukturiert.

Dokumentation der visuellen Regeln einer Marke – Farben, Typografie, Komponenten – als Grundlage für konsistentes Design.

Die gesamte Reise eines Nutzers über mehrere Touchpoints und oft über einen längeren Zeitraum hinweg.

Die Disziplin, die visuelle und interaktive Oberfläche so zu gestalten, dass sie klar, konsistent und gut bedienbar ist.

Ein wiederverwendbarer Inhalts- oder Layout-Baustein, aus dem Seiten zusammengesetzt werden – in DatoCMS z. B. die Content-Module.