In diesem Glossar sammeln wir die wichtigsten Fachbegriffe rund um die Themen Webdesign, SEO, Datenschutz und Barrierefreiheit. Mit diesem Wissen kannst du besser verstehen, wie all diese Aspekte zusammenspielen, um erfolgreiche, sichere und nutzerfreundliche Webseiten zu erstellen. Das Glossar wird regelmäßig aktualisiert, daher lohnt es sich wieder vorbeizuschauen.
Lass uns starten!
Webdesign
Responsive Design
Responsive Design bedeutet, dass sich das Layout und die Inhalte deiner Webseite automatisch an verschiedene Bildschirmgrößen und Geräte anpassen. Egal ob Smartphone, Tablet oder Desktop – deine Webseite sieht immer gut aus und ist für den Nutzer zu jederzeit bedienbar.
Das sorgt für eine optimale Nutzererfahrung und ist in der heutigen Zeit unverzichtbar, da immer mehr Menschen über mobile Geräte im Internet surfen. Ziel ist eine optimale Darstellung und Bedienbarkeit auf allen Geräten.
Wireframe
Ein Wireframe ist eine schematische Darstellung einer Webseite oder App. Es zeigt die Anordnung von Elementen inklusive Navigation, ohne sich auf Design-Details wie Farben oder Schriftarten zu konzentrieren.
Prototyp
Ein Prototyp ist ein interaktives Modell, welches die Funktionen einer Webseite oder App simuliert, bevor die endgültige Version entwickelt wird. Prototypen werden oft verwendet, um Feedback von Nutzern oder Stakeholdern einzuholen.
UI (User Interface)
Die grafische Benutzeroberfläche einer Webseite oder App. Sie umfasst alle visuellen Elemente, mit denen ein Nutzer interagiert, wie Buttons, Menüs und Formulare.
UX (User Experience)
Das gesamte Nutzungserlebnis eines Nutzers mit einer Webseite oder App. Es umfasst Aspekte wie Benutzerfreundlichkeit, Design, Zugänglichkeit und Effizienz.
Call-to-Action (CTA)
Ein Handlungsaufruf, der Nutzer zu einer bestimmten Aktion auffordert, wie z. B. „Jetzt kaufen“ oder „Mehr erfahren“. CTAs sind entscheidend für die Konversionsrate einer Webseite.
Frontend
Der Teil einer Webseite, den Nutzer direkt sehen und mit dem sie interagieren. Dazu gehören das Layout, die Schriftarten, Farben und alle sichtbaren Elemente.
Backend
Der Teil einer Webseite, der „hinter den Kulissen“ arbeitet. Hier werden Datenbanken verwaltet, Anfragen verarbeitet und der gesamte Betrieb der Webseite gesteuert.
SEO (Search Engine Optimization)
Keywords
Wörter oder Phrasen, die Nutzer in Suchmaschinen eingeben, um relevante Inhalte zu finden. Die richtige Platzierung von Keywords ist entscheidend für die Sichtbarkeit einer Webseite.
Meta-Tags
HTML-Elemente, die Informationen über den Inhalt einer Webseite liefern. Sie werden von Suchmaschinen genutzt, um den Inhalt zu verstehen. Wichtige Meta-Tags sind der Meta-Titel und die Meta-Beschreibung.
Backlinks
Verweise von einer Webseite auf eine andere. Hochwertige Backlinks von vertrauenswürdigen Webseiten verbessern das Ranking in Suchmaschinen.
On-Page SEO
Alle Maßnahmen zur Optimierung einer Webseite, die direkt auf der Seite selbst durchgeführt werden, z. B. die Optimierung von Inhalten, Meta-Tags oder internen Links.
Off-Page SEO
Maßnahmen, die außerhalb der eigenen Webseite stattfinden und zur Verbesserung des Rankings beitragen. Dazu gehören Backlinks, Social Media und Online-Marketing.
Alt-Tags
Alternativtexte, die für Bilder auf einer Webseite hinterlegt werden. Sie helfen Suchmaschinen, den Inhalt von Bildern zu verstehen, und sind wichtig für die Barrierefreiheit, da Screenreader sie vorlesen.
Datenschutz
DSGVO (Datenschutz-Grundverordnung)
Ein EU-weites Gesetz, das den Schutz personenbezogener Daten regelt. Es verpflichtet Webseiten-Betreiber dazu, die Daten von Nutzern sicher zu verarbeiten und ihnen Kontrolle über ihre eigenen Daten zu geben.
Cookies
Kleine Textdateien, die von Webseiten auf dem Gerät des Nutzers gespeichert werden. Sie dienen dazu, Informationen zu speichern, wie z. B. Anmeldeinformationen oder Nutzereinstellungen.
SSL-Zertifikate
Sicherheitsprotokolle, die eine verschlüsselte Verbindung zwischen dem Webserver und dem Browser des Nutzers herstellen. Sie schützen sensible Daten wie Passwörter oder Kreditkarteninformationen.
Einwilligungsmanagement
Verfahren, mit denen Webseiten sicherstellen, dass Nutzer der Verarbeitung ihrer Daten, z. B. durch Cookies, aktiv zustimmen (Opt-in) oder diese ablehnen können (Opt-out).
Barrierefreiheit
WCAG (Web Content Accessibility Guidelines)
Ein internationaler Standard für die Barrierefreiheit von Webseiten. Er gibt Richtlinien vor, wie Webseiten gestaltet sein müssen, damit sie für Menschen mit Behinderungen zugänglich sind.
Alt-Text
Eine kurze Beschreibung von Bildern, die von Screenreadern vorgelesen wird. Alt-Texte ermöglichen es sehbehinderten Nutzern, den Inhalt von Bildern zu verstehen.
ARIA (Accessible Rich Internet Applications)
Eine Reihe von Attributen, die entwickelt wurden, um die Barrierefreiheit von dynamischen Web-Inhalten zu verbessern. Sie helfen Screenreadern und anderen Hilfstechnologien, komplexe Anwendungen besser zu interpretieren.
Kontrastverhältnis
Das Verhältnis zwischen der Helligkeit von Text und Hintergrund. Ein hoher Kontrast sorgt für bessere Lesbarkeit, besonders für Menschen mit Sehbehinderungen.
Welche Begriffe fehlen in der Liste? Schreib sie in die Kommentare und wir nehmen sie gern mit in die Übersicht auf.
Autor des Blogbeitrags
Hallo, ich bin Manuela, UI/UX Designerin aus München. Auf unserem Blog teilen wir unser Tipps, Tricks und nützliches Wissen über Webseiten, Webdesign, Interface Design und Webentwicklung.
Manuela Aksu
Sichere dir jetzt deinen Webseiten-Check
und optimiere deinen Auftritt
Profitiere von unserer langjährigen Erfahrung und zahlreichen erfolgreichen Projekten. Lade den kostenlosen Check herunter oder fordere unseren Profi-Check an.
15+ Jahre Erfahrung, 376+ erfolgreich betreute Kunden
