Begriffserklärung im Webdesign

Die folgenden Begriffserklärungen sollen Dir helfen, vieles das Du im Zusammenhang mit Webdesign und Website-Erstellung liest und hörst einfacher zu verstehen (wird fortlaufend ergänzt).

Above the Fold

bezeichnet den zuerst sichtbaren Bereich einer Website nach dem Aufruf, bevor der User nach unten scrollt. Besondere Bedeutung hat dieser Bereich für SEO, d.h. Google wertet, was in diesem Bereich steht. Daher sollten hier nach Möglichkeit Keywords (Suchbegriffe) enthalten sein. Wichtig ist auch, dass in diesem Bereich sofort erkennbar ist, worum es auf dieser Website geht.
„Above the Fold“ ist ein Rankingfaktor bei Google.

Front End / Back End

Die Begriffe werden in Content-Management-Systemen wie WordPress, Drupal, Typo3, Joomla etc. verwendet.
Das Front End ist der von außen sichtbare Teil einer Website, den der Website-Besucher sieht.
Das Back End bezeichnet den Bearbeitungsbereich einer Website, also dort, wo an der Webseite gearbeitet wird.

CTA – Call to Action

bedeutet „Handlungsaufforderung“. Sie sind in Form von Buttons (klickbare Schaltflächen) auf Webseiten zu finden. Der Zweck dieser CTAs ist es, den Website-Besucher zu einer Handlung zu bewegen, bevor er die Seite wieder verlässt. CTAs können z.B. sein: „Rufen Sie uns an“, „Kontaktieren Sie uns“, Angebot anfordern, für Newsletter eintragen, an einen Blogartikel verweisen.

0 € Produkt oder Leadmagnet aka „Freebie“

Gleich vorweg: der Begriff „Freebie“ darf seit 1.1.2022 in Deutschland nicht mehr verwendet werden. Der Gesetzgeber hat entschieden, dass ein Freebie nicht wirklich kostenlos ist, da der Interessent mit seinem Namen und/oder Mail-Adresse „bezahlt“. Solch persönliche Angaben sind in der heutigen Zeit sozusagen Geldwert, nicht mehr nur reine Eurowerte.

Ein Leadmagnet ist etwas kleines Nützliches (Betonung auf nützlich), das im Gegenzug für den Erhalt einer eMail-Adresse ausgegeben wird. Dazu bieten sich verschiedene Formate an. Besonders gefragt sind Anleitungen und Checklisten. Aber auch Übersichten oder Zusammenfassungen zu bestimmten Techniken sind oft sehr hilfreich und nützlich. Zum Beispiel: „So funktioniert der Aufbau einer eMail-Liste“ oder „So gewinnst Du mit Deiner Website Kunden“.

Wichtig bei einem Freebie ist wirklich die Qualität. Der Erhalt einer eMail-Adresse und der Name eines Interessenten ist etwas Wertvolles – und so sollte auch das Freebie sein.

Grid-Layout

Ein Rastersystem, das verwendet wird, um Elemente auf einer Seite zu positionieren. Es hilft, ein konsistentes und ausgewogenes Design zu erstellen.

H1, H2, H3 bis H6 – Überschriften

Das H steht hier für Headline, die Zahlen für die Rangfolge. Damit werden Überschriften im html-Code formatiert.

Allerdings sehe ich auf einfachen Webseiten oft, dass ganze Textpassagen mit H-Tags formatiert sind. Das bedeutet, dass hier jemand aus Unkenntnis die Überschriften-Formatierung für eine Textgrößen-Auswahl hält.
Abgesehen davon, dass dies im Ergebnis ziemlich scheußlich aussieht, ist das aus Suchmaschinen-Sicht ein fataler Fehler.

Hamburger Menü

So werden die 3 waagrechten Striche bezeichnet, die als Menu in der Mobil-Ansicht einer Website verwendet werden. Sie werden automatisch durch das so gen. responsive Design generiert, wenn eine Website mobil aufgerufen wird.

Gelegentlich sieht man das Hamburger Menü auch auf Desktop-Versionen einer Website. Das kann theoretisch bei einem sehr umfangreichen Hauptmenü sinnvoll sein. Praktisch wird das aber eher so gelöst, dass einzelne Menüpunkte einem Oberbegriff untergeordnet werden oder Menüpunkte, die nicht ganz so präsent sein müssen, in den Footer packt.

Hero Area

Damit wird ein großer Bereich ganz oben auf einer Webseite bezeichnet. Üblicherweise wird dieser dann für besonders große und Bildschirm füllende Titelbilder verwendet. Solche Bilder werden auch Hero Pictures genannt.

Homepage, Webseite und Website

Für viele sind diese 3 Begriffe ein und dasselbe. Tatsächlich bezeichnen sie aber 3 unterschiedliche Dinge:
die Homepage ist nur die Startseite, als Webseite wird jede einzelne Seite einer Webpräsenz bezeichnet und eine Website ist die Gesamtheit aller Webseiten.

Lorem Ipsum

Als Lorem Ipsum oder Lorem-Ipsum-Text wird ein Beispieltext bezeichnet, der als Platzhalter bei der Layout-Erstellung von Webseiten dient. Der Entwurf für eine Seite wirkt einfach realistischer, wenn an den geplanten Textstellen auch Text zu sehen ist.
Allerdings wird diese Praxis eigentlich nur von Webagenturen angewendet, wenn Sie einen Layout-Entwurf beim Kunden präsentieren.