Website-Begriffe und Abkürzungen verständlich erklärt

Wenn Sie zum ersten Mal eine Website erstellen oder mit einem Webdesigner zusammenarbeiten, kann es für Sie hilfreich sein, einige der Fachbegriffe zu verstehen. Hier wollen wir die wichtigsten Begriffe und Abkürzungen vorstellen und ihre Bedeutung erklären. Wir wünschen damit viel Vergnügen und neue Erkenntnisse.

Accessibility

Accessibility bezieht sich auf die Fähigkeit einer Website, für Menschen mit Behinderungen zugänglich zu sein, indem z.B. Text-to-Speech-Programme und andere Assistenz-Tools unterstützt werden.

Browser

Ein Browser ist eine Software-Anwendung, die es ermöglicht, Webseiten im Internet zu betrachten und zu navigieren. Ein Browser ruft Webseiten von Servern ab und stellt sie auf dem Bildschirm des Benutzers dar. Bekannte Browser sind z.B. Google Chrome, Mozilla Firefox, Apple Safari, Microsoft Edge und Opera.

Breadcrumbs

Breadcrumbs, auch bekannt als Brotkrümelnavigation, sind eine Art von Navigationselementen auf einer Webseite, die dem Benutzer anzeigen, wo er sich innerhalb der Hierarchie der Webseite befindet. Sie erleichtern die Navigation und Orientierung auf der Webseite, insbesondere auf Seiten mit vielen Ebenen oder Unterseiten.

Cache

Cache wird verwendet, um häufig abgerufene Daten wie Bilder, Stylesheets oder Skripte lokal auf dem Computer oder im Browser des Nutzers zu speichern, damit sie bei erneutem Aufruf der Webseite schneller geladen werden können. Es kann vorkommen, dass Änderungen auf der Webseite nicht unmittelbar im Browser des Benutzers angezeigt werden, weil die Seite aus dem Cache geladen wurde. 

CMS

Ein Content Management System (CMS) ist eine Software, die für die Erstellung, Bearbeitung, Organisation und Veröffentlichung digitaler Inhalte wie Texte, Bilder, Videos und anderer Medien auf einer Website verwendet wird. Diese Inhalte werden auf einem Server gespeichert und in einer Datenbank organisiert.

Cookies

Cookies sind kleine Textdateien, die von einer Website auf dem Computer oder mobilen Gerät des Benutzers gespeichert werden. Sie werden verwendet, um bestimmte Informationen über den Benutzer oder dessen Aktivitäten auf der Website zu speichern und bei Bedarf abzurufen.

CTA

Ein Call-to-Action (CTA) ist ein Element auf einer Website (Button, Link, Grafik), das den Benutzer auffordert, eine bestimmte Aktion auszuführen, z.B. einen Kauf zu tätigen oder sich für einen Newsletter anzumelden.

Domain/URL/IP

Eine Domain ist die eindeutige Adresse einer Website, während eine URL die spezifische Adresse einer Webseite innerhalb dieser Domain ist. Eine IP-Adresse ist eine numerische Adresse, die verwendet wird, um Geräte im Internet zu identifizieren. In der Regel geben Benutzer eine URL in ihren Webbrowser ein, der dann die dazugehörige IP-Adresse auflöst, um die Website abzurufen.

DSGVO

Die Datenschutzgrundverordnung (DSGVO) ist eine europäische Datenschutzgesetzgebung, die am 25. Mai 2018 in Kraft getreten ist. Die DSGVO legt fest, wie personenbezogene Daten erhoben, verarbeitet, gespeichert und gelöscht werden müssen und stellt sicher, dass die Nutzer die Kontrolle über ihre eigenen Daten behalten.

Favicon

Ein Favicon ist ein kleines Icon oder Logo, das in der Adressleiste des Browsers neben dem Namen der Website angezeigt wird. Es dient dazu, die Website visuell zu kennzeichnen und sie von anderen geöffneten Tabs im Browser leicht zu unterscheiden. Oft wird das Favicon auch als Symbol in Lesezeichen und Favoriten verwendet.

Frontend/Backend

Frontend bezieht sich auf die Benutzeroberfläche und die sichtbare Funktionalität einer Website, während Backend sich auf die technische Infrastruktur und die Datenverwaltung hinter der Website bezieht.

Hamburger & Sticky Navigation

Die Hamburger Navigation ist eine Bezeichnung für das mobile Navigationsmenü, das durch ein Symbol in Form eines Hamburgers – drei Striche – dargestellt wird. Eine Sticky Navigation bleibt beim Scrollen der Seite immer sichtbar – oft am oberen Rand des Browserfensters.

Homepage

Eine Homepage ist die Hauptseite/Startseite einer Website, auf der die meisten Besucher landen, wenn sie die URL einer Website eingeben oder auf einen Link klicken. Eine Homepage gibt oft einen Überblick über das Unternehmen oder die Organisation und bietet Links zu anderen Seiten innerhalb der Website. Der Begriff Homepage wird oft fälschlicherweise für die ganze Website verwendet.

Hosting

Hosting bezieht sich auf den Service, der von einem Web-Hosting-Unternehmen bereitgestellt wird, um eine Website im Internet auf einem Webserver zu speichern.

HTML/CSS/Javascript

HTML, CSS und Javascript sind die drei grundlegenden Sprachen, die zur Erstellung von Websites verwendet werden. HTML beschreibt die Struktur der Website, CSS ist für das Aussehen und Layout der Website verantwortlich und Javascript ist für die Interaktivität und Funktionalität der Website zuständig.

HTTPs

HTTPs steht für „Hypertext Transfer Protocol Secure“ und wird für die Übertragung von Daten zwischen Webbrowsern und Webservern verwendet. Bei HTTPs werden die Daten verschlüsselt, um die Sicherheit und Vertraulichkeit der übertragenen Informationen zu gewährleisten. 

Inbound Marketing

Inbound Marketing: Inbound Marketing bezieht sich auf die Strategie, potenzielle Kunden durch relevante und nützliche Inhalte anzuziehen, anstatt sie mit Werbung zu unterbrechen. Anstatt direkt Produkte oder Dienstleistungen zu bewerben, konzentriert sich Inbound Marketing darauf, wertvolle und informative Inhalte bereitzustellen, um potenzielle Kunden zu gewinnen und langfristige Beziehungen aufzubauen.

JPG/PNG/SVG

JPG, PNG und SVG sind verschiedene Formate für Bilder, die auf einer Website verwendet werden können.

JPG steht für Joint Photographic Experts Group und ist das am weitesten verbreitete Bildformat im Internet. Es komprimiert Bilder und reduziert dadurch die Dateigröße, was für schnelleres Laden der Bilder im Browser sorgt, aber auch eine Verschlechterung der Bildqualität bedeuten kann.

PNG (Portable Network Graphics) ist ein verlustfreies Bildformat, das besonders für Grafiken und Bilder mit transparentem Hintergrund geeignet ist.

SVG (Scalable Vector Graphics) ist ein Vektorgrafikformat, das skalierbare Bilder mit hoher Auflösung ermöglicht. SVG-Dateien enthalten mathematische Beschreibungen von Formen, Linien und Kurven, anstatt jedes Pixel eines Bildes zu speichern. Dies macht sie ideal für Logos, Icons und andere Grafiken, die in verschiedenen Größen verwendet werden müssen.

Landingpage

Eine Landingpage ist eine speziell gestaltete Webseite, auf die Besucher geleitet werden, wenn sie auf eine Werbeanzeige, einen Link in einer E-Mail oder einen Call-to-Action klicken. Im Gegensatz zu einer normalen Homepage ist die Landingpage in der Regel auf ein bestimmtes Ziel ausgerichtet, wie zum Beispiel die Registrierung für einen Newsletter, den Kauf eines Produkts oder die Anmeldung für einen Service.

Lorem Ipsum

Lorem Ipsum ist ein Blindtext, der in der Grafik- und Druckindustrie als Platzhaltertext verwendet wird. Der Text besteht aus einer Reihe von lateinischen Wörtern, die in einer scheinbar zusammenhanglosen Reihenfolge angeordnet sind, um eine ähnliche Struktur wie eine echte Sprache zu imitieren. Der Zweck von Lorem Ipsum ist es, Platzhaltertexte bereitzustellen, damit Designer und Entwickler die visuelle Wirkung von Text auf einer Webseite oder einem Druckmedium testen können, ohne sich Gedanken darüber machen zu müssen, welcher Text tatsächlich verwendet wird.

Metadaten

Metadaten einer Webseite sind Informationen über die Seite, die von Suchmaschinen und anderen Webanwendungen verwendet werden, um die Webseite zu identifizieren und zu beschreiben. Metadaten können den Titel und die Beschreibung der Seite enthalten, Schlüsselwörter, die Sprache der Seite und den Autor. Sie sind wichtig für die SEO-Optimierung und für die Verbesserung der Benutzererfahrung auf der Webseite.

Mobile-First

Mobile-First ist ein Design-Ansatz, der besagt, dass die Entwicklung von Webseiten und Webanwendungen zunächst für mobile Geräte erfolgen sollte, bevor sie für Desktop-Computer oder andere größere Bildschirme optimiert werden. Dabei wird die Nutzererfahrung auf mobilen Geräten in den Vordergrund gestellt, da immer mehr Menschen das Internet über Smartphones und Tablets nutzen.

Mockup/Wireframe

Ein Mockup oder Wireframe einer Webseite ist eine grundlegende, skizzenhafte Darstellung des Designs und der Anordnung der verschiedenen Elemente auf der Webseite, ohne dass Farben, Bilder oder Grafiken berücksichtigt werden. Es wird normalerweise zu beginn der Designphase der Webentwicklung verwendet, um das Design und die Funktionalität der Webseite zu planen und zu testen, bevor sie gebaut wird.

Onepager

Ein Onepager ist eine Website, die aus einer einzigen Seite besteht und alle wichtigen Informationen und Funktionen auf dieser Seite präsentiert. Im Gegensatz zu einer herkömmlichen Website, die aus mehreren Unterseiten besteht, ist ein Onepager eine kompakte und platzsparende Lösung für die Darstellung von Inhalten. Typischerweise ist ein Onepager so gestaltet, dass die Nutzer einfach durch Scrollen durch die gesamte Website navigieren können, anstatt zwischen verschiedenen Unterseiten hin und her zu springen.

Pagespeed

Pagespeed bezieht sich auf die Geschwindigkeit, mit der eine Webseite geladen wird. Eine schnelle Ladezeit ist wichtig, um eine gute Benutzererfahrung zu gewährleisten und die Absprungrate zu reduzieren. Um die Pagespeed zu verbessern, können verschiedene Maßnahmen ergriffen werden, z.B. die Optimierung von Bildern und Videos, die Minimierung von Code oder die Verwendung von Caching-Techniken. Eine gute Pagespeed ist auch ein wichtiger Faktor für das Suchmaschinen-Ranking einer Webseite, da Google Seiten mit einer schnellen Ladezeit bevorzugt.

Pagebuilder

Ein Pagebuilder ist ein Werkzeug, das in der Webentwicklung eingesetzt wird, um Webseiten mit einem grafischen Editor per WYSIWYG zu erstellen. Der Pagebuilder ermöglicht es Nutzern, Seiten per Drag-and-Drop zu gestalten und zu formatieren, wodurch die Erstellung von Webseiten vereinfacht wird. Einige populäre Pagebuilder sind z.B. Divi, Elementor oder Beaver Builder.

Plugin

Ein WordPress-Plugin ist eine Softwarekomponente, die in das CMS integriert werden kann, um dessen Funktionalität zu erweitern. Mit einem Plugin können Nutzer beispielsweise neue Funktionen oder Features zu ihrer WordPress-Website hinzufügen. Es gibt tausende von kostenlosen und kostenpflichtigen WordPress-Plugins, die für eine Vielzahl von Zwecken genutzt werden können.

Responsive

Responsive Webdesign ist eine Technik zur Entwicklung von Websites, die es ermöglicht, dass diese sich automatisch an verschiedene Bildschirmgrößen anpassen. Dabei wird eine Website so gestaltet, dass sie auf allen Geräten, von Desktop-Computern bis hin zu Smartphones und Tablets, gleichermaßen gut funktioniert und lesbar ist. Durch den Einsatz von Responsive Webdesign wird sichergestellt, dass die Website für alle Besucher zugänglich und benutzerfreundlich ist, unabhängig von der verwendeten Hardware.

SEO

SEO steht für Search Engine Optimization und beschreibt die Optimierung von Webseiten für Suchmaschinen. Das Ziel von SEO ist es, eine höhere Platzierung der Webseite in den Suchergebnissen zu erreichen und dadurch mehr Besucher auf die Seite zu bringen. Eine erfolgreiche SEO-Strategie kann dazu beitragen, dass die Webseite mehr Sichtbarkeit und Reichweite erhält.

Sitemap

Die Sitemap einer Website ist eine hierarchische Struktur, die alle Seiten auf der Website darstellt. Eine übersichtliche Sitemap erleichtert es Besuchern und Suchmaschinen, sich auf der Website zurechtzufinden. Mehr über die Verwendung von Sitemaps erfahren Sie in unserem Guide zur Entstehung einer Webseite.

SSL

SSL (Secure Sockets Layer) ist ein Protokoll, das verwendet wird, um die Verbindung zwischen einem Webserver und einem Browser abzusichern. Es ermöglicht eine verschlüsselte Kommunikation und schützt somit die Datenübertragung vor unerlaubtem Zugriff und Manipulation. Die Verwendung von SSL wird durch die Vergabe von Zertifikaten ermöglicht, die von vertrauenswürdigen Zertifizierungsstellen ausgestellt werden.

Template/Theme

Ein CMS nutzt Templates, um den Inhalt und das visuelle Design einer Website zu vereinen. Diese Layout-Vorlagen sind in HTML, CSS und Javascript erstellt und dienen als Grundlage für jede Seite, die von dem CMS generiert wird, wenn sie vom Benutzer aufgerufen wird.

UI/UX

UI steht für User Interface, was auf Deutsch Benutzeroberfläche bedeutet. Es bezieht sich auf das Design und die Interaktionselemente einer Website. UX steht für User Experience, die Benutzererfahrung und bezieht sich auf das Gesamterlebnis, das ein Benutzer auf einer Website hat. UI/UX sind eng miteinander verbunden und wichtig für ein positives Benutzererlebnis auf einer Website.

Usability

Usability einer Webseite bezieht sich auf die Benutzerfreundlichkeit und die Fähigkeit der Nutzer, eine Website einfach und effektiv zu verwenden, um ihre Ziele zu erreichen. Eine benutzerfreundliche Webseite sollte einfach zu navigieren sein, klare Informationen und eine leicht verständliche Struktur aufweisen. Sie sollte auch schnell laden und gut organisiert sein.

Website vs. Webseite

Die Begriffe „Website“ und „Webseite“ werden oft synonym verwendet und beziehen sich im Wesentlichen auf dieselbe Sache: eine Sammlung von Webseiten, die auf einem Webserver gehostet werden und über das Internet abrufbar sind. Eine Website bezieht sich auf das gesamte Set von Webseiten, die auf einer Domain gehostet werden. Eine Webseite bezieht sich dagegen auf eine einzelne Seite innerhalb einer Website. Eine Webseite kann also Teil einer größeren Website sein, während eine Website aus mehreren Webseiten bestehen kann.

WYSIWYG

WYSIWYG steht für „What You See Is What You Get“ und bezeichnet eine Benutzeroberfläche, die es dem Nutzer ermöglicht, Inhalte auf einer Website direkt so zu gestalten, wie sie später auch auf der Website erscheinen sollen. Das bedeutet, dass man während des Bearbeitungsprozesses das endgültige Layout der Seite sieht. WYSIWYG-Editoren werden in vielen Content-Management-Systemen verwendet, um die Erstellung von Inhalten zu erleichtern.