Den Blick für eine Webseite schärfen

      Den Blick für eine Webseite schärfen

      Da ich mich schon seit einiger Zeit mit Webdesign, Usability und Suchmaschinenoptimierung beschäftige
      und die Webseiten im Genre Salsa beobachte, wollte ich ganz gerne ein paar Tipps geben, worauf man so achten sollte. Ich finde es nämlich immer wieder schade, wenn da Raum verschenkt wird, weil man sich keine Gedanken gemacht hat, oder eben keine Ahnung hat (nicht bös gemeint...nicht jeder kann stundenlang in Foren, Büchern..etc. schmökern, um sich zu informieren.

      Da ich sicher nicht der ultimative Profi bin und alles auch anders gesehen werden kann, fänd ich eine angeregte Diskussion sehr wünschenswert.

      Ok...hier ein paar Dinge, die mir aufgefallen sind:
      1. Desing
        1. Webseite wirkt wie selbstgebastelt
        2. Übergroße Bilder im Kopf oder irgendwo auf der Seite knallen einem in die Sicht
        3. Keine Struktur - alles wird wild durcheinander gemischt
        4. Falsche Farbwahl (schwarzer Hintergund und leuchtende Farben)
        5. Logo sieht pixelig aus und unprofessionell
        6. Schlechte Bilder (Auflösung, Größe (kB und Pixel)

      2. Usability
        1. Der Besucher wird nicht "abgeholt" - worum geht es überhaupt auf der Seite?
        2. Die Navigation ist verwirrend oder z.T. falsch Betitelt
        3. Keine Benutzerführung - wo soll der Besucher hin?
        4. Links sind nicht klar erkennbar
        5. Keine Hoovereffekte beim Drüberfahren eines Links
        6. Kein Title für Links
        7. Kein Alt Attribut für Grafiken
        8. Tabellenlayout - beschrenkte Barrierefreiheit

      3. Suchmaschinenoptimierung
        1. Dateinamen nicht aussagekräftig (z.B. .../145/zxa1.html statt .../bilder/partyhannover1.html)
        2. Fehlendes Title Tag der Seite
        3. Fehlende Description
        4. Zu viele Keywords (Spam)
        5. Keine Auszeichnungen mit h1, h2... Tags
        6. Wenig bis keinen Content auf der Seite (z.B. viele Flash Seiten)
        7. Keywords kommen im Content nicht vor
        8. Domäne ist mit und ohne www. erreichbar (Dublicate Content)

      4. Inhalt
        1. Zu viel Bla, Bla - Worum geht es überhaupt
        2. schlechte Aufteilung ...es muss z.B. gescrollt werden, statt auf mehrere Seiten zu verteilen
        3. Massenhaft Rechtschreib- und Interpunktionsfehler
        4. Denglish (Deutsch-Englischer Mischmasch...)
        5. Zu viel wird vorausgesetzt und nicht erklärt

      Dieser Beitrag wurde bereits 5 mal editiert, zuletzt von „Mingo“ ()

      Ja Christian, das sind ja alles recht saubere Ideen, die Du da aufgelistet hast. Meiner Meinung nach sollte die Sache aber doch ersteinmal funktionieren. Ich habe z.B. wirklich den Vorteil, dass ich hier seit knapp 10 Jahren (seit dem Umstieg auf Linux) mit SQL am herumhantieren bin. Da bin ich sicherlich kein Profi, aber ich habe soviel Ahnung, dass ich mit SQL meine Probleme selber lösen kann. Und zwar aus der Kommandozeile. Das hat mir bei der Einrichtung des Blogs ungemein geholfen, da ich mal behaupte, dass ich den SQL-Source lesen und verstehen kann. Da kommt die Keule nicht so völlig aus dem Nichts.

      Wenn man sich dann so eine Seite einrichtet ist man doch ersteinmal froh wenn die Kommunikation zwischen PHP, HTML und SQL so funtkioniert, dass man die ganze Sache nutzen kann. Es bringt doch nichts sich auf Gott weiss was für Desing Möglichkeiten zu stürzen wenn man überhaupt keine Inhalte hat, die man designen kann.

      Das sollte doch der 2. Schritt sein.
      Hallo Ralf,

      zunächst ist die Wahl des richtigen Systems wichtig. Leider nutzen viele fertige Baukastensysteme ihrer Provider, die z.T. haastreubenden Code erzeugen
      und nicht grad dazubeitragen, dass die Site im WWW gefunden wird.

      Mittlerweile gibt es sehr gute - und kostenlose Content Management Systeme (CMS) - so wie WordPress, Joomla, .... die man ohne viel fachliches Wissen betreiben kann. Da braucht man sich auch nicht stundenlang mit SQL herumschlagen (ich habe mich damit noch nie beschäftigt...da ich nur eine MySQL Datenbank verknüpfe (Name, Passwort...)) Ein Template herunterzuladen und zu entpacken und hochzuladen, das können auch viele. Und wenn nicht, dann gibt es immer Leute, die das für wenig Geld oder für Lau machen (Freunde)...

      Und wenn ich dann ein vernünftiges System ausgewählt habe, dann mache ich mir gedanken, was ich eigentlich anbieten möchte und wen es erreichen soll. Oft sehe ich seiten, wo in der Navigation erstmal "Über uns/mich" steht...wen interessiert das denn? Doch sicher nicht primär, wenn ich nach Tanzkursen suche. Da möchte ich wissen, was hier angeboten wird, wo, und wieviel es kostet. Erst im zweiten Schritt schaue ich auf den Besitzer der Site...

      Dann ...Farbwahl und Design. Da wird mit blinkenden, und hüpfenden Animationen gearbeitet. Einige machen in Flash und wundern sich, dass kaum einer auf die Site kommt, da die Installation eines neuen Players notwendig ist - viele denken in dem Augenblick "oh..was ist das denn? Nee, da lass ich lieber die Finger von..." - der Besucher klickt einfach weiter.

      Sicher ist alle auch eine Frage der Zeit und des Geldes, doch bei komerziellen Webseiten (Tanzlehrern, DJs...) sollte doch ein wenig investiert werden.

      Ok, und dann das Ganze mit Search Engine Optimization (SEO) ist sicher etwas schwerer. Doch einer Seite einen aussagekräftigen Titel zu geben ist sicher nicht schwer, auf der Seite Inhalt zu platzieren sollte auch gehen (denn darum geht es doch, oder?)...und Überschriften bilden ist sicher auch nicht unmöglich....

      Bei aller Technik sollte man nicht aus den Augen lassen, was man eigentlich mit der Site rüberbringen möchte...
      "Das bessere ist bekanntlich der Feind des Guten" :) .. sone Seite ist auch für "Hobbybastler" ne Evolutionsgeschichte.. Man sagt auch: "Der Weg ist das Ziel" ..

      Ich persöhnlich mache das am Spass an der Freude.. Je nach wissensgrad werden arbeiten harmonischer.. aber das sollte man auch genießen: Die metamorphose zum Besseren..
      übertreiben mit der Ergonomie ist auch sone sache, da perfekt anmutende Dinge oft auch als langweilig deklariert werden. Die Harmonielehre ist trotzdem sehr wichtig und sollte in einer Grundstruktur wiederzuerkennen sein. Grundmaße wären zum Beipiel der berüchtigte 0,7 wert, der für ein unbewustest beruhigendes Gefühl sorgt und als Harmoisch empfunden wird. Verwandte Farben zu wählen ist auch sehr wichtig.. PS CS3 oder Illustrater CS3 helfen da einem weitgehendst.. Bedenken sollte man auch die Abstufung nach hinten (Raumtiefe).. Bilder im Hintergrund sollten nicht einnehmend werden, oder den Text unlesbar machen..

      Ach.. es gibt so viel was man falsch machen kann.. auf meiner Seite habe ich mal alle möglichen "Unmöglichkeiten" miteingebaut :D :D .. das liegt aber auch daran, das ich irgendwie kein Bock hab was dran zu machen.. außerdem bin ich auch mit nichts zufrieden und recht unschlüssig.. was sich auch voll wiederspiegelt.. ich hab drei Gengre ineinandergreifend, die ist demnächst mal trennen werde (je eine seite für Eventtechnik und eine Seite fürs DJaying und Salsa)..

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von „Dj René“ ()

      Dj René schrieb:

      um mal ne schöngemachte seite zu sehen : DerBauer .. der michael bussejahn ist sozusagen DER Flashguru ..kostet aber auch halt geld :pinch:

      Ich sehe die Seite als eine einzige Katastrophe an.

      1. Ich warte Ewigkeiten, bis sich mir dann endlich was auftut, dass
      2. ich nicht verstehe, wie man es bedienen soll
      3. Worum geht es über haupt, frage ich mich auf die Schnelle (denn mehr Zeit verwende ich selten bei einer Site)
      4. Die Navigation verändert sich beim Draucklicken und macht mich kirre ("don´t make me think" fällt mir sofort ein)
      5. Was auch immer die an Geld kosten sollte, sie ist es nicht wert (im Sinne SEO und Benutzerfreundlichkeit) ---> hier wird Selbstzweck zelebriert, aber vom Feinsten
      6. SEO technisch kaum Content auf der Seite, die eine Suchmaschine "erspidern" könnte ??
      7. Keine Description für ein Suchergebnis...
      8. In Google finde ich unter site:derbauer.de/ nur 5 Einträge
      9. ... :D

      Nee, du. Solche Seiten sind kein Maßstab. Ich zeige dir mal eine von der Konkurrenz: www.salsa-macht-spass.de
      die seite von derbauer ist auch eher aushängeschild für deren können im audiovideo bereich fürs net.. sieh mal unter deren referenzen.. da gibt es einiges an interessantes an sides.

      die seite salsa-macht-laune ist schon schön gemacht, erinnert mich allerdings etwas an panfu, was mein sohn die ganze zeit im internet spielt.. ist aber übersichtlich strukturiert..

      schön finde ich es , wenn die struktur auf der hauptseite effizient aufgeräumt ist und man durch klicken immer tiefer in ein thema reintauschen kann.. es sollten nur nicht zuviele ebenen haben, da der stetig seitenaufbau immer etwas dauert..

      trotzdem kann eine seite ruhig etwas größer sein, da 90% aller user mind. über einer 2000er leitung verfügen..

      http://www.carpediemstudios.de/ .. ist zum beispiel eine schöne seite von derbauer
      Man muss bei "schönen" Seiten höllisch aufpassen! Ja, die Seite ist scher schön, doch das Intro habe ich mal schnell übersprungen, dann sehe ich eine Navigation, wo ich den Kopf schräg stellen muss...was soll das??
      Dann dudelt da einfach ungefragt Musik los. Was, wenn ich auf Arbeit in der Pause im Internet surfe und man mich dann entlarvt, dass ich keine Firmenseiten anklicke???

      Schaue mir mal den Quellcode an..

      <H1>Funkspots, Werbespots, Jingles, Rundfunkwerbung, Radiowerbung und mehr...</H1>
      <H2>...Herzlich willkommen bei Carpe Diem Studios !</H2>
      <H3>Ihrem kreativen Partner im Bereich Radio, Fernsehen, Spots und Jingles.</H3>

      <P><I>Unsere Werbespots, im Radio sind schon etwas verr&uuml;ckt, aber Funkspots, Radiospots oder Rundfunkwerbung sollte nicht langweilen ! Deshalb: Carpe Diem Studios in Appenweier bei Offenburg / Ortenaukreis. </I></P>

      <P><I>Unsere Sitemap mit den verwendeten Suchbegriffen: Funkspots, Spots, Funkwerbung, Werbung,
      Rundfunkwerbung, Rundfunk, Radio, Jingles, Carpe Diem Studios, Muttersprachen, Jingle, Werbejingles, Radiowerbung,
      Radiojingles, Radiospots, Werbespots, Werbeagentur, Musikproduktion, Tonstudio,
      Broadcast, Funkspotproduktionen, Spotproduktion, Spotproduktionen,
      Funkspotproduktion, Warteschleifen, AB-Ansagen, Tonstudios, Funkspot, Spot,
      Werbejingle, Radiospot, Werbespot, Werbeagenturen, Musikproduktionen,
      Tonstudios, Radioservice, Radio-Service, Multimedia, Industriefilme, Musik,
      Musikstudio, Komposition, Kompositionen, Recordstudio, Arrangements,
      Werbetexte, Werbetexter, Werbemusik, Werbemusiken, TV, Fernsehen, CD, Galerie,
      WerbeGalerie, werbegalerie, Kino, Kinowerbung, Anrufbeantworter, Warteschleife,
      Ansage, Anrufbeantworteransagen, Firmenmusik, Radiomarketing, Medien,
      Medienservice, Radiosender, Radiostationen, Werbung im Radio, Werbung im
      H&ouml;rfunk, Filmmusik, H&ouml;rfunk, Telefonansagen, Musiktaxi, Musictaxi,
      Sounddesign, Sound-Design, Warteschleife, Sprecher, Werbesprecher, Stimme,
      Stimmen, Werbestimme, Hollywood-Stimmen, Synchronsprecher, Synchronstimmen,
      Studio, Offenburg, Ortenaukreis, Appenweier, Baden-W&uuml;rttemberg, PLZ 77,
      77650, 76, NETmotion, netmotion.de</I></P>


      <P><A HREF="index.htm">Zu den Carpe Diem Studios</A></P>

      <P><A HREF="http://www.netmotion.de" TARGET="_blank">[Wer gute Webseiten will...]</A></P>

      <TABLE WIDTH="95%" BORDER="0" CELLPADDING="0" CELLSPACING="0" ALIGN="CENTER">
      <TR>
      <TD ALIGN="CENTER"><IMG SRC="muttersprachen/logo.jpg" BORDER="0" ALT="Radio Werbung Rundfunk Spots: Carpe Diem Studios"></TD>
      </TR>
      </TABLE>

      Da werden nur Stichworte verwendet...was für ein Content / Inhalt...

      Mag ja sein, dass die super Flash animieren können...etc. Vielleicht sind sie auch genial und einzigartig darin. Aber ihre Webseite...

      Hey...man muss sie VERWENDEN können und nicht herumrätseln, was ich als nächste machen soll und welche Inhalte ich finden muss.

      Ja, Salsa macht Spass Seite ist ein Comic und irgendwie süss...aber...sie ist tatsächlich sehr aufgeräumt und strukturiert. Klar, da ist ein Profi dran.

      Doch mir geht es nun um Leute, wie du und ich, die "do-it-your-self" eine Webseite ins Netz stellen.

      Schau dir mal salsatecas.de an, der gutste Chris mag es mir nicht nachtragen, aber sie ist eine totale Katastrophe. Schlimmer als ein Tanteemmaladen.
      Ja, ich weiss, sie war einst eine der bestbesuchtesten Seiten und ist es z.T. immer noch, aber sicher nicht dadurch, dass sie gut gemacht wurde, sondern,w
      weil Chris sich zig Domains geclaimt hat, und auf diese Site verlinkt hat...


      Egal, man kann viel von anderen lernen und sich hin und wieder einfach hinterfragen. Was will ich?
      Z.B. ein Tanzlehrer - was möchte man als erstes von ihm wissen?
      Vielleicht, was er anbietet, was ihn von anderen unterscheidet, was er kann und wie teuer er ist.
      Doch was muss ich für einen Link als ersten finden? "Über mich" und dort wird dann die Lebensgeschichte mit allen
      Referenzen aufgetischt (bis ich die durch habe, ist mal wieder Mittagspause...). Statt kurz und knapp schon auf der Startseite
      darzustellen, was anbach ist...

      So mal als Beispiel.
      Hallo Christian,

      eine Word Press Frage habe ich da noch. Durch die Einstellungen habe ich mich schon durchgeklickt und irgendwie nichts gefunden. Wenn nun ein Artikel von mir 3 Kommentare hat kann man es dann irgendwo einstellen, dass die Kommentare AUTOMATISCH !! mit dem Aufrufen des Artikels mit geöffnet werden ??

      Artikel
      Kommetar 1
      Kommetar 2
      Kommetar 3

      und NICHT


      Artikel
      (Kommentare anklicken)
      Kommetar 1
      Kommetar 2
      Kommetar 3

      Wäre prima wenn Du dir eben ne MInute Zeit nehmen würdest
      Hi Ralf,

      auf die Schnelle habe ich auch nix gefunden. Sicher kann man was im Backend in irgend einer php-Datei ändern, aber das müsst ich mir mal genauer anschauen.
      Vielleicht kannst ja mal in so einem WorPress Forum suchen gehen. Die sind auch recht gut organisiert und da findet man viele Antworten.

      LG Christian

      P.S. hübsch doch mal ein wenig deinen Hintergrund auf. Die gekachtele Grafik sieht ein wenig störend aus ;)