Backend, Alternativtext, CTA und Conversion Rate: Die Begriffe rund um Websites können einen ganz schön erschlagen.
Einige hört man immer wieder, aber ich kann mich noch erinnern, dass ich anfangs bei vielen doch nicht so genau wusste, was damit gemeint ist.
Ich hoffe, dass dir dieses Glossar dabei hilft, die Welt der Websites besser zu verstehen und deine eigene Website erfolgreich umzusetzen.
Dir fehlen noch Begriffe? Schreibe es gern in die Kommentare und ich nehme sie auf.
Above the fold
Ursprünglich kommt dieser Begriff aus dem Printbereich: Above the Fold wird der Bereich der Zeitung genannt, der zuerst sichtbar ist, wenn die Zeitung gefaltet ist. In dieser Position befinden sich die Schlagzeilen, Bilder und wichtigen Artikel, die die Aufmerksamkeit der Leser sofort auf sich ziehen sollen.
Im Webdesign bezieht sich der Begriff auf den sichtbaren Bereich einer Webseite, der ohne Scrollen angezeigt wird, wenn die Seite zum ersten Mal geladen wird. Es ist der Teil der Seite, der sofort ins Auge fällt und oft das wichtigste Designelement oder die wichtigste Botschaft enthält. Da Besucher oft nicht weiter nach unten scrollen, ist es wichtig, dass Above the Fold ansprechend gestaltet ist und die Hauptinformationen oder Handlungsaufforderungen enthält.
Alternativtext
Der Alternativtext, auch bekannt als Alt-Text oder Alt-Tag ist die Textbeschreibung, die ein Bild oder ein grafisches Element beschreibt. Der Alternativtext wird hinzugefügt, um Benutzern mit Sehbehinderungen oder deaktivierten Bildanzeige-Optionen in Webbrowsern die Möglichkeit zu geben, den Inhalt des Bildes zu verstehen. Damit ist er Teil der Barrierefreiheit. Suchmaschinen nutzen den Alternativtext auch, um den Kontext des Bildes zu verstehen und in den Suchergebnissen anzuzeigen. Er gehört somit auch zur Suchmaschinenoptimierung.
Backend
Das Backend bezieht sich auf den Teil einer Website, der für die Verarbeitung und Speicherung von Daten zuständig ist. Es umfasst die Serverseite, auf der die Datenbanken, die Logik und die Funktionen der Website gehostet werden. Entwickler arbeiten im Backend an der Programmierung und Funktionalität der Website, während die Nutzer die Ergebnisse im Frontend sehen und interagieren.
Barrierefreiheit
Barrierefreiheit im Webdesign bezieht sich auf die Gestaltung von Websites, die für Menschen mit unterschiedlichen Fähigkeiten und Behinderungen zugänglich sind. Sie soll sicherstellen, dass Menschen mit Sehbehinderungen, Hörbehinderungen, motorischen Einschränkungen oder kognitiven Beeinträchtigungen die Website problemlos nutzen können. Dies umfasst Aspekte wie Alternativtexte für Bilder, klare Beschriftungen von Formularen, gut lesbare Schriftarten, Tastaturnavigation und die Berücksichtigung von Kontrasten für eine bessere Lesbarkeit.
Benutzerfreundlichkeit
Benutzerfreundlichkeit, auch als Usability bezeichnet, bezieht sich auf die Fähigkeit einer Website, den Nutzern eine intuitive und effektive Interaktion zu ermöglichen. Eine benutzerfreundliche Website ist leicht zu bedienen, gut strukturiert und bietet klare Navigationselemente. Dies umfasst die Platzierung von Inhalten, die Verständlichkeit von Texten, die Konsistenz des Designs und die Minimierung von Hindernissen, um die Aufgaben der Nutzer effizient zu erledigen.
Bildauswahl und -bearbeitung
Die Bildauswahl und -bearbeitung bedeutet, dass man passende Bilder für eine Website aussucht und anpasst. Die ausgewählten Bilder sollten zum Thema der Website passen und die richtige Stimmung oder Botschaft vermitteln. Bei der Bearbeitung der Bilder werden sie zugeschnitten, Farben und Kontraste angepasst, Text oder Grafiken hinzugefügt und andere Veränderungen vorgenommen, um sicherzustellen, dass sie gut zur Website passen und ein einheitliches Aussehen haben.
Call to Action (CTA)
Ein Call to Action (CTA) ist eine Aufforderung oder ein Handlungsaufforderungselement auf einer Website. Dies kann beispielsweise das Ausfüllen eines Formulars, das Herunterladen eines o-Euro-Produktes, das Abonnieren eines Newsletters oder der Kauf eines Produkts sein. CTAs werden in der Regel mit auffälligen Farben, aussagekräftigen Texten und gut platzierten Schaltflächen gestaltet, um die Aufmerksamkeit der Nutzer zu erregen und sie zum Handeln zu motivieren. Gut gestaltete CTAs können die Conversion-Rate einer Website verbessern.
CMS
Ein Content Management System (CMS) ist eine Software, die verwendet wird, um Inhalte auf einer Website zu erstellen, zu bearbeiten, zu organisieren und zu veröffentlichen. Beliebte CMS-Plattformen sind WordPress, Joomla und Drupal.
Conversion Rate
Die Conversion-Rate bezeichnet das Verhältnis zwischen der Anzahl der Website-Besucher und der Anzahl der gewünschten Aktionen, die diese Besucher ausführen. Die gewünschten Aktionen können z.B. der Kauf eines Produkts, das Ausfüllen eines Kontaktformulars oder das Abonnieren eines Newsletters sein. Eine hohe Conversion-Rate bedeutet, dass ein großer Anteil der Besucher die gewünschte Aktion durchführt.
CSS
CSS (Cascading Style Sheets) ist eine Stylesheet-Sprache, die verwendet wird, um das Aussehen und das Design einer Website zu definieren. Mit CSS können Webdesigner das Layout, die Farben, Schriftarten, Abstände, Größen und andere visuelle Eigenschaften der Website steuern.
Domain
Eine Domain ist die eindeutige Adresse einer Website im Internet, über die sie aufgerufen werden kann. Sie besteht aus einem Namen (z.B. „nicoleknueppel“) und einer Top-Level-Domain (z.B. „.com“ oder „.de“). Domains müssen registriert und jährlich verlängert werden. Bei der Auswahl einer geeigneten Domain sollte darauf geachtet werden, dass sie aussagekräftig, leicht zu merken und zur Marke oder zum Geschäftsbereich passt.
Frontend
Das Frontend bezieht sich auf den sichtbaren Teil einer Website, mit dem die Nutzer interagieren. Es umfasst die Benutzeroberfläche, die Inhalte, das Design und die Interaktionselemente, die Nutzer auf der Website sehen und verwenden können. Entwickler arbeiten im Frontend an der Gestaltung und Umsetzung des Designs sowie an der Benutzererfahrung, um eine ansprechende und benutzerfreundliche Website zu erstellen.
Hosting
Der Host ist wörtlich übersetzt der „Gastgeber“ einer Website: Der Hosting-Provider stellt Server bereit, auf dem die Websites mit allen Dateien gespeichert werden. Beim Hosting ist es wichtig, einen guten Anbieter zu wählen, der genug Speicherplatz und eine gute Verbindung hat, damit die Website schnell und sicher für die Besucher zugänglich ist.
HTML
HTML (Hypertext Markup Language) ist eine Auszeichnungssprache, die verwendet wird, um den strukturellen Aufbau von Webseiten zu definieren. Mit HTML können Texte, Bilder, Links, Überschriften, Absätze und andere Elemente auf einer Website markiert und strukturiert werden. HTML besteht aus einer Reihe von Tags (auch Markup genannt), die den Browsern mitteilen, wie der Inhalt angezeigt werden soll.
Beispiel: <h1>Willkommen auf meiner Webseite!</h1> Hier wird vorgegeben, dass die Schrift in H1, d.h. Überschrift 1 angezeigt wird.
Landingpage
Eine Landingpage (oder auch Salespage) ist eine speziell gestaltete Webseite, auf die Nutzer gelangen, nachdem sie beispielsweise auf eine Werbeanzeige, einen Banner oder einen Link geklickt haben. Landingpages dienen oft einem bestimmten Zweck, wie dem Sammeln von Leads, dem Verkauf eines Produkts oder der Bewerbung einer Aktion. Sie sind darauf ausgerichtet, Besucher zu einer bestimmten Handlung zu bewegen und haben oft ein einfaches und klares Design, um die Conversion Rate zu maximieren.
Navigation
Die Navigation einer Website bezieht sich auf die Menüstruktur und die Art und Weise, wie Nutzer auf den Seiten der Website navigieren können. Eine gut gestaltete Navigation erleichtert den Besuchern das Finden von Informationen, das Wechseln zwischen verschiedenen Seiten und das Erreichen ihres gewünschten Ziels auf der Website.
Pagebuilder
Ein Pagebuilder ist ein Werkzeug oder eine Erweiterung für Content-Management-Systeme (CMS) wie WordPress, mit dem Benutzer ihre Websites sowohl im Backend als auch im Frontend gestalten und anpassen können, ohne auf technische Kenntnisse oder das Schreiben von Code angewiesen zu sein. Ein Pagebuilder ermöglicht es dem Benutzer, Seiten und Beiträge zu erstellen, indem er vorgefertigte Module und Funktionen per Drag-and-Drop hinzufügt und anordnet. Divi und Elementor sind zwei der beliebtesten Pagebuilder.
Responsives Design
Dieses Thema ist mit der steigenden Nutzung des Smartphones in den vergangenen Jahren immer wichtiger geworden: Responsives Design bezieht sich auf die Gestaltung und Entwicklung einer Website, die sich automatisch an verschiedene Bildschirmgrößen und Geräte anpasst. Dabei wird sichergestellt, dass die Inhalte und das Layout der Website auf Desktop-Computern, Tablets und Smartphones gleichermaßen gut angezeigt werden.
Salespage
— siehe Landingpage
Schreibstil und -ton
Der Schreibstil und -ton bezieht sich auf die Art und Weise, wie der Text auf einer Website geschrieben wird, einschließlich der Wortwahl, des Satzbaus, der Tonalität und des allgemeinen Sprachstils. Der Schreibstil sollte zur Marke und zur Zielgruppe passen und eine klare und verständliche Kommunikation ermöglichen. Bei der Gestaltung des Schreibstils sollten die Bedürfnisse und Präferenzen der Nutzer berücksichtigt werden. Ein freundlicher, zugänglicher und leicht verständlicher Schreibstil kann dazu beitragen, die Benutzererfahrung zu verbessern, das Engagement zu fördern und die Botschaften effektiv zu vermitteln.
SEO
Suchmaschinenoptimierung (SEO) bedeutet, dass man Dinge tut, damit eine Website in den Suchergebnissen besser gefunden wird. Man verbessert zum Beispiel den Inhalt der Website, die Struktur der Seiten und verwendet bestimmte Wörter, die oft gesucht werden. Dadurch wird die Website höher in den Suchergebnissen angezeigt. Das Ziel ist es, mehr Besucher über Suchmaschinen zu bekommen und die Bekanntheit und das Ranking der Website zu verbessern. Eine gute SEO-Strategie hilft dabei, dass potenzielle Kunden die Website leichter finden, die Sichtbarkeit erhöht wird und die Website insgesamt erfolgreich ist.
SSL-Zertifikat
Ein SSL-Zertifikat (Secure Sockets Layer-Zertifikat) ist ein Sicherheitsprotokoll, das eine verschlüsselte Verbindung zwischen dem Webserver und dem Browser herstellt. Es wird verwendet, um die Übertragung sensibler Daten wie persönlicher Informationen, Zahlungsdaten oder Passwörter zu schützen. Websites ohne SSL-Zertifikat werden von den meisten Browsern als „nicht sicher“ eingestuft. Erkennbar ist eine SSL-verschlüsselte Seite an dem grünen Schloss in der Adressleiste. Inzwischen bieten die meisten Hoster das SSL-Zertifikat kostenlos an.
Storytelling
Storytelling ist in den vergangenen Jahren immer wichtiger geworden, um sich abzuheben und zu positionieren. Es ist die Kunst des Geschichtenerzählens mithilfe von Inhalten, Bildern und anderen visuellen Elementen. Durch das Erzählen einer überzeugenden Geschichte kann man eine Verbindung zu den Nutzern herstellen, Emotionen wecken und die Botschaft effektiv kommunizieren. Storytelling kann dabei helfen, das Interesse der Besucher zu wecken, und eine tiefere Verbindung zur Marke oder zum Produkt herzustellen
User Experience (UX)
Die User Experience (UX) umfasst die Gesamtheit der Eindrücke, Emotionen und Reaktionen eines Nutzers beim Interagieren mit einer Website. Sie bezieht sich auf das Gefühl, das die Nutzer während ihrer gesamten Erfahrung mit der Website haben, einschließlich der Navigation, des Designs, der Inhalte und der Leistung. Eine positive UX zielt darauf ab, den Nutzern ein angenehmes und lohnendes Erlebnis zu bieten, das ihre Ziele erfüllt und ihre Erwartungen erfüllt. Ein gutes UX-Design berücksichtigt die Bedürfnisse der Zielgruppe, vereinfacht komplexe Aufgaben und sorgt für eine hohe Zufriedenheit und Bindung der Nutzer.
User Interface (UI)
Das User Interface (UI) bezieht sich auf die visuelle Gestaltung und die Interaktionselemente einer Website oder Anwendung, mit denen die Nutzer mit dem digitalen Produkt interagieren. Es umfasst Layout, Farben, Schriftarten, Symbole, Buttons und andere visuelle Elemente, die die Benutzeroberfläche ausmachen. Ein gutes UI-Design zielt darauf ab, eine klare und intuitive Interaktion zu ermöglichen, die den Nutzern hilft, sich auf der Website zurechtzufinden und ihre Ziele effizient zu erreichen. Durch ein ansprechendes und benutzerfreundliches UI können die Nutzer eine positive Erfahrung mit der Website machen und leichter mit den Inhalten interagieren.
Wireframe
Ein Wireframe ist eine schematische Darstellung einer Website oder einer Webseite. Es handelt sich um eine vereinfachte, nicht gestaltete Version, die den grundlegenden Aufbau, die Struktur und die Platzierung der Elemente zeigt. Ein Wireframe dient dazu, das Layout und die Funktionalität einer Website zu planen, bevor das eigentliche Design und die Inhalte erstellt werden. Es konzentriert sich auf die Anordnung von Inhalten, Navigationselementen und Funktionalitäten, ohne dabei auf visuelle Aspekte einzugehen.
Zielgruppenanalyse
Die Zielgruppenanalyse ist ein Prozess, bei dem die potenziellen Nutzer einer Website oder eines Produkts identifiziert und deren Bedürfnisse, Eigenschaften und Verhaltensweisen analysiert werden. Durch die Zielgruppenanalyse können Webdesigner ein besseres Verständnis dafür entwickeln, wer ihre Zielgruppe ist und welche Erwartungen, Ziele und Präferenzen sie haben. Dies hilft bei der Gestaltung von Inhalten, Funktionen und dem Design der Website, um die Zielgruppe optimal anzusprechen und ihnen eine maßgeschneiderte Benutzererfahrung zu bieten. Eine gründliche Zielgruppenanalyse ist entscheidend, um die Wirksamkeit einer Website zu maximieren und die Bedürfnisse der Nutzer zu erfüllen.
404-Fehlerseite
Eine 404-Fehlerseite wird angezeigt, wenn ein Besucher eine nicht existierende Seite auf einer Website aufruft. Es kann verschiedene Gründe dafür geben, wie beispielsweise eine falsche URL-Eingabe, eine gelöschte Seite oder ein Tippfehler. Eine gut gestaltete 404-Fehlerseite sollte dem Besucher mitteilen, dass die gewünschte Seite nicht gefunden wurde, ihm aber alternative Navigationsmöglichkeiten oder den Rückweg zur Startseite anbieten.
Dein gesuchter Begriff war nicht dabei? Schreibe ihn mir gern in die Kommentare und ich nehme ihn mit auf!
0 Kommentare