Eine gute Website verfolgt drei Ziele
Eine gute Website verfolgt drei Ziele: gefunden zu werden, den Besucher auf der Seite zu halten und den Besucher zu einer Handlung – einem sogenannten „Call-to-Action“ – zu motivieren. Ein einfaches Beispiel zur Veranschaulichung: Ein Kunde sucht einen Tischler um sich einen Stuhl anfertigen zu lassen. Er sucht im Internet nach einem Tischler, klickt auf eines der Suchergebnisse, verweilt auf der Website, da sie ihm gefällt und professionell erscheint und nimmt schließlich per Kontaktformular Kontakt auf.
» Die Suchalgorithmen und Searchbots der Suchmaschinen sind mittlerweile so komplex geworden, dass sie Websites ganzheitlich betrachten. «
Was sich eigentlich sehr simpel anhört, ist wirklich nicht ohne. Es gilt viele Punkte zu berücksichtigen, und beinahe alle Punkte sind irgendwie miteinander verwoben. Gerade mit Blick auf das „Gefunden werden“. Die Suchalgorithmen und Searchbots der Suchmaschinen sind mittlerweile so komplex geworden, dass sie Websites ganzheitlich betrachten. Wo früher nur Keywords analysiert wurden, schauen sich die Searchbots heute die Texte als Ganzes an, analysieren die Semantik und Struktur, betrachten die Navigation und berücksichtigen, ob die Website für mobile Endgeräte optimiert und sicher ist.
Der Prozess
Damit wir aber trotzdem ein wenig Struktur rein bekommen, kann man die Punkte grob in drei Kategorien unterteilen: Planung, Design und Programmierung.
01. Planung
Wir setzen Prioritäten, organisieren den Inhalt und verstehen die Reise des Users, die er beim Navigieren auf Ihrer Website unternimmt. Am Ende der Strategie haben Sie einen Blueprint für Ihr Website-Projekt, einen umfassenden Strategieplan für das Design, den Inhalt und die Funktionalität Ihrer Website.
02. Design
Sobald der Blueprint genehmigt ist, erstellen wir Wireframes und einen Designkompass. Dieser Prozess erfolgt in enger Kommunikation zwischen Ihnen und unserem Kreativteam. Wir beginnen mit der Homepage, um Stil-, Image- und Markenstandards festzulegen, und gehen dann zum Innenlayout über.
03. Programmierung
Mit den Blueprint- & Design-Komponenten als Leitfaden beginnt die Erstellung Ihrer Website mit den State of the Earth Tools. Wir arbeiten daran, Inhalte und finale Designelemente hinzuzufügen, Ihre Website zu überprüfen und auf Qualität zu testen.
04. Präsentation
Nach Prüfung und Durchsicht wird Ihre neue Website präsentiert. Wenn Sie dem Ergebnis zustimmen, wird Ihre Website gestartet, beworben und für Suchmaschinen wie Google & Bing optimiert.
Was sollte konzeptionell berücksichtigt werden?
Beginnen wir mit der ersten Kategorie. Was sollte also konzeptionell bei Ihrer Website berücksichtigt werden?
Übersicht oder Spannungsaufbau
Der erste Eindruck ist ja bekanntlich der wichtigste. Damit der Besucher Ihre Website nicht direkt wegklickt, sollte die Startseite den Besucher animieren, auf Ihrer Website zu bleiben. Generell hat man zwei Möglichkeiten, dies zu erreichen: Durch eine Übersicht oder einen Spannungsaufbau. Eine Übersicht Ihres Unternehmens, Ihrer Dienstleistungen oder Produkte empfiehlt sich dann, wenn Ihre Zielgruppe eher daten- und faktengetrieben ist. Eine klassische Zielgruppe wären in diesem Fall beispielsweise Einkäufer. Sie möchten möglichst schnell Informationen aufnehmen können. Ohne zu viel Zeit zu investieren. Einen Spannungsaufbau wiederum erreichen Sie durch ein spannendes Foto oder Video, möglichst groß oder bildschirmfüllend. Hierdurch erwecken Sie beim Besucher eine Erwartungshaltung und Neugier, die er natürlich befriedigen möchte. Diese Vorgehensweise bietet sich bei sehr vielen Zielgruppen an – vor allem im Endkundenbereich – da diese naturgemäß emotionsgetriebener sind. Natürlich kann man auch beide Ansätze kombinieren. So oder so ist die Wahrscheinlichkeit sehr groß, dass der Besucher Ihrer Website nicht direkt wieder abspringt, sondern Ihre Website weiter erkundet.
Effektive Struktur und eine übersichtliche Navigation
Der Besucher der Seite, ganz egal ob informations- oder emotionsgetrieben, sollte sich auf Ihrer Website sehr schnell und einfach zurechtfinden. Deshalb sollte die Website klar strukturiert und unterteilt, und die Navigation nicht unnötig aufgebläht werden.
Prägnante und verständliche Inhalte
Die heutigen Internetnutzer sind sehr verwöhnt. Längere Texte werden gar nicht erst gelesen, und auch bei kürzeren Texten entscheidet die Qualität, ob der Besucher weiter liest. Deshalb sollten die Texte möglichst kurz, prägnant und kurzweilig geschrieben werden. Bindet man beispielsweise auf Teufel komm raus unnatürlich viele Keywords in die Texte ein, um einen vermeintlichen Vorsprung im Ranking der Suchmaschinen zu bekommen, wird der Besucher sicherlich abspringen und die Website verlassen, was wiederum ein negativeres Ranking zur Folge hat.
» Die heutigen Internetnutzer sind sehr verwöhnt. «
Suchmaschinenoptimierung (SEO)
Diese Zwischenüberschrift ist zugegebenermaßen etwas verwirrend. Denn, wie anfangs erwähnt, so ziemlich alle hier aufgeführten Aspekte haben Einfluss auf das Suchmaschinen-Ranking. Dennoch sollte besonderer Wert auf die Seitentitel und Seitenbeschreibungen gelegt werden, da diese doch erheblich Einfluss auf das Ranking und vor allem auf die in der Suchmaschine angezeigten Ergebnisse haben. Auch Alternativtexte bei Bildern sollten nicht vernachlässigt werden, was zudem der Barrierefreiheit Ihrer Website zugutekommt.
Klares Ziel
Jede Website sollte ein klares Ziel (Call-to-Action) haben, damit sie in Ihrem Marketing-Mix auch effektiv eingesetzt werden kann. In den meisten Fällen wird dies die Kontaktaufnahme sein, ob nun per Kontaktformular, per E-Mail oder Telefon. Diese Call-to-Action sollte dem Besucher möglichst leicht gemacht werden. Ihre Website sollte also konsequent zu dieser Handlung führen und möglichst prominent dargestellt werden.
Was sollte technisch berücksichtigt werden?
Auch die Technik hat wesentlichen Einfluss auf das Suchmaschinen-Ranking und die Benutzererfahrung (User Experience, kurz „UX“). Schauen wir uns die einzelnen Aspekte also einmal an.
Mobile Endgeräte (Responsive Webdesign)
Ihre Website muss für mobile Endgeräte wie Tablets und Smartphones optimiert sein. Ich schreibe hier bewusst „muss“ und nicht „sollte“, da Sie in der heutigen Zeit mit einem entsprechend hohen Anteil mobiler Endgeräte bei der Internetnutzung nicht daran vorbeikommen. Dies nicht zu berücksichtigen ist nicht nur für das Suchmaschinen-Ranking sträflich, sondern auch für die Absprungrate Ihrer Website.
Moderne HTML5- und CSS3-Standards
Vereinfacht gesagt ist HTML ist die Programmiersprache für den Inhalt und CSS die Programmiersprache für das Aussehen einer Website. Beide werden ständig weiter entwickelt, wodurch es diese in verschiedenen Versionen gibt, was durch die Zahl gekennzeichnet wird. Jeweils aktuelle Versionen sind für das Suchmaschinen-Ranking und die UX wichtig. Außerdem werden Websites mit älteren Versionen der Programmiersprachen in aktuellen Browsern unter Umständen nicht mehr korrekt angezeigt.
Retina-Display (HiDPI)
Die Zahl von Geräten mit Retina-Displays, also Geräten mit hoch auflösenden Displays, nimmt ebenfalls kontinuierlich zu. Dementsprechend sollte darauf geachtet werden, dass Ihre Website dafür optimiert ist, da die Website ansonsten bei Bildern und Logos unscharf angezeigt wird.
SSL-Zertifikat
Auch ein SSL-Zertifikat ist heute eigentlich ein Muss, vor allem dann, wenn Daten ausgetauscht werden. Das fängt beispielsweise bereits bei Kontaktformularen an. Ein SSL-Zertifikat hat ebenfalls erheblichen Einfluss auf das Suchmaschinen-Ranking und auch auf das Vertrauen Ihrer Besucher und ist mit Blick auf die neue DSGVO Pflicht bei kommerziellen Websites.
Was sollte gestalterisch berücksichtigt werden?
Diese Kategorie hat zwar weniger Einfluss darauf, gefunden zu werden, jedoch wesentlich Einfluss darauf, ob der Besucher auf Ihrer Website bleibt.
Professionelles Layout
Damit das Auge des Betrachters sich nicht direkt in die Augenhöhle zurückziehen möchte, sollten alle Inhalte und Elemente auf Ihrer Website strukturiert und gefällig angeordnet sein und aktuelle Standards der Benutzerfreundlichkeit (Usability) berücksichtigen. Wild angehäufte Inhalte ohne Struktur sind überaus abschreckend für Ihre Besucher.
Professionelle Fotos
Bilder sagen mehr als tausend Worte. Dieses Sprichwort kommt nicht von ungefähr. Deshalb sollten Sie unbedingt professionelle Fotos einsetzen, welche die Qualität Ihrer Dienstleistungen oder Produkte entsprechend widerspiegeln.
» Bilder sagen mehr als tausend Worte. «
Corporate Design
Auch Ihr Corporate Design, also das Erscheinungsbild Ihres Unternehmens, sollte berücksichtigt werden, damit eine möglichst große Wiederkennbarkeit gegeben ist. Wäre die Website beispielsweise in komplett anderen Farben gehalten, so würde dies das Vertrauen Ihrer Besucher in Ihr Unternehmen stark beeinträchtigen.
Benutzerfreundlichkeit
Das Wort „Benutzerfreundlichkeit“ haben wir ja schon einmal weiter oben aufgeführt. Damit ist eine besonders einfache und komfortable Bedienung Ihrer Website gemeint. Dass also beispielsweise die Navigation und Links klar erkenntlich sind, ebenso wie Buttons und andere Elemente. Auch Interaktivität, also das Feedback Ihrer Website auf Aktionen des Besuchers, ist damit gemeint. Einfachstes Beispiel ist ein Hover-Effekt – also dass ein Button die Farbe ändert, wenn man mit der Maus darüber fährt.
Lesefreundlichkeit
Zu guter Letzt sollte auch auf die Lesefreundlichkeit geachtet werden. Bedenken Sie, dass Schriftgrößen auf dem Bildschirm ganz anders auf das Auge wirken, als in gedruckten Produkten. Oftmals wird der Fehler gemacht, dass die Schriftgrößen zu klein sind. Das Auge des Betrachters muss sich sehr stark anstrengen, um die Texte lesen zu können. Das Unterbewusstsein bewertet die Website dementsprechend negativ und ein Absprung des Besuchers ist sehr wahrscheinlich. Gerade auch mit Blick auf die mobilen Endgeräte sollten sie zwar keine „Riesengrößen“ wählen, aber auf keinen Fall zu kleine Schriftgrößen nutzen.
Und das Fazit?
Das alles sind natürlich viele Informationen. Aber wenn Sie diese Aspekte berücksichtigen, dann haben Sie gute Chancen, dass Ihre Website die eingangs erwähnten drei Ziele erreicht. Zudem haben Sie nun ein Grundwissen, wenn Sie mit Grafikern, Programmierern oder Agenturen sprechen.
Wie steht es um Ihre Website?
Jede Aufgabe braucht ihre Zeit. Ich nehme mir diese Zeit und freue mich auf Sie und Ihr Projekt. Versprochen!