Glossar und Definitionen
Website-Struktur
Website-Struktur sammelt die Begriffe, mit denen der Aufbau einer Website beschrieben wird. Dazu gehören die Seitentypen von der Startseite über die Landingpage bis zur Danke-Seite, die Bereiche einer Seite wie Header, Sidebar und Footer, die Navigationsformen von der Hauptnavigation über die Breadcrumb bis zum Hamburger-Menü und die Bedienelemente wie Accordion, Tabs und Modal. Hinzu kommen die Bausteine, aus denen Seiten zusammengesetzt werden, etwa Teaser, CTA-Sektion, Preistabelle und Timeline, die Adressen selbst von der URL über ihre Struktur bis zum Query String, die Angaben im Kopfbereich wie Title-Tag, Open Graph und Schema Markup, die interne Verlinkung samt Linkstruktur sowie die Pflichtseiten von Impressum bis Datenschutz. Um die Bedienbarkeit dieser Elemente geht es in der Nachbarkategorie Benutzererfahrung, um Raster, Farbe und Typografie in Gestaltungsgrundlagen, um die Anpassung an Bildschirmgrößen in Responsive Design.
Alle Artikel zum Thema Website-Struktur:
#
404-Fehlerseite
Seite, die erscheint, wenn eine aufgerufene Adresse nicht existiert, zusammen mit dem Statuscode 404.
#Website-Struktur
Überschrift
Zeile, die einen Textabschnitt benennt und dessen Rang in der Gliederung der Seite angibt.
#Website-Struktur
Überschriften-Tags
Anderer Begriff für Header-Tags (H1, H2, H3, etc.).
Siehe: Header-Tags (H1, H2, H3, etc.)
#Website-Struktur
A
Above the Fold
Anderer Begriff für Above the Fold im Layout.
Siehe: Above the Fold im Layout
#Website-Struktur
Accordion
Bedienelement, das Inhalte hinter aufklappbaren Überschriften zusammenfaltet und erst auf Klick zeigt.
#Website-Struktur
Alt-Text
Textfassung eines Bildes, die beschreibt, was es zeigt, wenn das Bild nicht ankommt.
#Website-Struktur
Anker
Markierte Stelle innerhalb einer Seite, zu der ein Link direkt springen kann.
#Website-Struktur
B
Barrierefreie Navigation
Navigation, die sich mit Tastatur und Vorlesewerkzeugen vollständig bedienen lässt.
#Website-Struktur
Bestätigungsseite
Anderer Begriff für Danke-Seite (Thank-You-Page).
Siehe: Danke-Seite (Thank-You-Page)
#Website-Struktur
Bewertungsanzeige
Darstellung einer Durchschnittsbewertung aus Sternen, Note und Anzahl der Bewertungen.
#Website-Struktur
Breadcrumb Navigation
Waagerechte Kette von Links, die den Weg von der Startseite zur gerade geöffneten Seite abbildet.
#Website-Struktur
Breadcrumbs
Anderer Begriff für Breadcrumb Navigation.
Siehe: Breadcrumb Navigation
#Website-Struktur
Brotkrumennavigation
Anderer Begriff für Breadcrumb Navigation.
Siehe: Breadcrumb Navigation
#Website-Struktur
C
Call-To-Action (CTA)
Element, das Besucher zu einer bestimmten Handlung auffordert, meist als Schaltfläche oder hervorgehobener Link.
#Website-Struktur
Canonical Tag
Angabe im Kopf einer HTML-Seite, die festlegt, welche URL als maßgebliche Fassung eines Inhalts gilt.
#Website-Struktur
Chat-Widget
Eingeblendetes Fenster, über das Besucher direkt Nachrichten an das Unternehmen schicken.
#Website-Struktur
Container (Layout)
Begrenzender Rahmen, der die Breite des Inhalts festlegt und ihn im Fenster zentriert.
#Website-Struktur
Content-Block
Einzelner, in sich abgeschlossener Inhaltsbaustein, der frei auf einer Seite platziert wird.
#Website-Struktur
Content-Silo
Anderer Begriff für Interne Verlinkung nach Silo-Prinzip.
Siehe: Interne Verlinkung nach Silo-Prinzip
#Website-Struktur
D
Danke-Seite (Thank-You-Page)
Seite, die nach dem Absenden eines Formulars erscheint und den Eingang bestätigt.
#Website-Struktur
Detailseite
Seite, die einen einzelnen Eintrag vollständig zeigt und über eine Übersichtsseite erreichbar ist.
#Website-Struktur
E
F
Favicon
Kleines Symbol einer Website, das im Browser-Tab, im Lesezeichen und im Suchergebnis erscheint.
#Website-Struktur
Filterleiste
Bedienleiste, die eine angezeigte Liste auf die passenden Einträge eingrenzt.
#Website-Struktur
Fließtext
Zusammenhängender Text in Absätzen, der den Hauptteil einer Seite trägt.
#Website-Struktur
Footer
Unterer Bereich einer Seite, der sich auf allen Seiten wiederholt und Pflichtangaben, Kontakt und weiterführende Links sammelt.
#Website-Struktur
Footer-Navigation
Linksammlung im Footer, die Hauptbereiche, Service-Seiten und Pflichtangaben am Seitenende bündelt.
#Website-Struktur
Formulare
Bereiche einer Website, über die Besucher Daten eingeben und absenden, von der Anfrage bis zur Bestellung.
#Website-Struktur
Fortschrittsanzeige
Anzeige, die zeigt, wie weit ein laufender Vorgang gediehen ist.
#Website-Struktur
Fortschrittsbalken
Anderer Begriff für Fortschrittsanzeige.
Siehe: Fortschrittsanzeige
#Website-Struktur
Fußzeilennavigation
Anderer Begriff für Footer-Navigation.
Siehe: Footer-Navigation
#Website-Struktur
G
H
H-Tags
Anderer Begriff für Header-Tags (H1, H2, H3, etc.).
Siehe: Header-Tags (H1, H2, H3, etc.)
#Website-Struktur
Hamburger-Menü
Schaltfläche mit drei waagerechten Strichen, hinter der die Navigation auf kleinen Bildschirmen liegt.
#Website-Struktur
Handlungsaufforderung
Anderer Begriff für Call-To-Action (CTA).
Siehe: Call-To-Action (CTA)
#Website-Struktur
Hauptnavigation
Menü im Header, das die Hauptbereiche einer Website zeigt und auf jeder Seite gleich ist.
#Website-Struktur
Header
Oberer Bereich einer Seite, der sich auf allen Seiten einer Website wiederholt und Logo und Hauptnavigation trägt.
#Website-Struktur
Header-Tags (H1, H2, H3, etc.)
HTML-Elemente H1 bis H6, mit denen Überschriften ausgezeichnet und in eine Rangfolge gebracht werden.
#Website-Struktur
Heading Tags
Anderer Begriff für Header-Tags (H1, H2, H3, etc.).
Siehe: Header-Tags (H1, H2, H3, etc.)
#Website-Struktur
Hero Image
Großes Bild im oberen Bereich einer Seite, das den Einstieg gestaltet und meist das größte sichtbare Element ist.
#Website-Struktur
Hero Section
Oberer Bereich einer Seite, der ohne Scrollen sichtbar ist und das Thema der Seite einordnet.
#Website-Struktur
Homepage
Im Alltag die komplette Website eines Anbieters, fachlich deren Startseite; der Begriff wird für beides verwendet.
#Website-Struktur
I
Icons
Kleine Bildzeichen, die eine Funktion oder einen Inhalt auf einen Blick erkennbar machen.
#Website-Struktur
Impressum
Pflichtseite mit den gesetzlich vorgeschriebenen Angaben über den Anbieter einer Website.
#Website-Struktur
Information Architecture
Anderer Begriff für Informationsarchitektur.
Siehe: Informationsarchitektur
#Benutzererfahrung (UX) #Website-Struktur
Informationsarchitektur
Die Disziplin, die Inhalte ordnet, benennt und in Beziehung setzt, damit Menschen finden, was sie suchen.
#Benutzererfahrung (UX) #Website-Struktur
Inhaltsbereich
Anderer Begriff für Sektion (Content-Bereich).
Siehe: Sektion (Content-Bereich)
#Website-Struktur
Inhaltselemente
Die Gesamtheit der Bausteine, aus denen sich im CMS eine Seite zusammensetzen lässt.
#Website-Struktur
Internal Linking
Anderer Begriff für Interne Verlinkung.
Siehe: Interne Verlinkung
#Website-Struktur
Interne Verlinkung
Die Praxis, Seiten derselben Website gezielt miteinander zu verknüpfen.
#Website-Struktur
J
K
Karriereseite
Seite, auf der ein Unternehmen offene Stellen und sich als Arbeitgeber vorstellt.
#Website-Struktur
Klicktiefe
Anzahl der Klicks, die von der Startseite bis zu einer bestimmten Unterseite nötig sind.
#Website-Struktur
Kommentarbereich
Bereich unter einem Beitrag, in dem Besucher eigene Beiträge hinterlassen können.
#Website-Struktur
Kontaktseite
Seite, die alle Wege zur Kontaktaufnahme bündelt, vom Formular bis zur Anfahrt.
#Website-Struktur
Kundenstimmen-Bereich
Anderer Begriff für Testimonial-Sektion.
Siehe: Testimonial-Sektion
#Website-Struktur
L
Landingpage
Seite, die Besucher aus einer bestimmten Quelle aufnimmt und auf eine einzelne Handlung hinführt.
#Website-Struktur
Leistungsseite
Seite, die eine einzelne Leistung eines Unternehmens beschreibt und dauerhaft in der Navigation steht.
#Website-Struktur
Lightbox
Überlagerung, die ein einzelnes Bild groß über der abgedunkelten Seite zeigt.
#Website-Struktur
Link
Verweis, der von einer Stelle im Web zu einer anderen Adresse führt und sich anklicken lässt.
#Website-Struktur
Linkstruktur
Das Netz aus internen Links, das die Seiten einer Website miteinander verbindet.
#Website-Struktur
M
Mega Menü
Großflächiges Aufklappmenü, das die Unterpunkte eines Bereichs mehrspaltig und auf einen Blick zeigt.
#Webdesign-Grundlagen #Website-Struktur
Menü
Gruppierte Liste von Links, über die sich die Bereiche einer Website ansteuern lassen.
#Website-Struktur
Meta-Daten
Angaben im Quelltext einer Seite, die über die Seite informieren statt sie darzustellen.
#Website-Struktur
Meta-Description
Angabe im Kopf einer Seite, die den Text unter dem Titel in den Suchergebnissen vorschlägt.
#Website-Struktur
Meta-Keywords
Meta-Angabe für Stichwörter einer Seite, die Suchmaschinen nicht auswerten, eigene Suchsysteme aber sehr wohl.
#Website-Struktur
Meta-Navigation
Kleine Navigationsleiste über oder neben der Hauptnavigation, die zu Nebenwegen wie Login, Sprachwahl oder Kontakt führt.
#Website-Struktur
Microformat
Auszeichnung von Inhalten über festgelegte Klassennamen im bestehenden HTML.
#Website-Struktur
N
Navbar
Im Entwicklungsumfeld übliche Bezeichnung für die waagerechte Menüleiste einer Website.
#Website-Struktur
Navigation
Gesamtheit der Wege, über die sich eine Website bedienen lässt, von den Menüs über Links im Text bis zur Suche.
#Website-Struktur
Navigationsebenen
Die Stufen eines Menüs, über die sich Besucher von oben nach unten durch die Website bewegen.
#Website-Struktur
Navigationshierarchie
Anderer Begriff für Navigationsebenen.
Siehe: Navigationsebenen
#Website-Struktur
O
Off-Canvas-Navigation
Navigation, die außerhalb des sichtbaren Bereichs liegt und auf Knopfdruck von der Seite über den Inhalt geschoben wird.
#Responsive Design #Website-Struktur
Onepager
Website, die ihre Inhalte auf einer einzigen scrollbaren Seite zeigt statt auf mehreren Unterseiten.
#Website-Struktur
Open Graph
Satz von Meta-Angaben, der festlegt, wie ein geteilter Link als Vorschaukarte erscheint.
#Website-Struktur
Opt-in-Box
Anderer Begriff für Newsletter-Anmeldebox.
Siehe: Newsletter-Anmeldebox
#Website-Struktur
P
Pagination
Aufteilung einer langen Liste auf mehrere Seiten mit einer Leiste zum Blättern.
#Website-Struktur
Parallax-Effekt
Gestaltungsmittel, bei dem sich Ebenen beim Scrollen unterschiedlich schnell bewegen.
#Website-Struktur
Pfadnavigation
Anderer Begriff für Breadcrumb Navigation.
Siehe: Breadcrumb Navigation
#Website-Struktur
Pflichtseiten
Anderer Begriff für Rechtliche Seiten (Datenschutz, AGB).
Siehe: Rechtliche Seiten (Datenschutz, AGB)
#Website-Struktur
Q
Quelltext
Der HTML-Code einer Seite, den der Browser empfängt und zur Darstellung verarbeitet.
#Website-Struktur
R
Rechtliche Seiten (Datenschutz, AGB)
Die Pflichtseiten einer Website, auf denen rechtlich vorgeschriebene Angaben stehen.
#Website-Struktur
Rechtstexte
Anderer Begriff für Rechtliche Seiten (Datenschutz, AGB).
Siehe: Rechtliche Seiten (Datenschutz, AGB)
#Website-Struktur
Referenzen-Sektion
Anderer Begriff für Testimonial-Sektion.
Siehe: Testimonial-Sektion
#Website-Struktur
S
Schema Markup
Auszeichnung im Quelltext, die den Inhalt einer Seite für Maschinen benennt.
#Website-Struktur
Schema.org
Gemeinsames Vokabular, mit dem sich Inhalte einer Seite für Maschinen auszeichnen lassen.
#Website-Struktur
Scroll-to-Top
Schaltfläche, die nach längerem Scrollen an den Seitenanfang zurückführt.
#Website-Struktur
Scrollytelling
Erzählform, bei der das Scrollen den Ablauf einer Geschichte steuert.
#Website-Struktur
Section
Anderer Begriff für Sektion (Content-Bereich).
Siehe: Sektion (Content-Bereich)
#Website-Struktur
Seitenhierarchie
Logische Ordnung der Seiten einer Website in über- und untergeordnete Ebenen.
#Website-Struktur
Sektion (Content-Bereich)
Abgegrenzter Abschnitt im Inhaltsbereich einer Seite, der ein Thema zusammenhält.
#Website-Struktur
Sekundär-Navigation
Zusätzliche Navigation innerhalb eines Bereichs, die neben oder unter dem Hauptmenü steht.
#Website-Struktur
Share-Buttons
Schaltflächen, über die Besucher die geöffnete Seite in einem Netzwerk oder Messenger teilen.
#Website-Struktur
Sichtbarer Bereich
Anderer Begriff für Above the Fold im Layout.
Siehe: Above the Fold im Layout
#Website-Struktur
Sidebar
Schmale Spalte neben dem Hauptinhalt, die ergänzende Inhalte oder Navigation trägt.
#Website-Struktur
Silo-Prinzip
Anderer Begriff für Interne Verlinkung nach Silo-Prinzip.
Siehe: Interne Verlinkung nach Silo-Prinzip
#Website-Struktur
Siloing
Anderer Begriff für Interne Verlinkung nach Silo-Prinzip.
Siehe: Interne Verlinkung nach Silo-Prinzip
#Website-Struktur
Sitemap
Seite, die alle Seiten einer Website als Liste zeigt und für Besucher gedacht ist.
#Website-Struktur
Sitemap-Konzept (Struktogramm)
Die geplante Seitenstruktur einer Website als Diagramm, mit allen Seiten und ihren hierarchischen Beziehungen.
#Webdesign-Grundlagen #Website-Struktur
sitemap.xml
Datei im XML-Format, die einer Suchmaschine die Adressen einer Website nennt.
#Website-Struktur
Slide-in
Element, das beim Scrollen oder nach einer Wartezeit von der Seite her hereinfährt.
#Website-Struktur
Slider
Bereich, der mehrere Inhalte nacheinander an derselben Stelle zeigt und zwischen ihnen wechselt.
#Website-Struktur
Social-Media-Buttons
Anderer Begriff für Social-Media-Icons.
Siehe: Social-Media-Icons
#Website-Struktur
Social-Media-Icons
Verlinkte Symbole, die auf die Profile eines Unternehmens in sozialen Netzwerken führen.
#Website-Struktur
Sortierung
Reihenfolge, in der die Einträge einer Liste erscheinen, und die Möglichkeit, sie zu ändern.
#Website-Struktur
Sprachumschalter
Bedienelement, über das Besucher zwischen den Sprachfassungen einer Website wechseln.
#Website-Struktur
Startseite
Seite, die unter der Domain ohne weiteren Pfad erscheint und von dort auf die Unterseiten verteilt.
#Website-Struktur
Stepper
Anzeige der Schritte eines mehrstufigen Formulars samt dem Schritt, der gerade läuft.
#Website-Struktur
Störer
Auffälliges Element, das das Seitenraster bewusst durchbricht, um Aufmerksamkeit zu ziehen.
#Website-Struktur
T
Tabs
Bedienelement, das gleichrangige Inhalte hinter einer Leiste aus Reitern zeigt, von denen immer genau einer offen ist.
#Website-Struktur
Team-Sektion
Seitenabschnitt, der die Menschen hinter dem Unternehmen mit Bild und Namen zeigt.
#Website-Struktur
Teaser
Angerissener Vorgeschmack auf einen Inhalt, der auf die vollständige Seite führt.
#Website-Struktur
Testimonial-Sektion
Seitenabschnitt, der Kundenstimmen als Zitat mit Namen und Herkunft zeigt.
#Website-Struktur
Thank-You-Page
Anderer Begriff für Danke-Seite (Thank-You-Page).
Siehe: Danke-Seite (Thank-You-Page)
#Website-Struktur
Thumbnail
Verkleinerte Fassung eines Bildes, die als Vorschau auf das große Bild oder einen Eintrag verweist.
#Website-Struktur
Timeline (Website-Element)
Darstellung mehrerer Ereignisse in zeitlicher Reihenfolge entlang einer Linie.
#Website-Struktur
Title-Tag
Angabe im Quelltext, die den Titel einer Seite für Browser-Tab und Suchergebnis festlegt.
#Website-Struktur
Toast
Kurzer Hinweis, der am Bildschirmrand erscheint und von selbst wieder verschwindet.
#Website-Struktur
Trefferliste
Liste der Ergebnisse zu einer Suche, sortiert nach Eignung oder einem gewählten Kriterium.
#Website-Struktur
U
Unterseite
Einzelne Seite innerhalb einer Website, erreichbar unter einem eigenen Pfad hinter der Domain.
#Website-Struktur
URI
Oberbegriff für Zeichenfolgen, die eine Ressource eindeutig benennen, darunter alle URLs.
#Website-Struktur
V
Verzeichnis
Ordner auf dem Server, dessen Name als Abschnitt in der Adresse einer Seite erscheint.
#Website-Struktur
W
X
Z
Zeitstrahl
Anderer Begriff für Timeline (Website-Element).
Siehe: Timeline (Website-Element)
#Website-Struktur
Zweitnavigation
Anderer Begriff für Sekundär-Navigation.
Siehe: Sekundär-Navigation
#Website-Struktur