Website Struktur & Website Aufbau: Planen, Grundlagen, Begriffe

Der Website Aufbau bezieht sich auf die Anordnung und Gestaltung der einzelnen Seiten deiner Website. Auch hier gehört die Planung an den Anfang. Der Aufbau deiner Website führt deine Leserinnen und Leser. Gut ist, wenn du eine logische Abfolge planst. Schaffe Klarheit. Um was geht es. Was für wen ist eine hilfreiche Frage, die du immer anwenden kannst. Mit der passenden Optik, einem Farbkonzept und Bildern erzielst du zusätzliche, positive Signale damit der User bei dir bleibt.

Dein Website Aufbau soll das Nutzer-Erlebnis und die Benutzerfreundlichkeit verbessern, sprich: Lieber unkompliziert als mega durchdesigned und Verwirrung gestiftet.

Ich sehe ganz oft, dass Leute von body sprechen und damit den Hauptinhalt der Webseite meinen. Das ist nicht korrekt. Body ist ein Begriff aus der Programmiersprache bzw. eine Bezeichnung innerhalb des HTML-Gerüstes mit dem deine Website aufgebaut ist. Dein CMS erstellt dir das ganz automatisch. Dieser Aufbau der Website Struktur macht es den Suchmaschinen möglich deine Website zu lesen. Sie hangeln sich von Eintrag zu Eintrag.

Der Aufbau deiner Webseite: Als Erstes gibt es die Information in welcher Sprache deine Website ist. Im darauf folgenden head-Bereich gibt es Einträge zum System, wie die Website heißt, die Beschreibung und mehr. Dann erst kommen die eigentlichen Inhalte deiner Website, sie sind vom body umschlossen.

Je nach CMS haben die einzelnen, darin enthaltenen Elemente unterschiedliche Bezeichnungen, zum Beispiel wrapper oder container. Was gleich ist sind Begriffe für die Website-Struktur: html, head, body -> header, navigation, article, aside (die Sidebar oder Seitenleiste, wenn es sie gibt), footer.

Im Header sind Logo, Navigation, oft auch eine Suchfunktion oder Warenkorb enthalten. Manchmal siehst du noch eine Zeile über der Navigation, die Top-Bar. Viele Websites sind so programmiert, dass die Navigation beim Scrollen stehenbleibt, die Top-Bar aber nach oben verschwindet. Deshalb solltest du hier nur Informationen einfügen, die zweitrangig sind und an einer anderen Stelle noch einmal auftauchen.

Im article, in meinem CMS (Content-Management-System Contao) ist die Bezeichnung dafür main, hier sind in der Regel alle Hauptinhalte drin. Was hier steht ist wichtig. Auch Links, die von hier verweisen, sind in der Wertigkeit höher als aus dem Header, der Sidebar (aside) oder dem Footer.

Sidebar, aside du kannst auch Seitenleiste sagen: Die Sidebar findest du oft in Blogs. Hier sind gerne Untermenü oder Hinweise enthalten. Die Sidebar ist ein eigener Bereich und damit außerhalb der Hauptinhalte. Auf der mobilen Darstellung befindet sie sich unter dem main, erst auf dem Desktop rutscht dieser Teil meistens neben den Hauptinhalt. Das solltest du bei der Planung berücksichtigen!

Der Footer ist auf allen Seiten identisch. Hier sollte dein Impressum und deine Datenschutzerklärung rein, beides muss mit einem Klick erreichbar sein. Auch Hinweise zu Social Media sind sinnvoll oder nochmal alle wichtigen Unterseiten. Links zu deinen eigenen Plattformen kannst du mit dem Hinweis "rel=me" bezeichnen. Damit machst du den Crawlern klar, dass es zu deinen eigenen Posts geht.

Eine Weile wurden dafür nofollow-Links verwendet. Jetzt erläutert Google nofollow Links zu verwenden macht keinen Sinn. Weil: Warum solltest du überhaupt auf eine Plattform oder andere Website verlinken, der du nicht vertraust?

Cookiebar: Wenn du zum Beispiel Youtube-Videos oder Trackingtools eingebaut hast, erzeugen diese Elemente eine direkte Verbindung zu einer externen Plattform. Das bedeutet Daten deines Users gehen beim Aufruf deiner Website dort hin. Um das zu unterbinden, gibt es Cookiebars oder Consent-Manager. Die umfangreichen kosten meistens Geld. Es lohnt sich einen passenden auszusuchen, weil du vielleicht nur wenig an Abfragen nutzt.

Ich finde die Cookiebanner total ätzend. Deshalb verzichte ich meistens auf solche Verbindungen.

Aber Achtung! Manche Systeme bauen dir über Plugins Verbindungen zu diesen Anbietern ganz automatisch ein. Deshalb unbedingt prüfen!

Eine Website im Aufbau, das ist eine Website die gerade bearbeitet wird. Also eine Cooming-Soon zum Beispiel. Solange du noch in der Entwicklung bist, kannst du auch eine digitale Visitenkarte angeben.

Wenn du deine bereits bestehend Website bearbeitest, rät Google keine Baustellen-Website zu verwenden.

Wie du ja weißt, brauchen die Crawler der Suchmaschinen eine Gerüst um Inhalte deuten zu können. Wenn du eine Überschrift, eine Headline schreibst, markierst du sie und wählst zum Beispiel eine h1 oder h2 aus.

Der Code, den dein System (Contao, Wordpress..) dann ausgibt, umschließt deinen Text mit diesen Bezeichnungen. Damit ist für die Crawler und übrigens auch für Screen Reader, die Menschen mit Sehbehinderungen verwenden, klar: Dieser Text ist eine Überschrift und damit wichtig. Es gibt Bezeichnungen von h1 bis h6. Die h1 darf es nur einmal auf der Seite geben. Sie ist richtig für deine allerwichtigste Aussage. Zu jeder Überschrift solltest du auch einen Erklärtext haben, der sinnvoll dazu passt.

Die Reihenfolge ist ebenfalls wichtig! Also keine h4 vor einer h2! Das Problem ergibt sich oft, da die Überschriften als Gestaltungselement genutzt werden. Am besten fragst du deinen Webdesigner oder Webdesignerin, damit sie dir etwas integrieren, um eine passende Schriftgröße auszuwählen und die Reihenfolge korrekt bleibt.

Du kannst deine Texte auch als fett markieren (im Code steht dann strong:-) oder Listenelemente, Bulletpoints integrieren. Damit verstärkst du ebenfalls und gliederst gleichzeitig den Lesefluss.

Die Startseite ist der Einstieg in deine Website. Du gibst einen Überblick, damit deine potenziellen Kunden und deine Kundinnen wissen was sie erwarten können. Tendenziell werden Startseiten immer länger und verstärkt für mehr Informationen genutzt.

In deinem Header ist dein Logo, vielleicht noch ein Slogan und deine Navigation.

Im Hauptteil, main, kommt zuerst deine Headline (h1) und ein Bild, das deinen Leser und Leserin anspricht. Deine Überschrift sollte deine Leserin abholen. Wenn du hier kreativ bist und noch unklar ist um was es geht, baue unbedingt eine erklärende Subline ein. Rüberkommen sollte: Was ist der Nutzen für deinen Leser und für wen ist dein Angebot.

Manche platzieren hier einen Slider. Ich würde davon abraten. Er erhöht die Ladezeiten. Außerdem wird durch das schnelle Scrollen, das Nachladen oft nicht bemerkt. Wenn der Slider fix läuft, ist der Text schwer lesbar.

Nach deiner Headline kannst du gleich einen Introtext einbauen, auch ein passender CTA macht hier Sinn.

Im nächsten Abschnitt kann ein emotionaler Text sein oder schon dann Angebote mit einem kurzen Text und Verlinkung zur entsprechenden Unterseite. Ein weiterer Abschnitt, der Vertrauen schafft, ist ein Text über dich. Verweise von hier zu deiner About-Seite.

Jetzt folgen deine Referenzen, dein Social Proof. Wenn es geht am besten mit Fotos deiner Kunden.

Zum guten Schluss eine Handlungsaufforderung. Du kannst auch auf eine Informationsseite verlinken. je nachdem was dein Ziel ist.

Der Abschluss ist dann der Footer in dem du alles Rechtliche integrierst.

Das war das Gerüst, nun kommen die Inhalte: Bevor du dich ans Schreiben deiner Texte machst, überlege dir bitte was für Suchbegriffe eingeben werden, um jemanden mit deinem Angebot zu finden. Schau nach Keywords. Google mal, was andere machen. Hol dir Inspiration.

Denke dabei an deine Zielgruppe. Wie sprichst du sie am besten an? Du? Sie? Auch Farbwahl und deine Bilder sind ein emotionaler Aspekt, um zu kaufen.

Bei deinen Unterseiten ist der Aufbau ähnlich, du gehst aber ausführlicher auf deine Inhalte ein. Content wird immer wichtiger. Google möchte hilfreiche Inhalte. Informationen für die Leserinnen und Leser. Achte dabei auf Keywords und beachte alles was du für deine Suchmaschinenoptimierung anwenden kannst.