Zum Magazin

Websites · 4 Min.

Von Hero bis Hosting: Die wichtigsten Website- und Webdesign-Begriffe einfach erklärt

Ein verständlicher Guide durch die Begriffe, Entscheidungen und technischen Grundlagen, die eine gute Website prägen.

Abstrakte typografische Komposition aus Papierflächen, Rasterlinien und ruhigen Interface-Fragmenten für einen Guide zu Website-Begriffen.
Websites / BildideeDesignstudie · purpurlila

Eine Website ist kein Wörterbuch

Eine Website entsteht aus Gestaltung, Technik und vielen Entscheidungen, die in Angeboten und Projektgesprächen selbstverständlich klingen. Hero, responsive, CMS oder SEO sind dabei keine Dekoration. Sie beschreiben, wie Menschen einen Auftritt verstehen, bedienen und später nutzen.

Du musst kein Entwickler sein, um eine gute Website zu beauftragen. Es hilft aber, die wichtigsten Begriffe einordnen zu können. Dann wird aus Fachsprache ein gemeinsames Gespräch über Ziele, Aufwand und sinnvolle Lösungen.

Was Besucher zuerst sehen

Der Hero ist der erste große Inhaltsbereich einer Seite. Er sollte nicht alles erzählen, sondern schnell klären, worum es geht und welcher nächste Schritt sinnvoll ist. Der Header hält Marke und Navigation zusammen. Die Navigation führt durch die wichtigsten Fragen; der Footer nimmt die Informationen auf, die am Ende noch gebraucht werden.

Ein CTA, ein Call to Action, ist die konkrete Handlung, die du anbietest. „Projekt besprechen“ sagt mehr als „Mehr erfahren“, weil der Besucher besser einschätzen kann, was nach dem Klick passiert. Gute Gestaltung beginnt deshalb mit einer klaren Reihenfolge, nicht mit möglichst vielen Elementen.

Wie Gestaltung Ordnung schafft

Ein Grid ist das unsichtbare Raster, an dem Spalten, Abstände und Textbreiten ausgerichtet werden. Weißraum ist dabei kein leerer Rest. Er trennt Gedanken, schafft Ruhe und lenkt den Blick. Typografie bestimmt, welche Information zuerst gelesen wird und wie sicher sich eine Seite anfühlt.

Modulare Papierblöcke und ein feines Raster als ruhige Studie für digitale Hierarchie und Abstand.
Ordnung wird sichtbarEin Raster hält Elemente zusammen. Weißraum lässt die wichtigen Entscheidungen atmen.Designstudie · purpurlila

Responsive Design bedeutet nicht, eine Desktopseite kleiner zu machen. Inhalte, Spalten und Bedienflächen passen sich an den verfügbaren Raum an. Eine gute mobile Version erzählt dieselbe Geschichte in einer anderen Reihenfolge, wenn das für Lesbarkeit und Bedienung nötig ist.

Eine gute Website besteht nicht aus möglichst vielen Fachbegriffen, sondern aus möglichst wenigen offenen Fragen.

Wie sich eine Website anfühlt

UI steht für User Interface: die sichtbaren Bedienelemente einer Website. UX, User Experience, beschreibt das gesamte Nutzungserlebnis – vom ersten Verständnis bis zum abgeschickten Formular. Die User Journey macht diese Schritte sichtbar. Sie zeigt, welche Frage ein Besucher an jeder Stelle beantwortet haben muss.

Abstrakte Benutzeroberfläche aus Papierflächen, dunklen Panels und einem ruhigen violetten Fokuspunkt.
UI ist die OberflächeEin Interface muss nicht laut sein. Es muss zeigen, was möglich ist und was als Nächstes passiert.Designstudie · purpurlila

Accessibility, also digitale Zugänglichkeit, gehört in dieselbe Planung. Kontraste, Tastaturbedienung, verständliche Beschriftungen und sinnvolle Überschriften helfen nicht nur Menschen mit Einschränkungen. Sie machen eine Website für alle klarer. Animation kann Orientierung unterstützen; sie ist aber kein Qualitätsmerkmal für sich.

Was unter der Oberfläche passiert

Das Frontend ist der Teil, den Besucher im Browser sehen und bedienen. Das Backend verarbeitet Daten und Abläufe im Hintergrund. Ein CMS trennt Inhalte und Darstellung so, dass ein Team Texte oder Bilder selbst pflegen kann. Das ist sinnvoll, wenn sich Inhalte regelmäßig ändern. Für eine kleine Website mit seltenen Anpassungen kann eine statische Lösung einfacher, schneller und wartungsärmer sein.

Eine API verbindet Systeme miteinander. Eine Datenbank speichert strukturierte Informationen. Ein Framework liefert Regeln und Bausteine für die Entwicklung. Kein Begriff ist dabei automatisch ein Qualitätsversprechen. Entscheidend ist, ob die Technik zur Aufgabe, zum Pflegebedarf und zum Budget passt.

Wie eine Website gefunden wird

SEO beginnt nicht mit einem Plugin. Suchmaschinen brauchen verständliche Inhalte, eine saubere Struktur und eine technisch zugängliche Seite. Der Meta Title und die Meta Description beschreiben eine Seite in den Suchergebnissen. Sie sollten präzise sein und nicht mehr versprechen, als der Inhalt hält.

Abstrakte Suchsichtbarkeit aus Papierkarten, Rasterlinien und einem violetten Pfad durch die Struktur.
SEO beginnt mit StrukturSichtbarkeit entsteht aus verständlichen Inhalten, sauberer Ordnung und einer Seite, die technisch zugänglich bleibt.Designstudie · purpurlila

Indexierung bedeutet, dass eine Suchmaschine eine Seite aufnehmen darf. Eine Sitemap hilft bei der Orientierung, ersetzt aber keine gute Seitenstruktur. Alt-Texte beschreiben Bilder dort, wo diese Information für Verständnis oder Zugänglichkeit relevant ist. Sichtbarkeit entsteht aus vielen kleinen, stimmigen Entscheidungen.

Was nach dem Launch wichtig bleibt

Hosting stellt die Website im Netz bereit. Die Domain ist ihre Adresse. DNS verbindet diese Adresse mit den zuständigen Servern; SSL verschlüsselt die Verbindung zwischen Browser und Website. Caching hält häufig benötigte Dateien näher am Besucher bereit und kann Ladezeiten verkürzen.

Backups, Updates und Wartung gehören zum Betrieb. Sie werden wichtig, sobald Inhalte, Formulare oder Schnittstellen regelmäßig eingesetzt werden. Nicht jedes Projekt braucht denselben Betreuungsumfang. Ein gutes Angebot benennt deshalb, was nach dem Launch dauerhaft läuft und was nur bei Bedarf anfällt.

Die wichtigere Frage ist nicht der Begriff

Eine gute Website besteht nicht aus möglichst vielen Fachbegriffen, sondern aus möglichst wenigen offenen Fragen. Was soll verstanden werden? Wem hilft das Angebot? Welche Handlung ist als Nächstes sinnvoll? Diese Fragen führen zu einer besseren Struktur als eine Sammlung technischer Versprechen.

Jetzt kennst du die wichtigsten Begriffe. Welche davon dein Projekt wirklich braucht, ist die wichtigere Frage. Der Preiskompass gibt dir eine erste Orientierung für Umfang und Investition; im persönlichen Gespräch wird daraus ein passender Plan.

Artur Zittel, Gründer von purpurlila
Artur ZittelGestaltung & digitale EntwicklungÜber das Studio

Ein Gedanke für dein Projekt

Welche Begriffe sind für dein Projekt wirklich wichtig?

Der Preiskompass ordnet dein Vorhaben ein. Im Gespräch übersetzen wir die Anforderungen in einen passenden Umfang.

Ein passender EinblickPreiskompass

Zum Mitnehmen & in Ruhe Lesen

Zwei Ausgaben. Zwei Perspektiven.

Gedanken für dein Unternehmen. Und ein Blick hinter die Gestaltung – erklärt an einer konkreten Website.

Magazin-Titelseite: Klarheit wirkt.

Magazin · Ausgabe 06/2026

Klarheit wirkt.

Vier vollständige Magazinartikel über klare Websites, Onepage oder Relaunch, Projektkosten und das Potenzial deines Auftritts.

Magazin herunterladen 16 Seiten · PDF · 2,1 MB
Magazin-Titelseite: Von Hero bis Hosting.

Magazin · Ausgabe 09/2026

Von Hero bis Hosting.

SÜDKURS und „Von Hero bis Hosting“ in einer Ausgabe: beide Artikel vollständig, ergänzt durch echte Seitenausschnitte und verständlich erklärte Website-Begriffe.

Magazin herunterladen 18 Seiten · PDF · 1,4 MB