\u00fcbersichtlicher, hierarchischer Aufbau<\/p>\n
ordentliche Seitenstruktur<\/p>\n
Zielerreichung mit nur wenigen Klicks<\/p>\n
leserorientierte Texte<\/p>\n
Hervorhebung von f\u00fcr den Leser besonders wichtigen Informationen<\/p>\n
Damit die Erf\u00fcllung dieser Kriterien erf\u00fcllt werden k\u00f6nnen, muss die Website zun\u00e4chst einige grundlegende Elemente enthalten.<\/p>\n
Hierzu geh\u00f6ren vor allem:<\/strong><\/p>\n eine aussagekr\u00e4ftige Startseite<\/p>\n eine Seite mit tiefergehenden Informationen und Inhalten<\/p>\n eine Seite mit der Kontaktadresse oder einem Kontaktformular<\/p>\n ein Impressum<\/p>\n Diese Seiten k\u00f6nnen und sollten dann nat\u00fcrlich noch um weitere Funktionen erweitert werden, je nachdem, wie umfangreich die Seite werden soll und welche Ziele Sie damit verfolgen.<\/p>\n Die Website sollte grunds\u00e4tzlich so aufgebaut werden, dass der Besucher alles, wonach er sucht, sofort finden kann, ohne dass er lange dar\u00fcber nachgr\u00fcbeln muss. Geben Sie hierf\u00fcr beispielsweise Schaltfl\u00e4chen und Links m\u00f6glichst pr\u00e4gnante Bezeichnungen, sodass die Navigation leicht f\u00e4llt.<\/p>\n Bedenken Sie: Wenn es Ihnen nicht gelingt, eine \u00fcbersichtliche Struktur zu schaffen, werden Ihre Besucher die Seite wahrscheinlich bald wieder verlassen.<\/p>\n Deshalb sollten Sie die Inhalte Ihrer Website in verschiedene Bereiche einteilen. Das bedeutet, dass ein hierarchischer Aufbau wichtig ist. Gliedern Sie Ihre Inhalte in Kategorien, Themen und Unternehmen \u2013 je nachdem, wie umfangreich sie sind.<\/p>\n Wie Sie Ihre Website dann im Einzelnen gestalten, bleibt nat\u00fcrlich Ihnen selbst \u00fcberlassen.<\/p>\n Beachten Sie dabei jedoch nach M\u00f6glichkeit folgende Regeln:<\/strong><\/p>\n Wie auff\u00e4llig eine Seite bzw. ein Bereich gestaltet wird, h\u00e4ngt davon ab, wie wichtig er im Vergleich zu anderen Informationen ist.<\/p>\n Vermeiden Sie zu viele Aspekte auf Ihrer Seite, die die Aufmerksamkeit des Besuchers fordern. Setzen Sie lieber einen bewussten Akzent auf die wichtigste Stelle auf der entsprechenden Seite.<\/p>\n Die eingesetzten \u00dcberschriften sollten sich in Bezug auf ihre Formatierung deutlich vom Rest des Textes abgegrenzt werden. Dies ist beispielsweise durch eine abweichende Schriftgr\u00f6\u00dfe oder \u2013farbe zu erreichen.<\/p>\n Je umfangreicher eine Seite wird, desto un\u00fcbersichtlicher wird sie automatisch f\u00fcr den Leser. Deshalb sollten mit wachsender Datenmenge einige weitere Navigationshilfen f\u00fcr den Benutzer eingef\u00fcgt werden. Die Grafik zeigt Ihnen einige g\u00e4ngige Benutzerhilfen:<\/p>\n Mehr \u00fcber diese verschiedenen Funktionen erfahren Sie sp\u00e4ter im Kapitel \u201eBequemlichkeit durch Navigationshilfen\u201c.<\/p>\n Je nach dem Verwendungszweck der Website k\u00f6nnen diese Funktionen nun um weitere, individuelle Funktionen erweitern. So kann man beispielsweise ein Forum einbauen, in dem sich die Besucher austauschen k\u00f6nnen. Ebenfalls m\u00f6glich ist eine Chatfunktion f\u00fcr die schnellere und bequemere Kommunikation. Auch Shop-Systeme und passwortgesch\u00fctzte Benutzerbereiche k\u00f6nnen eingerichtet werden.<\/p>\n Jeder Websitebetreiber muss verschiedene rechtliche Grundlagen beachten. Eine besondere Bedeutung kommt zum einen der Impressumpflicht zu, zum anderen gilt auch dem Datenschutz ein besonderes Augenmerk.<\/p>\n Seit 2002 ist es f\u00fcr jeden Websitebesitzer Pflicht, ein Impressum (auch: Anbieterkennung) bereit zu halten.<\/p>\n Folgende Inhalte m\u00fcssen enthalten sein:<\/p>\n Name, Anschrift, Telefonnummer und Email-Adresse des Inhabers<\/p>\n gesch\u00e4ftsf\u00fchrende Gesellschafter oder Vertretungsberechtigter, wenn der Betreiber keine nat\u00fcrliche Person ist<\/p>\n Registernummer des Handelsregisters u. \u00e4.<\/p>\n Umsatzsteueridentifikationsnummer<\/p>\n zust\u00e4ndige Beh\u00f6rden (sofern eine aufsichtspflichtige T\u00e4tigkeit vorliegt)<\/p>\n Sobald ein Websitebesucher irgendwo auf der Website pers\u00f6nliche Daten hinterl\u00e4sst, erfolgt eine Erfassung der personenbezogenen Daten. Gerade bei der Anmeldung f\u00fcr geschlossene Benutzerbereiche oder bei der Anmeldung zu einem Newsletter gibt man Namen, Emailadressen oder die Anschrift an.<\/p>\n Diese pers\u00f6nlichen Daten unterliegen dem Datenschutz nach BDSG, sodass der Websitebetreiber f\u00fcr einen ausreichenden Schutz dieser Daten zu sorgen hat. Gleichzeitig muss er dem Besucher Auskunft dar\u00fcber erteilen, warum und in welchem Umfang die Daten gespeichert werden. Sollen diese an Dritte weitergegeben werden, muss dies unbedingt offen gelegt werden.<\/p>\n Die Startseite sollte in der Lage sein, auf einen Blick zu vermitteln, worum es auf der Website geht und welches Ziel sie verfolgt. Hierf\u00fcr werden nat\u00fcrlich auch wieder einige gestalterische Elemente eingesetzt. Allerdings sollte man sich bei der Gestaltung immer einer Sache besonders bewusst sein: sie sollte m\u00f6glichst vielen Besuchern gefallen. Dies bedeutet aber auch, dass man die eigenen W\u00fcnsche vielleicht auch mal ein wenig in den Hintergrund stellen will.<\/p>\n Rein aus gestalterischer Perspektive sollten Sie es wenigstens auf der Startseite vermeiden, l\u00e4stige Pop-Ups einblenden zu lassen. Gew\u00f6hnlich enthalten diese ohnehin nur Werbung. Da der Besucher diese jedoch nicht selbst abgefragt hat und sie ihm ungefragt angezeigt wird, kann sie schnell abschreckend wirken. Zudem f\u00fchrt dies h\u00e4ufig dazu, dass die Besucher so genannte Pop-Up-Blocker einsetzen, damit ihnen diese Fenster nicht mehr angezeigt werden. Dies verhindert aber unter Umst\u00e4nden auch die Anzeige von eigenen, Informationen beinhaltenden Pop-Ups.<\/p>\n Wenn Sie Ihre Startseite mit Text f\u00fcllen m\u00f6chten, denken Sie daran, dass Sie diese auch bereits an den Keywords orientieren, die f\u00fcr Ihre Website und den von Ihnen verfolgten Zweck relevant sind. Wie Sie passende Keywords finden, zeigen wir Ihnen in Band 2 dieser Reihe \u201eArbeiten mit den Google Webmastertools\u201c. Da die Suchmaschinen beim Einlesen Ihrer Website wie jeder andere Leser auch bei der Startseite beginnen, ist es besonders wichtig, dass diese die relevanten Begriffe enth\u00e4lt.<\/p>\n \u00dcbrigens eignet sich die Startseite \u2013 besonders deren Kopfbereich \u2013 ganz besonders gut, um den Slogan eines Unternehmens darzustellen. Hier auf der Startseite wird er von jedem Besucher gelesen. So erreichen Sie gezielt die gew\u00fcnschte Klientel.<\/p>\n Wenn Sie Artikel f\u00fcr eine Internetseite schreiben, sollten Sie sich stets dessen bewusst sein, dass hier andere Regeln anzuwenden sind als bei einem Text, der in den Printmedien erscheinen soll. Prinzipiell ist hier n\u00e4mlich die Aufmerksamkeit des Lesers wesentlich geringer. Nur ein Bruchteil aller Besucher liest die Texte auch komplett. Ein \u201e\u00dcberfliegen\u201c der Texte ist hier \u00fcblicher.<\/p>\n Gleichzeitig haben Sie allerdings auch die M\u00f6glichkeit, den Besucher \u00fcber gestalterische M\u00f6glichkeiten in den Bann zu ziehen. So k\u00f6nnen passend gew\u00e4hlte Grafiken oder Videos die Aufmerksamkeit des Lesers erregen. Beim Einf\u00fcgen von solchen Medien sollten Sie jedoch stets bedenken, dass es auch Besucher geben k\u00f6nnte, bei denen diese nicht angezeigt werden. In einem solchen Fall sollten alternative Texte erscheinen, die den Inhalt der Medien beschreiben.<\/p>\n Um einen optisch ansprechenden Text f\u00fcr eine Website zu gestalten, sollte man sich au\u00dferdem an einige wichtige Formalien halten.<\/p>\n Hierzu geh\u00f6ren unter anderem:<\/strong><\/p>\n keine Ausnutzung der gesamten Seitenbreite<\/p>\n Anzahl der Zeichen pro Zeile zwischen 26 und 70 Zeichen<\/p>\n Einsatz eines Teasers bei langen Texten (Teaser = zusammenfassender Einleitungstext)<\/p>\n aktivierender Schreibstil<\/p>\n pers\u00f6nliche Ansprache des Lesers (\u201eSie\u201c oder \u201eDu\u201c)<\/p>\n Einsatz serifenloser Schriftarten (z. B. Arial, Tahoma, Verdana)<\/p>\n Schriftgr\u00f6\u00dfe mindestens 10 pt<\/p>\n Hervorhebungen mithilfe des Fettdrucks<\/p>\n Vermeidung von Unterstreichungen (Nutzung nur f\u00fcr Verweise\/Links)<\/p>\n Ausrichtung der Texte an der linken Seite (\u201eFlattersatz\u201c)<\/p>\n Auch der Schreibstil sollte bestimmten Kriterien folgen, um die perfekte Lesbarkeit zu gew\u00e4hrleisten. Stets sollte die Objektivit\u00e4t gewahrt bleiben. Orientieren Sie sich beim Schreiben an den 6 W\u2019s \u2013 Was? Wer? Wo? Wann? Wie? Warum? Mithilfe dieser Fragen k\u00f6nnen Sie sicher gehen, dass Sie beim Schreiben keine wichtigen Informationen vergessen. Verdeutlichen Sie Ihre Aussagen mit passenden Beispielen.<\/p>\n Halten Sie folgende Stilelemente ein:<\/strong><\/p>\n keine Modalw\u00f6rter (z. B. \u201evielleicht\u201c)<\/p>\n Vermeidung von substantivierten Verben (z. B. \u201eIdentifikation\u201c durch \u201eidentifizieren\u201c ersetzen)<\/p>\n kurze S\u00e4tze<\/p>\n keine Schachtels\u00e4tze<\/p>\n Vermeidung von Fremdw\u00f6rtern<\/p>\n keine Rechtschreib-, Grammatik- oder Kommafehler<\/p>\n Verschiedene Umfragen in der Vergangenheit ergaben, dass die meisten Menschen eine Website, die mit vielen Rechtschreib- oder Grammatikfehlern gespickt ist, unprofessionell und unglaubw\u00fcrdig wirkt. Erst weit abgeschlagen bem\u00e4ngeln die Benutzer danach zu selten aktualisierte Inhalte. Daran d\u00fcrften Sie schon erkennen, wie wichtig eine gute Rechtschreibung ist.<\/p>\n Sitemap: Dieses vollst\u00e4ndige Inhaltsverzeichnis verweist auf die entsprechenden Seiten.<\/p>\n Index: Diese Stichwortliste (analog zu B\u00fcchern) enth\u00e4lt h\u00e4ufig verwendete Begriffe und Verweise auf die entsprechenden Seiten.<\/p>\n Suche: Die stichwortbasierte Suche nach Inhalten auf der Website ist vor allem f\u00fcr Seiten mit sehr umfangreichem Datenmaterial von Interesse.<\/p>\n Hilfe: Wenn die Homepage bestimmte Benutzerfunktionen zur Verf\u00fcgung stellt, sollte auch erkl\u00e4rt werden, wie diese richtig benutzt werden.<\/p>\n FAQ: Um unn\u00f6tige Anfragen von Websitebesuchern zu vermeiden, sollte man die am h\u00e4ufigsten gestellten Fragen (Frequently Asked Questions) bereits im Voraus beantworten.<\/p>\n Hilfsnavigation: Bestimmte Men\u00fcpunkte (z. B. Impressum, Kontakt, Sitemap) werden in ein extra Men\u00fc verschoben, sodass sie sich von den fachlichen Informationen der Website abheben.<\/p>\n Home-Button: Mithilfe dieses Buttons, der auf jeder Seite eingeblendet bleibt, kommt man automatisch immer wieder zur Startseite zur\u00fcck.<\/p>\n Jeder, der im Internet surft und Webseiten besucht, hat dabei andere Vorlieben und auch immer andere Gewohnheiten, jeder hat einen individuellen Weg. Der eher unerfahrene Nutzer wird sich an einer Sitemap, dem Inhaltsverzeichnis einer Seite, orientieren. Derjenige, der genau wei\u00df, was er will, wird eine seiteninterne Suchfunktion zu sch\u00e4tzen wissen. Und die Nutzer, die ohne ein bestimmtes Ziel auf der Seite sind, werden nach etwas Interessantem suchen. Gute Navigationshilfen unterst\u00fctzen jeden der unterschiedlichen Besuchertypen.<\/p>\n einen Seitentitel<\/p>\n eine Seiten\u00fcberschrift<\/p>\n einen \u00fcbersichtlichen Navigationspfad<\/p>\n ein Inhaltsverzeichnis (Sitemap)<\/p>\n einen Index<\/p>\n Suchfunktion<\/p>\n weiterf\u00fchrende Hilfen<\/p>\n Antworten auf h\u00e4ufig gestellte Fragen (FAQ)<\/p>\n Der Titel einer Webseite wird immer im Fenster des Browsers angezeigt und ist – wenn man so will – der Name der Seite. Die \u00dcberschrift der Seite kennzeichnet ihren eigentlichen Inhalt, sie sollte sich deutlich hervorheben und \u00fcber dem Inhaltsverzeichnis stehen. Der Hinweistext auf eine andere Webseite sollte dem Seitentitel und auch der Seiten\u00fcberschrift in Gr\u00f6\u00dfe und Aufmachung gleichen.<\/p>\n Um dem Nutzer den Besuch der Webseite so angenehm wie eben m\u00f6glich zu machen, sollte es neben der eigentlichen Navigation auch einen so genannten Navigationspfad geben. Im Englischen hei\u00dft dieser Navigationspfad \u201eBreadcrumb\u201c, also Brotkrumenpfad, und ist eine Anspielung auf das M\u00e4rchen von H\u00e4nsel und Gretel. Die beiden haben im Wald Brotkrumen verstreut, um den R\u00fcckweg nach Hause zu markieren. \u00c4hnlich verh\u00e4lt es sich mit einem Navigationspfad. Der Besucher muss immer genau verfolgen k\u00f6nnen, woher er gekommen ist und wohin er gehen wird.<\/p>\n Einen Navigationspfad als Orientierungshilfe findet man meist auf sehr umfangreichen Webseiten, die mehrere Unterseiten haben, die nicht auf direktem Weg von der Startseite aus zu erreichen sind.<\/p>\n Der gr\u00f6\u00dfte Vorteil eines Navigationspfades besteht darin, dass der Nutzer neben der Haupt- und Nebennavigation einen schnellen und effektiven Weg zum eigentlichen Ziel hat. Platziert wird der Navigationspfad am besten weit oben auf einer Webseite und er sollte auch einen entsprechenden Titel haben. Zum Beispiel: \u201eSie befinden sich hier\u2026\u201c \u2013 das erleichtert dem Nutzer die Suche. Die Schriftgr\u00f6\u00dfe des Navigationspfades sollte kleiner sein als die eigentliche Schriftgr\u00f6\u00dfe der Webseite. Mithilfe des Navigationspfades findet der Nutzer nicht nur den Weg zu den Unterseiten, sondern auch, \u00e4hnlich wie H\u00e4nsel und Gretel, auch den Weg wieder zur\u00fcck zur Startseite.<\/p>\n Eine Sitemap ist nichts anderes als ein Inhaltsverzeichnis mit Hinweisen auf Unterseiten und Links. Sinnvoll ist eine Sitemap bei einer Webseite, die sehr umfangreich ist und wo die einzelnen Verweise auf interne und auch externe Seiten ohne Inhaltsangabe schnell un\u00fcbersichtlich werden. Eine gute gemachte Sitemap sollte deutlich gekennzeichnet sein und in \u00fcberschaubarer Form die einzelnen Elemente auff\u00fchren.<\/p>\n Bei einer umfangreichen Webseite ist es durchaus sinnvoll, neben der Sitemap auch einen Index, eine alphabetisch geordnete Stichwortliste anzubieten. Der Index dient einer noch besseren Orientierung.<\/p>\n Damit der Besucher einer Webseite auch das Gesuchte schnell und unkompliziert findet, ist eine Funktion zur internen Suche auf der Website in Listenform optimal.<\/p>\n Frei \u00fcbersetzt hei\u00dft FAQ (Frequently Asked Questions) h\u00e4ufig gestellte Fragen zu einer Webseite. Dabei ist es wichtig, dass sowohl die Fragen als auch die Antworten so knapp und genau formuliert sein sollten wie m\u00f6glich. Sortiert ist diese Fragen-\/Antwortliste nach der H\u00e4ufigkeit der gestellten Fragen. Die Frage, die am h\u00e4ufigsten gestellt wurde, steht auf der Liste ganz oben.<\/p>\n Viele Menschen kommen aus unterschiedlichen Gr\u00fcnden nicht so gut mit einer Computermaus zurecht und bedienen ihren PC deshalb ausschlie\u00dflich mit der Tastatur. Damit auch diese Form der PC-Bedienung ohne Probleme funktioniert, gibt es eine Tastatur-Steuerung. Innerhalb dieser Steuerung gibt es f\u00fcr die Tastatur Kurzbefehle, die so genannten Shortcuts, die eine Bedienung schneller machen und auch erleichtern.<\/p>\n Noch einfacher wird es, wenn neben den Shortcuts auch die Reihenfolge des Tabulators festgelegt ist. Beide Elemente helfen dabei, die Navigation \u00fcber die Tastatur zu beschleunigen. Das Schwierige dabei ist nur, dass alle bekannten Browser unterschiedliche Kurzbefehl-Funktionen haben.<\/p>\n Im Einzelnen sehen die Tastenkombinationen f\u00fcr die Aktivierung der Shortcuts wie folgt aus:<\/strong><\/p>\n Internet Explorer: Alt + Zahl + Enter<\/p>\n Firefox: Umschalt + Alt + Zahl<\/p>\n Opera: Umschalt + Esc + Zahl<\/p>\n Safari: Alt + Zahl<\/p>\n (Die Variable \u201eZahl\u201c steht in diesem Zusammenhang f\u00fcr die Nummer des Shortcuts.)<\/p>\n Erschwerend kommt hinzu, dass zum Beispiel bei Firefox alle Tasten gleichzeitig gedr\u00fcckt werden m\u00fcssen, bei Opera und Internet Explorer werden die ersten beiden Tasten zusammen und danach erst die dritte Taste gedr\u00fcckt.<\/p>\n","protected":false},"excerpt":{"rendered":" 8. Aufbau und Gestaltung von Websites Ganz egal, f\u00fcr welche der beiden beschriebenen Varianten Sie sich entscheiden \u2013 die Basis Ihres Erfolgs muss auf jeden Fall immer eine gut durchdachte und sch\u00f6n gestaltete Website sein. Deshalb gehe ich im Folgenden zun\u00e4chst darauf ein, welchem grunds\u00e4tzlichen Aufbau eine Website folgen sollte. Dabei kommen auch einige rechtliche […]<\/p>\n","protected":false},"author":1,"featured_media":35,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[9,7,8],"class_list":["post-30","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-homepage-erstellen","tag-aufbau","tag-homepage","tag-webseite"],"_links":{"self":[{"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/posts\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":7,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/posts\/30\/revisions"}],"predecessor-version":[{"id":248,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/posts\/30\/revisions\/248"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/media\/35"}],"wp:attachment":[{"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/media?parent=30"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/categories?post=30"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/tags?post=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}i. Selbsterkl\u00e4rende Struktur<\/h4>\n
ii. Weitere Funktionen<\/h4>\n
![\"Internet-Projekt-Seitenaufbau\"](\"http:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/files\/2016\/03\/Internet-Projekt-Seitenaufbau.jpg\")
<\/p>\niii. Individuelle Funktionen<\/h4>\n
b. Rechtliche Grundlagen<\/h3>\n
i. Bereitstellen eines Impressums<\/h4>\n
ii. Datenschutz im Internet<\/h4>\n
c. Die Bedeutung der Startseite<\/h3>\n
d. Die Texte f\u00fcr Ihre Website<\/h3>\n
i. Formalit\u00e4ten<\/h4>\n
ii. Schreibstil<\/h4>\n
e. Bequemlichkeit durch Navigationshilfen<\/h3>\n
f. Bedeutung von Navigationshilfen<\/h3>\n
g. Was eine perfekte Navigationshilfe auf jeden Fall enthalten sollte:<\/h3>\n
i. Seitentitel und Seiten\u00fcberschrift<\/h4>\n
ii. Navigationspfad<\/h4>\n
iii. Die Sitemap<\/h4>\n
iv. Index<\/h4>\n
v. Suchfunktion<\/h4>\n
vi. Antworten auf h\u00e4ufig gestellte Fragen (FAQ)<\/h4>\n
vii. Die Bedienung der Computertastatur<\/h4>\n