Tel.: 06035 208564hallo@kexDESIGN.de   

Website und Webshop – Dein Erfolg im Netz

...noch immer keine Website? Das muss nicht!

Ich habe mir zum Ziel gesetzt, meine Kunden in ihrem Business auf das nächste Level zu heben – fernab der normalen Werbepfade, ganz individuell, bodenständig und mit genau den Tools, die sie brauchen. 

Wir machen aus DEINER Leidenschaft DEIN Business. Lerne mich kennen: Informiere dich in Schrift, Ton und Bild über meinen Blog, Vlog oder Podcast

Webdesign Solopreneure Unternehmen
Webdesign Glossar
Facebook
Twitter
LinkedIn

Webdesign-Glossar: Begriffe und Infos

Im Webdesign haben sich viele Begriffe eingeschlichen, die für Agenturen und Webdesigner selbstverständlich sind aber für Unternehmer uns Selbstständige zu Verwirrung führen. Gerade in meinen Schulungen merke ich immer wieder, das diese Fachbegriffe oft ein Hemmnis sind und dazu führen das Anfangen mit der Website auf die lange Bank zu schieben.

Manchmal verstehen meine Kunden nur Bahnhof… Denn rund ums Thema Webseite und Webdesign
begegnen einem immer wieder eigenartige Fachbegriffe und das meistens auf Englisch. Aus dem Enteickler-Sprech und Marketing-Strategen, Informatikern und Design-Profis ist längst ein eigener Web-Jargon entstanden.

Wir bringen heute Licht ins Dunkel und geben Ihnen eine Liste an die Hand mit kurzen, einfachen Begriffserklärungen, die Ihnen beim Aufbau der Website helfen. Den Experten unter Ihnen sind sicher viele der Schlagwörter in unserem
Mini-Lexikon längst bekannt – vielleicht finden Sie aber auch noch die ein oder andere hilfreiche “Übersetzung”!

 

Sicher wird mein Artikel Webdesign-Glossar: Begriffe und Infos für ein wenig Klarheit sorgen.

Das Webdesign Glossar: Begriffe und Informationen

Aufbau einer Website

Dieses Bild verdeutlicht den Aufbau eienr Website und gibt einen Überblick über das, was hinter den einzelnen Begriffen steht.

Aufbau-der-Website

Above the Fold

Hier ist der Bereich einer Webseite gemeint, der auf den ersten Blick ohne zu Scrollen zu sehen ist. “Fold” bedeutet übersetzt Falz(linie) . Gemeint ist demnach der Bereich der ohne zu scrollen sichtbar ist. Die Bezeichnung kommt aus dem Driektbmarketing – als würde man einen Werbebrief falten… der auf den ersten Blick sichbare Bereich ist auch hier „Above the fold“. 

Im Browser ist diese Falzlinie im übertragenem Sinn also die untere Kante des Fensters. „Above the Fold“ meint den Bereich der Website, die auf den ersten Blick sichtbar ist.

Back End / Front End

Wer von “Back End” spricht, bezieht sich auf die Teile einer Website, die für Besucher nicht sichtbar sind, sondern beispielsweise nur für Websitebetreiber, Redaktuere und einlogte Besucher im Bearbeitungsmodus Ihrer Website-Seite. Das “Front End” ist im Umkehrschluss alles, was Ihre Besucher beim Besuch der Seite zu sehen bekommen.

Call to Action (CTA)

Übersetzt heisst das „Aufruf zur Aktion“. Ein „Call to Action“ ist demnach ein Knopf oder ein bereich, der Besucher zu einer Aktion aufruft bzw. animiert. Spricht man über Websites und Hompages, wird man diesen Hinweis häufiger hören, da gerade die Aktion (Kauf, Mailing abonieren…) wichtig ist. Ein CTA ist demnach eine konkrete  “Handlungsaufforderung” an Ihre Besucher: Mit einem CTA werden Besucher zu einem nächsten Schritt bewegt: Z.B. ein Button mit der Aufschrift “Jetzt kaufen” ist zum Beispiel ein CTA. Oder auch der Button “Mehr lesen” unter einem Blogartikel.

Content

“Content“ heißt übersetzt ganz einfach “Inhalt” – nur klingt der Begriff etwas ausgefallener 😉. Englische Begriffe sind im Web-Bereich sehr geläufig, das das Webdesign quasi aus dem Amerikanischen kommt. Mit „Content“ sind demnach tatsächlich alle Inhalte einer Webseite gemeint: Texte, Fotos, Videos, GIFs und alle weiteren Formate, die Sie auf Ihrer Inetrnetseite im Inhaltsbereich hinzufügen können.

Für die eigene Webseite gilt die Devise: “Content is King” – denn gute Inhalte haben immer höchste Priorität. Der Grund: Die Qualität des Contents ist die Grundlage dafür, dass eine Seite Besucher anlockt. Eine erfolgreiche Webseite ist eigentlich immer eine Seite, die durch Inhalte überzeugt. Ohne Inhalte würde die Seite ja auch von niemandem aufgerufen werden und wäre uninteressant. Das Design mag noch so ausgefallen, oder eine fetzige Animationen auf einer Webseite noch so kreativ sein – hochwertiger Content in Form von Texten wird von Nutzern immer vorrangig bewertet (und nicht zuletzt auch von Google).

Content Management System (CMS)

“Content Management System” klingt langweilig und ziemlich förmlich. Für Ihre eigene Webseite ist ein CMS aber ganz entscheidend denn ein CMS ist die Software, mit der Sie Ihre Website gestalten und alle Inhalte anlegen und hochladen, sodass dieWebsite ohne  Code bearbeitet werden kann. Kurzum: WordPress ist ein CMS!

Cookies

Cookies sind kleine Helferlein, die Daten liefern, mit denen die Nutzung der Website analysiert werden kann. Es sind Dateien, die im Internet-Browser abgespeichert werden. Damit können Websites Nutzer identifizieren, ihre Aktionen nachverfolgen und daraus Statistiken erstellen. Sie dienen auch dazu, auf Wunsch Einstellungen zu speichern – wie zum Beispiel Anmeldedaten oder eine bevorzugte Ansicht.

DSGVO

DSGVO steht für die “Datenschutzgrundverordnung” der Europäischen Union. Seit November 2021 wurde diese Richtlinien mit dem Telemediengesetz gekoppelt. Mit wenigen Ausnahmen müssen alle Website-Betreiber sicherstellen, dass ihre Seite dieser Richtlinie entspricht. So dürfen persönliche Daten wie Namen, IP-Adressen, E-Mail-Adressen, Cookie-IDs etc. nur nach bestimmten Vorgaben erhoben, gespeichert und ausgewertet werden. Ebenso benötigen Websites eine rechtskonforme Datenschutzerklärung – diese könnt ihr beispielsweise rechtssicher mit dem Generator erecht24 erstellen.

FAQ 

FAQ steht für “Frequently Asked Questions” – auf Deutsch “häufig gestellte Fragen”. Diese Seite ist demnach eine Serviceseite auf der Besucher schnelle Antworten auf ihre meist gestellten Fragen finden. Mit einem FAQ-Bereich vermeiden Sie nicht nur, dass euch Ihre Kunden Sie immer wieder zu denselben Fragen kontaktieren, sie schafft auch Vertrauen in Ihr Unternehmen. Ein ganz toller Nebeneffekt eienes Ein FAQ-Bereichs – er sorgt dafür, dass Sie über Suchmaschinen wie z. B. Google besser gefunden werden.

H1 / H2 / H3

Die Angabe “H…” bestimmt die Größe einer Überschrift auf einer Webseite (“H” steht in diesem Fall für “Header”). Mit “H1” wird dabei im HTML-Code die Größte Überschrift gekennzeichnet, was für Google die Info über den Seiteninhalt darstellt.

HTML ist der Code, mit dem Ihre Internetseite geschrieben ist und für Browser übersetzt wird. Suchmaschinen wie Google oder Bing erkennen in diesem Code die Markierungen der Überschriften und speichern die Keywords daraus für Ihre Webseite ab. Aus diesem Grund beziehen sich SEO-Tipp immer auch auf eine korrekte Auszeichnung der Überschriftten innerhalb einer Homepage. Achten Sie unbedingt darauf, dass eine H1 mit den wichtigsten Schlagwörternversehen wird.

Header, Body, Footer 

Der Header einer Website ist das allererste Bereich innerhalb der Programmierung. Er zeigt das was die Website-Besucher und auch Google, als allererstes sehen. Er befindet sich demnach ganz oben auf Ihrer Seite und sollte einige grundlegende Informationen und Funktionen enthalten wie z. B.

  • das Logo
  • evtl. einen Button zur Anmeldung oder zum Einkaufen. 
  • Das Menü

Danach kommt der mit Abstand größte Teil der Website – der Body. Er enthält all die Inhalte, die Ihre Kunden auf der Homepage sehen.

Ganz unten befindet sich der Footer (Fuß). Dort befinden sich abschließende Informationen und Links wie z. B. das Impressum oder die Datenschutzerklärung.

Hero

Als Hero wird der Bereich  bezeichnet, der  von Webdesignern als Freiraum oben auf einer Webite genutzt wird und häufig für große Bilder und eine Überschrift genutzt wird. Layouts mit einer Hero Area bieten Platz für einen stimmungsvollen Blickfang als ersten Eindruck für Ihre Besucher. In diesem Bereich sollte kalr erkennbar sein für was Ihr Unternehmen steht. Diese optische Gestaltung liegt zur Zeit im Trend und wird meistens wirksam wie auch verkäuferisch hinsichtlich der Platzierung von wichtigen Kernaussagen genutzt. Auch Videos können hier effektvoll eingesetzt werden – Achtung: beachten Sie eine möglichst geringeLadezeit für die Website!

Homepage/Website und Webseite

Oft werden diese Begriffe furcheinander gebarcht, was dann meistens zu Missverständnissen führt. Deshalb hier die Info der Definition:

Die Website bzw. die Homepage ist die gesamte Website inklusive aller Einzelseiten/Unterseiten und Bilder etc.
Webseiten sind dagegen die einzelnen Seiten innerhalb der Domain.

Hosting und Domain

Um eine Website betreiben zu können benötigen sie beides:

  • Das Hosting
  • Die Domain

Die Domain ist die Web-Adresse, mit der Nutzer eine Webseite aufrufen können. Bei mir ist das „kexdesign.com“.

Unter Hosting dagegen beschreibt unter anderem den Service eines Anbieters der den entsprechenden Speicherplatz (= Webspace) zur Verfügung stellt und einen Zugriff rund um die Urh zu garantieren. So werden von diesen Hosting-Anbietern alle Dateien einer Webseite abgespeichert und verwaltet.

Bei einem Hosting-Service mieten Sie also einen Speicherplatz für die Webseite. Die Benennung des Speicherplatzes ist der Name der Domain. Unter diesem Namen ist deshalb die Website von überall her abrufbar.

Ich empfehle hier All-inkl-Domains als zuverlässigen Partner mit excellentem Service und immer freundlichem Support. Die Rechner befinden sich in Deutschland, was wegen der DSGVO zu empfehlen ist.

JPG / PNG / GIF

Diese Kürzel sind Bildformate. Am häufigsten wird (besonders bei Fotos) JPG verwendet.

Das Format PNG ist besonders gut geeignet für Logos, die ohne Hintergrund auf einem Bild stehen sollen. PNG-Dateien haben häufig eine sehr gute qualität. GIFs sind ideal für Logos, Icons oder Symbole mit geringer Auflösung – und vor allem  für kurze, effektvolle  Animationen. Gerade bei Bilder kommt es darauf an, dass diese möglichst wenig Speicher auf dem Webspace einnehmen.

Landingpage

Landingpages sind die Seiten, auf denen Ihre Besucher “landen” sollen, nachdem sie Ihre Website über eine Suchmaschine oder einen Link zu einem bestimmten Begriff aufgerufen haben. Diese Lenkung bietet sich besonders bei der Schaltung von Anzeigen an. 

Landigpages dienen meist dem Zweck, Traffic auf Ihre Website zu locken um die Besucher in Kunden zu verwandeln. Besucher werden in der Regel auf zwei Arten auf eine Landingpage aufmerksam:

  • durch Marketing-Kampagnen oder
  • durch Suchmaschinen

Um über Google & Co. gut gefunden zu swerden lohnt sich  eine strategische  Suchmaschinenoptimierung .

Lorem Ipsum

Wenn Sie Ihre Webseite neu erstellen oder mit einer Seitenvorlage starten, erscheinen Texte als Muster-Texte. Meistens beginnen diese mit „Lorem Ipsum“.  Das ist meistens ein Text-Kauderwelsch mit vorgegebenen Textabsätzen. Diese Textbereiche geben einen ersten Eindruck vom Layout und werden dann durch die richtigen texte ersetzt.

„Lorem Ipsum“ ist Blindtext ohne echten Sinn, den Sie einfach austauschen können. Der Vorteil: Durch den Blindtext können Sie  bereits nachvollziehen, wie die Seite später mit den eigenen Texten aussieht.

Mobile responsives Design

“Mobile responsive” bedeutet genau übersetzt “mobil reagierend”. Gemeint ist bei dem Begriff die Eigenschaft einer Webseite, sich automatisch auf verschiedene Bildschirmgrößen (Laptop, Desktop, Tablet, Handy) einzustellen. Alle unsere Designs sind responsive und passen sich von selbst an Smartphone, Tablet, PC oder Laptop an.

Alle von kexDESIGN gestalteten Internetseiten  sind responsive und machen daher auf jedem Gerät eine gute Figur. Individualität ist hierbei Trumpf!

QR Code

QR steht für „Quick Response“, also „schnelle Antwort“. Für gewöhnlich besteht ein QR Code aus einem quadratischen Feld, das ein Muster aus schwarzen und weißen Rechtecken enthält. In den Ecken links unten und oben sowie rechts oben befinden sich Markierungen, welche die Ausrichtung des Codes angeben. Mit einem Smartphone wird dieser Code dann in z. B. eine Internet-Adresse umgewandelt, die Sie dann ohne zu tippen schnell und direkt besuchen können.

Ein QR Code lässt sich mit Hilfe entsprechender Generatoren leicht selber erstellen.

Suchmaschinenoptimierung (SEO)

Das Ziel der Suchmaschinenoptimierung (SEO) ist, die jeweilige Webseite durch bestimmte Einstellungen und Strategien möglichst weit oben in die Ergebniss/ die Ergebnisliste (SERP) bei Google & Co. zu bringen. Dabei ist die „Search Engine Optimization“ (SEO) ein Prozess, der nicht gleich im Handumdrehen auf Platz 1 bei Google führt. SEO umfasst viele kelinteilige Aufgaben, die dann nach und nach zu Erfolg führen. In meinem Newsletter und in Kursen gebe ich regelmäßig Tipps zu SEO.

Sitemap

Die Sitemap ist eine Liste aller (Unter-)Seiten eurer Webseite, die zudem auch die Webseitenstruktur anzeigt. Mit jeder Website sollten Sie deshalb unbedingt eine Sitemap erstellen, die Google und anderen Sichmaschinen einen genauen Überblick gibt.
Über Plugins (z.B. Yoast) kann eine entsprechende Sitemap auomatisch erstellt und bei Google eingereicht werden.

Textanker

Befindet sich ein Besucher auf eienr Webseite und klickt er oder sie auf einen Textanker springt die Ansicht an die entsprechende Stelle, die der Nutzer mit dem Klick gewählt hat. Diese Stelle befindet sich auf der selben Seite jedoch weiter oben oder unten. Ein Textanker ist also ein “interner Link” auf einer Unterseite mit dem Ihre Besucher direkt zu einem bestimmten Punkt springen  können, der für sie besonders interessant ist.

URL

URL steht für “Uniform Resource Locator” – was nichts anderes bedeutet als Internetadresse. Diese URL geben  Websitebesucher in ihren Browser ein, um die jeweilige Website aufzurufen. Die meisten Adressen beginnen mit “https://” gefolgt von der Domain. Das “www”, was manchmal noch zwischen „https://“ und „Domainnamen“ steht, entfällt mittlerweile häufig.

Die URL ist quasi eine Art „Ordnerbeschriftung im Internet die den Platz auf dem Rechner lokalisiert.

UX

 “UX” ist die Abkürzung für “User Experience” und bezieht sich auf das Nutzererlebnis. Ziel einer jeden Website ist es das Nutzererlebnis möglichst positiv zu gestalten. Gemeint sind  die Erfahrungen eines Nutzers während er eine Webseite besucht und verschiedene Funktionen nutzt. Eine gute UX sorgt dafür, dass Nutzern die Orientierung auf einer Webseite einfach und intuitiv gelingt.

Widget / Plug-in

Ein Widget ist ein Bereich innerhalb der Website, der mit Elementen belegt werden kann. In diesen Bereichen können Funktionen, Buttons, Texte oder Bilder platziert werden. 

Ein Plug-in ist eine kleine Zusatzsoftware bzw. eine Erweiterung für die jeweilige Webseite. Häufig genutzte Plugins sind Galerien, SEO-Hilfen, Kalender, Mailinganbindungen und vieles mehr.

Template

Template beziechnet in WordPress eine Designvorlage, in der die grundsätzlichen Gestaltungselemente/Gestaltungsparameter festgehalten sind. In WordPress gibt es unzählige Vorlagen, auch sehr viele die kostenlos zur verfügung stehen. Je nach Anforderungen können sie direkt im WordPress Backend ausgewählt und eingebunden werden.

Internet-Glossar FAQ

Websitebegriffe sind nicht in einem Regelbuch festgealten. Es gibt also keine Anforderung wwelche Begriffe die wichtigsten sind oder unbedingt notwendig um sich auszutauschen. Wörter wie SEO, Domain, Hosting, Backend und Cookies sind jedoch allesamt wichtig und bei Webworkern im allteäglichen Gebrauch.

Nach und nach werde ich die Liste weiter ergänzen.

Cookie Consent mit Real Cookie Banner