Websitekritik

insp!re

Ensign
Registriert
Sep. 2006
Beiträge
142
Hallo,

für die Tischtennisabteilung meines Vereins habe ich eine neue Website entworfen. Ich bin schon ganz zufrieden, doch würde gerne andere Rückmeldungen haben. Was habt ihr an der Seite auszusetzen?

www.tt-mtvbrackel.de

Danke :)

Gruß
Martin
 
mir ist das rot etwas zu kräftig. Lenkt etwas ab beim lesen. Das wird aber wohl von monitor zu monitor unterschiedlich sien. Das schwarz muss meiner meinung nach auch nicht unbedingt sein, vieleicht lässt sich da noch ne alternative finden.
 
Das Rot find ich auch nen bischen zu intensiv, aber das die Vereinsfarbe zu sein scheint ist das durchaus gerechtfertigt.
 
Den Rotton ansich finde ich schon ok, nur ist es bspw. auf der Startseite zu viel. Die einzelnen, relativ kurzen Newstexte gehen da fast unter - ist ja fast 50% rot, 50% weiß. Da sollte man sich vielleicht was anderes überlegen - ganz ohne rot, damit der Text hier in den Vordergrund rückt.
 
Zuletzt bearbeitet:
Das intensive Rot tut in den Augen weh. Freiwillig würde ich mir so eine Seite nicht lange ansehen, sorry.
 
Soweit ganz gut, wirklich.

Vielleicht noch ein paar Tipps:

Newstitel am besten nicht einfach als text: bold; formatieren, sondern als <h1>, <h2> etc. Element. Diese werden dann bevorzugt von Suchmaschinen aufgenommen.

Ebenfalls sollten im HEADER der Seite noch Meta-Tags vorhanden sein.

Wie Du siehst, gehe ich hier in Richtung SEO.

Das gleiche mit den URL's. Mittels htaccess kannst Du gut die URL's SEO und auch Besucherfreundlicher gestalten. Zumal wenn man was an den Scripten und deren Aufrufe ändert, das ggf. bereits vorhandene Bookmarks bei Lesern (oder Suchmaschinen) nicht evt. auf eine 404-Seite führt.

Hier mal ein Beispiel für eine entsprechende .htaccess (abgestimmt auf Deine Seite, die Fehlerseiten sind noch zu erstellen ;)):

Code:
RewriteEngine on
RewriteBase /

##### BEGINN ERROR-PAGES #####

ErrorDocument 401 http://www.tt-mtvbrackel.de/401.html
ErrorDocument 403 http://www.tt-mtvbrackel.de/403.html
ErrorDocument 404 http://www.tt-mtvbrackel.de/404.html
ErrorDocument 500 http://www.tt-mtvbrackel.de/500.html

RewriteCond %{REQUEST_FILENAME} 401.html [OR]
RewriteCond %{REQUEST_FILENAME} 401.htm 
RewriteRule (.*) /index.php?content=401 [QSA,L]

RewriteCond %{REQUEST_FILENAME} 403.html [OR]
RewriteCond %{REQUEST_FILENAME} 403.htm 
RewriteRule (.*) /index.php?content=403 [QSA,L] 

RewriteCond %{REQUEST_FILENAME} 404.html [OR]
RewriteCond %{REQUEST_FILENAME} 404.htm 
RewriteRule (.*) /index.php?content=404 [QSA,L] 

RewriteCond %{REQUEST_FILENAME} 500.html [OR]
RewriteCond %{REQUEST_FILENAME} 500.htm 
RewriteRule (.*) /index.php?content=500 [QSA,L] 

##### END ERROR-PAGES #####


##### BEGINN INDEX SUBPAGE #####

RewriteCond %{REQUEST_FILENAME} home.html [OR]
RewriteCond %{REQUEST_FILENAME} home.htm [OR]
RewriteCond %{REQUEST_FILENAME} index.html [OR]
RewriteCond %{REQUEST_FILENAME} index.htm
RewriteRule (.*) index.php?content=index [QSA,L] 

##### END INDEX SUBPAGE #####

##### BEGINN DEPARTMENT-SUBPAGES #####

RewriteCond %{REQUEST_FILENAME} verein.html [OR]
RewriteCond %{REQUEST_FILENAME} verein.htm [OR]
RewriteCond %{REQUEST_FILENAME} abteilung.html [OR]
RewriteCond %{REQUEST_FILENAME} abteilung.htm
RewriteRule (.*) index.php?content=verein_abteilung [QSA,L]

##### END DEPARTMENT-SUBPAGES #####

Zweck der Fehlerseiten: Falls jemand mal eine falsche URL zu aufruft (Bsp: http://www.tt-mtvbrackel.de/hauptseite.html) und diese nicht existiert, dann erscheint anstelle der schlichten 404-Seite eine selbst erstellte 404 Seite im passenden Webseiten-Layout.


Zu der Seite selbst:

http://www.tt-mtvbrackel.de/index.php?content=community
Das Bild wird doch wohl noch getauscht? Mag zwar witzig sein, ist aber nicht gerade fördernd.

http://www.tt-mtvbrackel.de/index.php?content=links
Ist das von Dir gewollt dass die Tabelle sichtbar ist und dann auch keine Formatierung (farbigen Rahmen etc.) hat?

Der Lesefluss wäre hier leichter, wenn der Text nicht zentriert sondern linksbündig positioniert wird - finde ich jedenfalls.
Dann sollte die Linke Spalte breiter sein, so vermeidest Du dann einen Zeilenumbruch bei einer längeren URL.

Javascript & CSS
Du verwendest doch schon eine ausgelagerte CSS, warum packst Du dann nicht konsiquent alle Formatierungen in diese CSS? (Siehe z. B. Tabelle bei "Links").

Den Javascript-Code würde ich ebenfalls in eine externe Datei legen.

Zeichensatz und HTML-Entitäten
Die Webseite ist im charset "iso8859-1" gekennzeichnet. Dann sollten auch Umlaute in HTML-Entitäten geschrieben werden:
Code:
ä = &auml;
Ä = &Auml;

usw.

Alternativ kannst Du auch den Zeichensatz UTF-8 verwenden.

So, das waren meine Anregungen :)
 
Ich mag die Seite von der Struktur her. Jedoch gefallen mir die Farben nicht so.
Die Bilder finde ich auch klasse!
 
Hallo,

vielen Dank für die vielen Rückmeldungen! :)

Der größte Kritikpunkt ist wohl das viele (knallige) Rot - doch rot/weiß sind die Vereinsfarben...da kann ich schlecht gelb/blau/grün/... nehmen. Ob es knallig rüberkommt, hängt natürlich vom Monitor ab (Stichwort Farbkalibrierung ;) ).

excalibur1976, die einen riesen Dank für die ganzen Tipps!
Es war zwar eine ziemliche Arbeit, aber ich habe alle umgesetzt. :)

Bietet der UTF-8 Zeichensatz denn Vorteile?

Gruß
Martin
 
Du könntest das Rot mit mehr Weiß abmischen, also gleicher Ton aber heller. Möglich wäre auch, dass Du die Threadüberschriften (die jetzt knallrot unterlegt sind) hellrot machst und nur beim "MouseOver" im Vereinsrot einfärbst.
 
Das könnte ich mal ausprobieren, doch jetzt habe ich die Überschriftenzeile teils rot, teils weiß gemacht. Finde ich auch schon besser als vorher :)

Aber eine Frage hab ich noch: Auf 2 Seiten benutze ich Iframes (Termine und Mannschaften), da ich auf den im Iframe angezeigten Seiten zu einem Anker springen möchte. Dadurch "springt" die gesamte Seitenansicht jedoch immer zum Iframe, sodass ich die Ansicht mittels Javascript nach oben scrollen muss. Das macht sich durch ein kleines Springen der Ansicht auf den beiden Seiten bemerkbar.

Gibt es da eine elegantere Möglichkeit, um Teile einer externen Seite einzubinden? Mittels include kann man ganze Seiten einbinden, doch ich möchte nur alles ab einem Anker eingebunden haben.

Gruß
Martin
 
Zuletzt bearbeitet:
ps: wenn du die farben schön afueinander abstimmen möchtest kann ich dir Hexday wärmstens empfehlen:

Einfach in der URL hinter dem /color/ den Hex-Farbwert anhängen:

http://hexday.com/color/FFFFCC

Dann siehste farbverläufe, Komplementäre usw...
 
Zurück
Oben