Bearbeiten von „Website analysieren“


== Erster Eindruck - Schnellcheck ==

* Worum geht es? – Inhalt
* Kann ich mich gut orientieren? – Navigation
* Spricht mich die Atmosphäre Website an? – Design

== Schritt x: (Zukünftige) Ziele und Zielgruppen definieren ==

== Schritt x: Technik analysieren ==

'''Wichtige Fragen bzw. Kriterien'''
* Ist die Websitestruktur semantisch korrekt (Überschriften, Absätze, Listen etc)?

Standards
* Ist das HTML der Website syntaktisch korrekt (nach den gängigen W3C-Standards) programmiert?
* Ist das CSS der Website syntaktisch korrekt (nach den gängigen W3C-Standards) programmiert?

Performance
* Wird die Website an Desktop-Geräten ausreichend schnell geladen?
* Wird die Website an Mobile-Geräten ausreichend schnell geladen?

Cross-Browser-Compatibility
* Funktioniert die Website in der aktuellen Version von Google Chrome?
* Funktioniert die Website in der aktuellen Version von Safari?
* Funktioniert die Website in der aktuellen Version von Firefox?
* Funktioniert die Website in der aktuellen Version von Microsoft Edge?

* Mobile friendly – Funktioniert die Website auch auf mobilen Geräten (Smartphone, Tablet) oder ist vielleicht sogar dafür optimiert?

* Resolution Independence – Funktioniert die Seite auf verschiedenen Bildschirmauflösungen (Responsive Webdesign)?

* Ist auf der Website Duplicate Content vorhanden? --> Ryte wertvolle Hinweise --> durch Canonical Tags vermeiden (Diese signalisieren der Suchmaschine, welche von mehreren URLs mit (fast) identischen Inhalten die relevante ist.)

'''Tools'''
*

== Schritt x: Inhalt analysieren ==

Die Inhalte sind der Grund warum jemand eine Website besucht, weshalb man diesbezüglich sehr kritisch sein sollte. Content is King!

'''Wichtige Fragen bzw. Kriterien'''
* Ist die Überschrift eindeutig und einladend formuliert?
* Sinnvolle Inhalte – Sind die Inhalt qualitätsvoll, interessant und aktuell?
* Aufbau und Gliederung – Sind die Inhalte verständlich und logisch dargestellt?
* Richtige Darstellung für den richtigen Inhalt – Content kann in verschiedenen Formen angeboten werden. Text, Bild, Grafik, Animation, Video, Audio, etc.. Jede Art hat ihre Vor- und Nachteile. Wichtig ist, dass die Art der Darstellung zum Inhalt passt, bewusst eingesetzt wird und dadurch einen Mehrwert erzeugt.
* USPs – Werden Besonderheiten und Alleinstellungsmerkmale deutlich vermittelt?
* Accessibility – Sind die Inhalte barrierefrei und nach den gängigen technischen Standards gestaltet?

'''Tools'''
*

== Schritt x: Navigation analysieren ==

Gerade bei der Navigation sollte man sich auf keine Experimente einlassen. Es gibt gelernte Benutzermuster, auf die User zurückgreifen. Diese zu durchbrechen ist sehr riskant.

* Struktur – Ist die Navigation (Haupt-, Sub-, Metanavigation, etc.) klar und logisch strukturiert?
* Einfachheit – Ist die Navigation intuitiv und einfach zu bedienen und immer an der selben Stelle? Bekommt man schnell, direkten Zugang zu den gewünschten Inhalten?
* Sichtbarkeit – Ist die Navigation immer sichtbar oder direkt erreichbar (z.B. bei kleineren Bildschirmauflösungen)?
* Zugang zur Startseite – Ist es von überall aus möglich die Startseite direkt zu erreichen?
* Seiteninterne Suche – Erhalte ich schnell und einfach Zugang zu gesuchten Inhalten?

== Schritt x: Layout & Design analysieren ==

Design ist kein Bonus sondern mit Inhalt und Navigation untrennbar verwoben. Im Idealfall gibt Design dem Inhalt und der Navigation die passende Form in einer ästhetischen und thematisch ansprechenden Art und Weise.

'''Wichtige Fragen bzw. Kriterien'''
* Bilder und Grafiken erfreuen den Leser (Optik)
* Look and Feel und Ästhetik – Welche Atmosphäre vermittelt die Website? Ist das Design ansprechend und thematisch passend?
* Übersichtlichkeit – Sind die jeweiligen Seitenelemente (Navigation, Inhalt, Sildebar, Footer, etc.) gut gegliedert und klar unterscheidbar?
* Typografie – Ist der Inhalt der Website ideal lesbar? Sind Schriftwahl, Zeilenlänge, Zeilenabstand und Kontrast auf einader abgestimmt?

'''Tools'''
* 


== Schritt x: Usability analysieren ==

Wie sich eine Website anfühlt und bedienen lässt, hängt stark von Inhalten, Navigation und Design ab. In der Interaktion sind diese Elemente miteinander verschmolzen.

'''Wichtige Fragen bzw. Kriterien'''
* Bedienung und Benutzerfreundlichkeit – Wie bedient sich die Website?
* Weg durch die Website – Kann man sich immer gut orientieren und durch die verschiedenen Ebenen der Website navigieren?
* Call to Action – Gibt es genügend Anknüpfungspunkte von denen aus ich Aktionen setzen kann?
* Kontakt – Ist es einfach in Kontakt zu treten?
* Darstellung von Links – Sind Links deutlich ausgezeichnet und vom restlichen Inhalt unterscheidbar?
* Wie finden Sie sich zurecht? 
* Werden Sie ausreichend informiert und geleitet?
* Werden Sie von Text erschlagen?
* Verlieren sich in zahlreichen Unterkategorien?

'''Tools'''
*

== Schritt x: SEO analysieren ==

'''Wichtige Fragen bzw. Kriterien'''
* die Hauptüberschrift jeder Seite durch ein h1-Tag als solche gekennzeichnet ist und das Hauptkeyword enthält (technisch)
* Bilder und Grafiken mit einem passenden Alt-Text

'''Tools'''
* Xovi
* Sistrix

Diese Tools liefern ungefähre Daten zur Sichtbarkeit einer Website, Rankings usw. – auch von Mitbewerbern und auch aus der Vergangenheit. Es muss kein Tracking Code installiert werden.

== Schritt y: Kennzahlen (KPI) analysieren ==

'''Wichtige Fragen bzw. Kriterien'''
Sichtbarkeit
* Keyword Ranking
* Mitbewerber
* Besucherzahl der Website und der einzelnen Unterseiten
* Besucherquelle
* Besuchszeit und Verweildauer
* Absprungrate und Ausstiegsseite
* Konversionsraten
* Klicks auf Kontaktformular
* Anzahl Downloads oder Views von Content Offers

'''Tools'''
* Google Analytics
* Matomo

Mit installiertem Tracking Code können die kostenlosen Tools Google Analytics und Matomo genutzt werden. Diese liefern Echtzeitwerte über das Besucherverhalten wie besuchte Seiten, Absprungraten, Besuchszeiten, Besucherquellen und vieles mehr.


Startseite
Was ist das Thema der Website? - Inhalt
Was finde ich wo? - Navigation
Gefällt mir die Website optisch? - Design

= Quellen =

* https://www.zeichenschatz.net/webdesign/analyse-einer-website-webdesign-beurteilen