“Ich brauche eine Homepage” - höre ich dich sagen. Und da fängt’s schon an mit diesen Begrifflichkeiten.
Ich habe keine Ahnung, wie es dazu gekommen ist, aber sicherlich haben 1&1 und Co. mit ihrem “Homepage-Baukasten” dazu beigetragen, dass wir Homepage sagen, wenn wir eigentlich Website meinen.
Um die Unterschiede zwischen diesen Begriffen aufzuklären, habe ich angefangen diesen Artikel zu schreiben. Währenddessen fiel mir auf, wie viele Begriffe es gibt, die ich selbstverständlich nutze, die aber für meine Kund:innen oft gar nicht klar sind. Deshalb habe so eine Art Websites-Vokabular zusammengestellt.
Bist du bereit, Vokabeln zu lernen? ;-)
Website, Webseite und Homepage:
Website ist das Ganze. Es ist so zu sagen dein Ladengeschäft - nur online.
Webseite ist eine einzelne Seite auf deiner Website. Die Über-mich-Seite ist eine so eine Einzelseite, zum Beispiel. Wenn du dir wieder ein Ladengeschäft vorstellst, wäre das zum Beispiel die Gemüseabteilung, ein Behandlungszimmer oder ein Büro - also ein bestimmter Bereich innerhalb deines Ladengeschäfts, wo deine Kund:innen eine bestimmte Sache tun können.
Homepage ist die Startseite. Das ist also auch eine Einzelseite, aber eben diese ganz bestimmte, wichtige Seite. Da wo deine Kund:innen “reinkommen” - wie eine Rezeption. Das ist der Orientierungspunkt. Von hier kann man tiefer eintauchen.
Baukasten, Website-Plattform:
Früher musste man jede einzelne Code-Zeile selbst schreiben, um eine Website zu erstellen, was sehr aufwendig war. Mittlerweile gibt es Programme zum Bauen von Websites, die einem die mühselige Code-Arbeit abnehmen. Man nennt sie Baukästen oder Plattformen.
Die bekanntesten bei uns sind WordPress, Wix, Jimdo, Squarespace, Ionos. Ich füge hier noch Chimpify* hinzu - ist zwar nicht so bekannt, aber ich finde Chimpify* sehr gut und es ist eine echte Alternative zu den vorher genannten.
(Diese Plattformen unterscheiden sich im Wesentlichen in zwei Punkten: Gestaltungsspielraum und Komplexität. Maximaler Gestaltungsspielraum geht mit mehr Komplexität für den Anwender einher.)
*Partnerlink
Domain:
Eine Domain ist der Name und die Adresse deiner Website, zum Beispiel www.meinbusiness.de.
Die Domain kannst du bei verschiedenen Anbietern mieten. Bei Squarespace und Ionos bekommst du zum Beispiel sowohl den Baukasten als auch die Domain aus einer Hand, während WordPress.org und Chimpify keine Domains anbieten. Dann mietest du sie einfach woanders (bei United Domains oder All-inkl zum Beispiel) und verbindest die zwei Anbieter miteinander.
Backend:
Wenn du auf der Plattform eingeloggt bist, um deine Site zu erstellen oder zu bearbeiten, bewegst du dich im Backend, also im hinteren Ende deiner Website. Es ist der „Bearbeitungsmodus“, während Frontend der “Vorzeigemodus” ist.
E-Mail Marketing Tool / E-Mail Marketing Software
Das ist nicht dein ‚normales‘ Postfach bei GMX.de oder Gmail.com. Um Marketing mit E-Mails zu machen braucht es nämlich ein paar Funktionen, die so ein Postfach gar nicht leisten kann:
E-Mail Sequenzen anlegen und
nach bestimmten Regeln automatisch versenden,
sehr viele Empfänger anschreiben,
unterschiedliche Interessent:innen innerhalb der Kontaktliste verwalten
Das sind die Kernkompetenzen einer E-Mail-Marketing Sofware.
Beim Bauen der Website kommt man oft an den Punkt über so eine Lösung nachzudenken, wenn man z.B. ein Newsletter und/oder eine Freebie anbieten will.
Hier habe ich etwas ausführlicher zu dem Thema geschrieben.
Opt-in Formular:
Das sind diese Formulare auf der Website, wo du deinen Namen und deine E-Mail Adresse einträgst, um ein Freebie zu bekommen oder dich für ein Newsletter anzumelden.
Diese Infos landen übrigens in der E-Mail Marketing Software und werden dort als Kontakte angelegt, die du dann weiter bespielen darfst.
Favicon:
Das ist diese kleine Bildchen im Browserfenster, das neben dem Titel der Webseite erscheint. Es ist ein kleines Detail, das den Nutzer:innen das Erkennen deiner Seite zwischen den ganzen anderen offenen Fenstern erleichtert.
URL:
Damit ist’s der Adress-Pfad gemeint, mit dem man direkt zu den bestimmten Bereichen deiner Website springen kann: www.meinbusiness.de/angebote zum Beispiel.
Above the fold - Header Section - Hero section
Alles Begriffe für den Bereich deiner Website, den man beim Aufrufen sofort sieht, ohne runter zu scrollen.
Banner:
Eine Bereich auf der Website, wo ein (Hintergrund)bild randlos über den Bildschirm spannt.
Parallax-Effekt:
Beim Parallax-Effekt werden Elemente auf verschiedenen Ebenen platziert, die sich beim Scrollen in unterschiedlichen Geschwindigkeiten bewegen. Dadurch wird Tiefe simuliert, weil sich z.B. das Bild im Hintergrund langsamer bewegt, als die darüber liegende Text-Ebene. Das Bild scheint darunter zu verschwinden.
SSL-Zertifikat:
Das SSL-Zertifikat (Secure Sockets Layer) stellt sicher, dass Daten mit einer verschlüsselten Verbindung übertragen werden.
Kommentare, Angaben in Formularen oder Log-in Daten werden auf deiner Website erfasst und durch das Internet geschickt. Diese Daten müssen vor dem Zugriff Dritter geschützt werden, deshalb werden sie verschlüsselt. Erkennbar an dem kleinen Schloss-Symbol neben der URL.
Du brauchst dieses Zertifikat für deine Website, weil:
die DSGVO (Datenschutz Grundverordnung) das verlangt
die Suchmaschinen Websites ohne SSL-Verschlüsselung nicht mögen und sie schlechter platzieren (Stichwort: SEO)
deine Besucher:innen von ihren Browsern Sicherheitswarnungen bekommen. Und das ist sehr schlecht für deine Besucherzahlen, weil ja Vertrauen sofort flöten geht.
Bei Squarespace und Chimpify ist das SSL-Zertifikat automatisch und kostenfrei dabei.
SEO (Search Engine Optimization)
Mit Suchmaschinen Optimierung sind die Maßnahmen gemeint, die du einsetzt, damit Suchmaschinen (Google) deine Website als relevant ansehen und sie deshalb weiter oben in den Suchergebnissen anzeigen.
Dazu musst du einerseits deine Kunden kennen, um zu verstehen, nach was genau sie eigentlich suchen und zum anderen ein paar technischen Anforderungen beachten, wie schnelle Ladezeiten und für Mobilgeräte optimiertes Design.
Backlink:
Ein Link von einer anderen Website zurück zu deiner Website. Wenn andere Seiten deine Inhalte verlinken, ist es ja wie eine Empfehlung und so wird deine Website von Suchmaschinen als relevant bewertet und rankt deshalb höher in den Suchergebnissen. Wichtig ist, dass es hochwertige Backlinks sind, also von relevanten Websites stammen. Der Algorithmus erkennt Fakes und Spam und straft diese Seiten ab.
Responsive Website:
Unter „responsive“ versteht man Webseiten, die für verschieden Bildschirmgrößen optimiert sind. Das ist nutzerfreundlich und ebenfalls SEO-relevant.
HTML:
Code, mit dem man den Großteil der Website programmiert. HTML beschreibt die Struktur und bestimmt im wesentlichen WAS der Browser anzeigen soll: Eine Überschrift, ein Text, ein Link oder ein Bild.
CSS:
Code, mit dem man die Website stylen kann. Mit CSS bestimmt man WIE etwas angezeigt werden soll: zum Beispiel die Überschrift, soll immer rot und mittig angezeigt werden, der Fließtext schwarz und linksbündig.
Javascript:
Code, mit dem man Animationen auf der Website programmieren kann, zum Beispiel ein Countdown.
Das ist eine wachsende Liste von Begriffen und ich füge immer mal eine neue Vokabel hinzu. Fällt dir noch ein Begriff ein, der in dieser Liste fehlt? Schreibe ihn gerne in die Kommentare!