Website-Check: BläachGuggaFätzzer Altenstadt e.V.

Auf geht’s: Heute starte ich den ersten Website-Check

Auch wenn ein Entwickler-Kollege meinte, ich sollte nicht unbedingt meine eigene Kreation so durchleuchten, mach ich’s trotzdem, um zu testen wie das Ganze bei Euch ankommt. Euer Feedback bitte gern in die Kommentare. Danke

Website-Check Nr. 1: BGF Altenstadt

Design

Die Internetseite der BläachGuggaFätzzer Altenstadt kommt in einem dunklen Farbschema her. Der Hintergrund besteht aus einem Grauton, im Seiteninhalt kommt als zusätzliche Farbe lediglich Schwarz hinzu, bei weißer Schriftfarbe. Weitere Farben kommen über das große zufällig wechselnde Bild im Banner auf die Seite.

Titel und Domain der Seite

Der Titel der Seite entspricht dem Vereinsnamen “Guggamusik BläachGuggaFätzzer Altenstadt e.V.”. Die Domain lautet “guggamusik-altenstadt.de”. Diese beiden Elemente sind somit sehr gut aufeinander abgestimmt, was im Sinne einer Suchmaschinenoptimierung vorteilhaft ist. Neben dem Titel und der Domain sind dann natürlich die Inhalte der Seite das “Futter” für Suchmaschinen.

Logo

Das Logo der BläachGuggaFätzzer besteht aus der Lautschrift für “BGF” in weiß auf transparentem Hintergrund, und dem Vereinsnamens-Kürzel “BGF Altenstadt”, mit dem sie auch bei verschiedenen Auftritten angekündigt werden.

Navigation und Link-Struktur

Die Navigation der Seite gliedert sich in folgende Punkte:

• Verein
  • Mitglieder
  • Chronik
  • Termine
  • Impressionen
• Musik
  • Repertoire
  • Sounds
• Links
  • Guggenmusik Deutschland
  • Sonstiges
• Interaktiv
  • Gästebuch
  • Downloads
  • BGF Intim
  • Impressum

Werden Unterseiten aufgerufen, dann heißen die beispielsweise “/?page_id=3″ für “Mitglieder”. Sinnvoller im Sinne der Suchmaschinenoptimierung und Lesbarkeit wäre hier “/mitglieder”. Suchmaschinen lesen eben auch die Link-Texte aus, weshalb es vorteilhaft sein kann, im title-Text eine Beschreibung einzufügen, wenn der eigentliche Linktext nicht präzise das Ziel beschreibt.

Dies sollte bei der nächsten Überarbeitung mit berücksichtigt werden.

HTML-Aufbau

Verwendet wird XHTML 1.0 Transitional mit entsprechender Doctype Declaration. Die Forderung nach Trennung von Struktur/Inhalt und Layout wird voll erfüllt, es werden keine Stilformatierungen im HTML beschrieben. Die HTML-Struktur ist nach semantischen Gesichtspunkten aufgebaut, es kommen gut strukturierte Überschriften zum Einsatz.

CSS

Es wird verlinkt auf eine CSS-Datei für die Bildschirmdarstellung und auf eine separate Datei für den Ausdruck der Seiten, wenn auch keine Print-Angaben hinterlegt sind. Im Screen-CSS werden alle Layout-Angaben berücksichtigt, vom Aufbau der Inhaltsbereiche (Header, Navigation, Inhalt, zusätzliche Inhaltsspalte, Footer), Schriftfarben, Abstände der Elemente.

Linearisierbarkeit

Wird die Seite linearisiert und die Stylesheets deaktiviert, wird der eigentliche Aufbau der Seite ersichtlich.

Zuerst erscheint das Logo, danach die Hauptnavigation, dann die rechte Spalte, danach erst der Inhaltstext, und danach die Angaben im Footer.

Diese Reihenfolge ist nicht ideal, da nach der Navigation die Inhalte erscheinen sollte und erst danach die rechte Spalte und der Footer. Da sollte nachgearbeitet werden, damit ein besseres Ergebnis erzielt werden kann.

Zugänglichkeit

Durch die Verwendung semantisch wertvollen HTMLs und den Verzicht auf Tabellen ist die Seite sehr gut für Screenreader zugänglich. Alle wichtigen Grafiken enthalten aussagekräftige Alternativtexte. Aus der Navigation wird gut ersichtlich, wohin die einzelnen Links führen. Es fehlen Skiplinks zum Überspringen der Navigation.

Betrachtung mit deaktiviertem JavaScript

Wird die Seite mit abgeschaltetem JavaScript betrachtet, sind alle Inhalte dennoch voll zugänglich, auch die Navigation kann vollständig bedient werden.

Ansicht auf Netbooks

Die Betrachtung auf Netbooks wird hier separat berücksichtigt, da die meisten dieser “Mini-Notebooks” mit einer Monitorauflösung von 1024 x 600 Pixel arbeiten und der Internet-Browser sinnvollerweise die gesamte Fläche einnimmt.

Gegenüber der Betrachtung auf 1440 x 900 Pixel (Standard bei vielen Notebooks) ist der sichtbare Bereich deutlich eingeschränkt. Das Logo und das große Hintergrund-Bild nehmen verhältnismäß viel Platz ein. Sichtbar sind jedoch die ersten Menüpunkte, die Begrüßung, sowie der Kontakt zur Gruppe.

Impressum

In Deutschland besteht für Unternehmen und eingetragene Vereine Impressumpflicht. Auf e-recht24.de ist ein Impressum-Generator hinterlegt, bei dem man seine Angaben eintragen kann und ein fertiges Impressum erhält.

Warum ist das wichtig? Bei fehlendem oder unvollständigem Impressum kann der Betreiber einer Internetseite abgemahnt werden, sei es von “abmahnwütigen Anwälten”, die nichts besseres zu tun haben, als Internetseiten zu suchen, die sie abmahnen können, oder von anderen Vereinen oder Einrichtungen, die einem nicht wohl gesonnen sind. Eine Abmahnung hat auf jeden Fall zur Folge, dass man die Anwaltsgebühren begleichen muss, im schlimmsten Fall kann der Spaß dann bis zu 50.000 Euro kosten!! Es lohnt sich also, darüber nachzudenken, ob man lieber eine Abmahnung riskieren möchte, oder halt ein rechtssicheres Impressum erstellen lässt. Ggf nicht von einem Online-Generator, sondern von einem Fachanwalt für Internetrecht.

Die Website der BläachGuggaFätzzer Altenstadt enthält ein rechtsgültiges Impressum.

Fazit:

Die Internetseite besticht durch einen klar gegliederten Aufbau. Ungewöhnlich ist die zurückhaltende Farbgebung der Seite. Durch die Trennung von Layout und Inhalt ist die Seite sehr schlank, was in schnellen Ladezeiten resultiert. Ein paar Punkte könnten noch verbessert werden, insbesondere die Reihenfolge der Bereiche.

Jetzt besuchen

guggamusik-altenstadt.de

Persönliche Anmerkung

Die Seite der BläachGuggaFätzzer wurde von mir im Jahr 2007 neu erstellt. Mittlerweile haben sich meine Kenntnisse in der Webentwicklung stark erweitert. Ich bin zwar nicht perfekt, aber ich mache heute einige Dinge anders als 2007, arbeite mit Vorlagen von internationalen Entwicklern, die diese zur freien Verwendung ins Internet gestellt haben.

Ich habe bei meinem “Website-Check” absichtlich diese Website zuerst zur Diskussion herangezogen, weil ich damit auch zeigen möchte, dass ich an Kritik an mir selbst nicht spare. Letzten Endes ist aber jede Website verbesserungsfähig, weil es “die” perfekte Website einfach nicht gibt.

Start frei zur gemeinsamen Diskussion in den Kommentaren

Geschrieben: 3. September 2009 | Kategorie: Website-Check

Kommentare abonnieren (RSS 2.0)