Eine Reihe gemeinsamer Aspekte eines guten Webdesigns machen die Nutzung von Websites einfacher und angenehmer. Wenn du diese Aspekte kennst, kannst du besser verstehen, warum dir manche Websites gefallen und andere nicht, und was du in deine eigene Website einbauen möchtest.
Es ist wichtig zu wissen, dass es sich um Standardbegriffe für bestimmte Teile einer Website handelt. Du bist sehr gebräuchlich, aber andere verwenden vielleicht andere Begriffe. Was die einzelnen Elemente einer Seite sind, wozu sie dienen und warum du sie brauchst, erfahre in diesem Artikel über die verschiedenen Teile einer Website.
Warum ist es wichtig, die Teile einer Website zu kennen?
Das Verständnis der Anatomie einer Website hilft dir bei der Gestaltung einer optisch ansprechenden Website, die es deinen Besuchern leicht macht, das zu finden, wonach sie suchen. Vielleicht kannst du die verschiedenen Teile einer Website nicht benennen, aber wenn du mehr als 5 Minuten im Internet verbracht hast, kennst du sie höchstwahrscheinlich.
Wenn du im Internet surfst, erwartest du, dass die Seite, die du besuchst, auf eine bestimmte Art und Weise funktioniert, so wie die meisten Menschen auf der Welt von links nach rechts und von oben nach unten lesen. Die wichtigsten Informationen sollten oben, auf der linken Seite, zu finden sein. Die rechte obere Seite ist die nächste wichtige Position.
Die Besucher deiner Website erwarten das Gleiche. Aus diesem Grund ähneln sich die Layouts der einzelnen Websites, und das Design deiner Website sollte einige einzigartige Merkmale aufweisen. Die Anatomie einer Website bezieht sich auf das allgemeine Layout.
Die grundlegende Anatomie und Teile einer Website
Einige Teile einer Website sind so wichtig für das Webdesign, dass sie auf allen Websites vorhanden sein müssen, damit sie effektiv funktionieren. Diese Komponenten bilden zusammen das Fundament deiner Website:
1. Kopfzeile (Header)
Bild von der Website eines Strikingly-Benutzers
Dies ist der Teil einer Website, der das Logo und in den meisten Fällen auch das Navigationsmenü enthält. Die Kopfzeile ist der Bereich am oberen Rand der Seite, der sichtbar und konstant bleibt, wenn Besucher auf deiner Website navigieren.
Früher wurde in der Kopfzeile ein Banner oder ein Bild angezeigt, das für deine Marke warb, ähnlich wie das Titelbild einer Facebook-Seite. Die heutigen Websites sind jedoch schlichter, und der Trend geht dahin, dass dein Logo und die Navigation die einzigen Elemente in der Kopfzeile sind.
2. Menü
Bild von der Website eines Strikingly-Benutzers
Das Menü ist in Form einer Wortkarte aufgebaut. Es erklärt, wie man das Gesuchte auf deiner Website findet. Das Menü befindet sich in der Regel direkt über oder unter der Kopfzeile, es kann aber auch auf beiden Wegen zu finden sein.
Das Menü sollte einfach und geradlinig sein. Das kann manchmal viel Überlegung und Planung erfordern. Im Menü sollten nur die wichtigsten Kategorien aufgeführt werden. Die Besucher erwarten, dass sie in diesem Teil der Website mit höchstens drei Klicks finden, wonach sie suchen.
Du kannst Dropdowns verwenden, um die Menünavigation einfach zu halten. Wenn dein Leser die Maus über einen Menüpunkt hält, erscheint eine neue Liste, aus der er wählen kann.
3. Bilder
Bild von der Website eines Strikingly-Benutzers
Unmittelbar unter dem Banner befindet sich ein Bild, eine Reihe von Fotos oder, in seltenen Fällen, ein Video. Die Kopfzeile und das Hauptbild bilden zusammen den oberen Bereich deiner Website, auch bekannt als "above the fold", und sind entscheidend für einen starken ersten Eindruck. Vor allem das Hauptbild hat einen großen Einfluss darauf, ob die Besucher auf deiner Website bleiben oder sie innerhalb weniger Sekunden wieder verlassen.
Aus diesem Grund sollte diese Grafik etwas Wichtiges über dein Unternehmen aussagen. Es ist von entscheidender Bedeutung, dass sie eine Verbindung zum Rest deiner Website herstellt, ob sie nun Fotos deiner Produkte oder Dienstleistungen enthält oder dem Nutzer einfach einen Eindruck davon vermittelt, worum es bei deiner Marke geht.
4. Inhalt der Website
Bild von der Website eines Strikingly-Benutzers
Dies ist der wichtigste der verschiedenen Teile einer Website. Die Worte auf deiner Website, die erklären, worum es auf deiner Website geht, was du zu bieten hast und wie die Besucher deiner Website von deinen Angeboten profitieren können, werden als Inhalt bezeichnet. Das Material einer Website kann ein breites Spektrum an Themen umfassen. Er bezieht sich in der Regel auf die Absätze, in denen das Ziel deiner Website erklärt wird, kann sich aber auch auf das einzelne Wort auf deinen Schaltflächen beziehen.
Der kleine Text auf Schaltflächen und Menüs mag unbedeutend erscheinen, aber er ist die treibende Kraft hinter Websites. Es sind die Informationen, die erklären, was die Besucher der Website erwarten können, wenn sie auf Schaltflächen wie "Jetzt kaufen" oder "Warenkorb" klicken. Nimm dir die Zeit, den Inhalt deiner Website sorgfältig zu gestalten, damit jeder Besucher deine Marke genauso gut verstehen kann wie dich selbst.
5. Seitenleiste
Bild von Strikingly
Eine Seitenleiste ist eine kurze vertikale Spalte, die sich neben dem Inhalt deiner Website befindet. Häufig finden sich in der Seitenleiste Anzeigen, Verbindungen zu anderen Informationen, Aufrufe zum Handeln und ein Suchfeld. Betrachte die Seitenleiste als eine Ergänzung zu deinem Hauptinhalt der Website.
In den letzten Jahren hat sich beim Design von Websites die Tendenz durchgesetzt, die Seitenleiste ganz zu entfernen und den Inhalt in einer einzigen Spalte über die gesamte Breite zu präsentieren. Die Abschaffung der Seitenleiste ist für bestimmte Websites sinnvoll, für andere jedoch nicht. Die persönliche Entscheidung und/oder die Frage, ob der Stil (Seitenleiste vs. keine Seitenleiste) ein besseres Nutzererlebnis oder eine höhere Konversionsrate bietet, sind die entscheidenden Faktoren.
6. Schieberegler (Slider)
Bild von der Website eines Strikingly-Benutzers
Ein Slider ist ein Teil einer Website, der für die Anzeige von Bildern verwendet wird, wie eine Diashow, bei der die Bilder von rechts nach links oder umgekehrt gleiten. Slider können überall auf einer Website eingesetzt werden, werden aber in der Regel auf Homepages verwendet, um ein Hauptbild zu ersetzen (oder zu ergänzen).
Slider werden immer unbeliebter, da sich Websites weiterentwickeln und mehr Wert auf die Ladegeschwindigkeit der Seite und die Optimierung der Benutzerfreundlichkeit auf mobilen Geräten gelegt wird. Slider sind Ressourcenfresser und oft nicht viel mehr als ein Augenschmaus.
7. Aufruf zum Handeln (CTA)
Bild von der Website eines Strikingly-Benutzers
Ein Call-to-Action (CTA), der wichtigste unter den wesentlichen Bestandteilen einer Website, ist ein kurzer Text, der Kunden dazu auffordert, den nächsten Schritt mit deinem Unternehmen zu tun und den Verkaufstrichter zu durchlaufen. CTAs sind oft auf Schaltflächen zu finden und enthalten Formulierungen wie "Jetzt starten" oder " Kauf dir deines jetzt". Dieser Schreibstil weist die Nutzer an, wie sie eine bestimmte Aktion durchführen können, und wenn sie eine Schaltfläche berühren, wissen sie, was sie erwartet.
CTAs sind ein wichtiger Bestandteil einer Website, da sie es den Nutzern ermöglichen, deine Dienstleistung oder dein Produkt zu nutzen oder zu kaufen. Ohne diese Schaltflächen könntest du weniger Verkäufe verzeichnen und eine höhere Rate von Kunden, würden deine Website verlassen, ohne zu konvertieren.
8. Fußzeile (Footer)
Bild von der Website eines Strikingly-Benutzers
Einfach ausgedrückt, ist eine Fußzeile der Teil einer Website, der am unteren Ende der Seite erscheint. Er enthält normalerweise eine Sitemap mit Verbindungen zu allen Seiten deiner Website. Dies kann den Besuchern helfen, alle deine Dienstleistungen zu finden, einschließlich derer, die es nicht in die Kopfzeile geschafft haben.
Fußzeilen von Websites enthalten häufig grundlegende Kontaktinformationen, die es den Besuchern ermöglichen, dich zu kontaktieren oder dein Unternehmen zu finden. Diese Art von Daten ist für den Erfolg eines Unternehmens entscheidend. Eine soziale Leiste, die kleine, aber erkennbare Symbole enthält, die die Leser zu deinen sozialen Netzwerkseiten leiten, kann ebenfalls in die Fußzeile aufgenommen werden. Dies kann dir helfen, Follower in den sozialen Medien zu gewinnen, was zu einer erhöhten Markenpräsenz und schließlich zu einem Geschäftswachstum führen kann.
9. Landingpage
Bild von der Website eines Strikingly-Benutzers
Wenn du Anzeigen bei Google oder Facebook (oder anderswo) schaltest, musst du eine Landingpage bereitstellen, auf der Besucher landen können, wenn sie auf die Anzeige klicken - daher der Name. Wenn du einmal die Grundstruktur einer Website verstanden hast, wirst du dich nach und nach an die Teile einer Website erinnern.
Landingpages unterscheiden sich von normalen Webseiten dadurch, dass alle ablenkenden Elemente wie Kopfzeile, Fußzeile oder Seitenleiste entfernt oder auf ein Minimum reduziert werden. Der Hauptzweck einer Landingpage besteht darin, Besucher zum Handeln zu bewegen (z.B. einen Bericht herunterzuladen, sich in eine E-Mail-Liste einzutragen, etwas zu kaufen usw.) und die Konversionsrate zu erhöhen. Der Inhalt einer Landingpage sollte so zielgerichtet wie möglich sein.
10. Startseite
Bild von der Website eines Strikingly-Benutzers
Die Startseite wird auch als Hauptseite bezeichnet. Bei den meisten Websites solltest du mit diesem Teil der Website beginnen. Die Verknüpfung deines Logos mit der Startseite ist eine gute Technik für die Gestaltung einer Website, da sie deinen Besuchern die Möglichkeit gibt, die Seite zu verlassen oder zurückzusetzen, wenn sie sich auf deiner Website verirren.
11. Blog
Bild von Strikingly
Ein Blog ist eine eigenständige Website. Was genau ist also der Unterschied zwischen einem Blog und einer Website? Da gibt es nicht viel. Es kommt ganz darauf an, wie die Informationen organisiert und präsentiert werden.
- Ein Beitrag ist das, was du in einem Blog schreibst, und Blogbeiträge werden in chronologischer Reihenfolge veröffentlicht, ähnlich wie Tagebucheinträge in einem Tagebuch. Der Begriff "Blog" leitet sich vom Begriff "Web Log" ab.
- Wenn du etwas auf einer Website veröffentlichst, wird es als Seite bezeichnet, und Webseiten werden nicht in einer bestimmten Reihenfolge angezeigt. Sie sind einfach eine Sammlung von verlinkten Seiten (z.B. die Homepage, die Seite "Über uns", die Kontaktseite usw.).
- Blogeinträge ermöglichen die Interaktion der Leser über Kommentare.
- Webseiten sind in der Regel Lehrseiten über die Produkte oder Dienstleistungen eines Unternehmens und verfügen daher nicht über eine Kommentarfunktion. Du hast die Tendenz, in einem professionellen und autoritären Ton zu sprechen. Der Ton von Blogeinträgen ist lockerer und gesprächiger.
- Ein Blog kann als eigenständige Website oder als Teil einer größeren Website bestehen.
Dies ist ein Blog-Artikel in einem Blog, der Teil einer Website ist, die du gerade liest.
Zusammenfassung
Wir hoffen, dass dieser kurze Überblick über die verschiedenen Teile einer Website nützlich war. Um mit einem Webdesigner oder -entwickler intelligent zu kommunizieren, musst du die zugrunde liegende Technologie nicht verstehen. Es reicht, wenn du ein grundlegendes Verständnis für die Sprache der wichtigen Teile einer Website hast.
Wenn du dich von all dem überwältigt fühlst, können Website-Builder wie Strikingly helfen. Strikingly, ein Top-Website-Builder, ermöglicht es Menschen, ihre Gedanken über gut gestaltete, einzigartige Websites mit der Welt zu teilen. Rund 3 Millionen Unternehmer, Kleinunternehmen, Kreative und Studenten aus der ganzen Welt nutzen unsere kostenlosen Website-Design-Services.
Unsere maßgeschneiderten Design Vorlagen für Websites machen es auch Anfängern leicht, Websites zu erstellen, so dass sie mit größeren lokalen Unternehmen konkurrieren können. Du kannst sofort mit dem Design und der Entwicklung einer Website beginnen, die deine Zielgruppe anspricht, wenn du über ein komplettes Set an Tools und die beste kostenlose Webdesign-Software verfügst.
