Macewar | Websitekritik Fertige Website

Macewar · 17.06.2011

Hallo folks,

Ich möchte (da der alte Thread irgendwie Tod ist) gerne ein paar Verbesserungsvorschläge zur jetzt fertigen Website.
Ich suche immer noch nach dem Gewissen etwas.
Also BITTE BITTE mit viiiiel Zucker obendrauf schreibt Kritiken, Bewertungen, Lob und Vorallendingen Anregungen.
Link findet ihr in meiner Signatur.
Ich freu mich drauf.

MFG Macewar

MyBad · 17.06.2011

AW: Macewar | Websitekritik Fertige Website

Im Prinzip finde ich die Seite schon recht gelungen. Ein paar Kritikpunkte habe ich aber:
- Der Header ist viel zu hoch und nimmt damit zu viel Platz des Viewports ein. Den solltest du kleiner machen, finde ich
- Der VLog auf der Startseite wirkt dort etwas deplaziert / verloren
- Auf den einzelnen Seiten wirkt es so, als wäre da noch eine leere rechte Spalte. Finde ich störend. Zieh den Inhalt doch über die komplette Breite der Seite.

Das war es dann auch erst einmal.

Macewar · 17.06.2011

AW: Macewar | Websitekritik Fertige Website

Ja ein Commi!!

Danke für die Kritik,

Allerdings wird es etwas schwer was das ziehen des Gesamten Inhalts über die Wrap breite Betrift. Dieser Einwand ist jetzt nicht Technischer Natur sonder
bezieht sich ehr auf die Lesbarkeit des Textes, den wen der zu lang wird,wird es unübersichtlich. Deshalb überlege ich auch schon die ganze Zeit womit ich die rechte Lücke füllen kann (natürlich mit etwas sinnvollem).
Edit: Ist geändert!

Den Vlog nehm ich dann erst mal raus.
Edit: Ist geändert!

Auch mit dem Header lass ich mir noch was einfallen.
Edit: Ist geändert!

MFG Macewar

Immer fleißig Kommentieren bitte!!!

4uwak · 17.06.2011

AW: Macewar | Websitekritik Fertige Website

also was mir auf dem ersten blick ins auge fällt, die seite ist nicht mittig, mann sieht es besonders an kleinen menü unten rechts... sonst finde ich die seite eigentlich ziehmlich ansehnlich

Mway · 17.06.2011

AW: Macewar | Websitekritik Fertige Website

Ich sitz im moment wenn es die zeit zulässt auch an meinem Portfolio und muss sagen ne Seite für sich selbst machen ist das schwerste was es gibt. Von daher muss ich sagen find ich deine echt gelungen.

Was mir aber sofort ins Auge gesprungen ist, ist deine Navigation. Wenn ich es richtig deute ist die Navi zentriert zu dem Bild darunter ausgerichtet, was mir persönlich in dem Fall nicht so gefällt. Ausserdem ist die Typografie in der Navi nicht ordentlich zwischen den Trennstrichen, das würde ich auch anders machen und die Navi insgesamt ist zu weit oben und hängt mir zu sehr am Logo. Ich würde da bisschen mehr auf den Schutzraum des Logo´s achten.

Macewar · 18.06.2011

AW: Macewar | Websitekritik Fertige Website

Vielen dank!

Hab deine Vorschläge mal umgesetzt. Gieb mir dan mal noch ein Feedback ob das so ok ist!

MFG Macewar

Lona · 18.06.2011

AW: Macewar | Websitekritik Fertige Website

Ich persönlich finde die Seite sehr gelungen .
Sie ist sehr übersichtlich und vor allem das schlichte Design beeindruckt mich.

LG Lona

4uwak · 18.06.2011

AW: Macewar | Websitekritik Fertige Website

also hab noch mal in den code rein geschaut und mir sind so einige sachen aufgefallen die komisch sind, also gerade was die abstände angeht, sind da ganz komische werte drin und hab ich noch einen kompletten leeres div gefunden mit dem blanksep... was eigentlich auf total überflüssig macht, also mit CSS kann man alle abstände einstellen warum sollte man also ein leeres div benötigen macht nur die seite ünnötig groß.
also ich mal ein screenshot gemacht mit den abständen, also die seite ist nich mittig weil du ein div mit einer bestimmten breite hast aber es nur mit ca. 80% ausgefüllt hast also hast du rechts einfach einen weißen rand. ah um im menü sind auch die abstände unterschiedlich, mir kommst fast vor das du die trenn grafik fast nicht im a div drin hast wie den text?? warum?? einfache lösung, cssCode, mit den außenabständen oben10px rechts39liks40 und dann als hintergrafik die trennlinie breite1px no repeat. und dann einfach das bei der klasse nav, a zuordnen und dann einfach bei firstChild keine hintergrund grafik und abstand links 0px und so haben alle den selben abstand von allen seiten...
PS: bei so einen simplen animation würde ich kein flash verwenden....

[IMG=http://img690.imageshack.us/img690/5564/unbenannt1sfw.th.jpg][/IMG]

Macewar · 19.06.2011

AW: Macewar | Websitekritik Fertige Website

@4uwak

Oh vielen Dank für die Mühe werd es morgen.....ääähhhh heute (zu Christlicher Zeit) mal umsetzen.

Wegen dem Flash ding, sorry aber JS ist nicht so meins.

MFG Macewar

Kayko · 20.06.2011

AW: Macewar | Websitekritik Fertige Website

Mir gefällt deine Seite gut. Sie ist schlicht und übersichtlich.
Was mir aufgefallen ist:
1. ich finde den Abstand vom Textbereich zum Fußbereich auf der Seiten mit kurzem Text (Kontakt, Über mich) in dem nichts steht, zu groß
und 2. hat sich das Bild dort auf der rechten Seite (Kostenlose Webhilfe ...) nach oben in die Zitatbox geschoben.
Ansonsten stimme ich dir zu, dass es unheimlich schwer ist, eine Seite für sich selbst zu machen.
Grüße
Kayko

blizzart88 · 22.06.2011

AW: Macewar | Websitekritik Fertige Website

Ich finde die Seite auch sehr gelungen. Schlichtes Design, übersichtlich und einfach gehalten.

Waegi · 04.07.2011

AW: Macewar | Websitekritik Fertige Website

Website gefällt mir sehr sehr gut, habe nichts zu verbessern.

mfg Waegi

Macewar · 05.07.2011

AW: Macewar | Websitekritik Fertige Website

Danke

!!!

Habe noch ein problem mit der Sidebar "Kostenlose Webhilfe" ich hab die Webseite in unterschiedlichen Browsern und Betriebssystemen getestet, überall sieht sie gut aus, außer bei mir Zuhause auf Windows 7 Ultimate 64bit im
Fierfox 5, dort steckt die oben erwähnte Grafik nämlich in der Zitatbox, ich hab KA woran das liegt. Hoffe ihr habt eine Idee!

MFG Macewar

Myhar · 05.07.2011

AW: Macewar | Websitekritik Fertige Website

Im Opera passt das Layout deiner Seite nicht.
Im FF 5 passt das Layout bei mir, jedoch kann ich dir nur raten, diese sidebar auch mit HTML+CSS umzusetzen und nicht nur eine Grafik einzubinden. Wenn du das schon als Grafik einbindest, dann nimm wenigstens den SEO-Punkt aus der Liste raus ;-P
Nur für den Fall, dass dir nicht bewusst ist, warum ich genau das bemängle: Suchmaschinen sehen bei dir gerade mal <img alt="sidebar" [...] > Aus SEO Sicht ist es also nicht fördernd, Texte als Grafiken einzubinden.
Auch hast du noch einen Validierungsfehler drinnen.
Die Trennstriche zwischen den einzelnen LI Elementen musst du nicht als extra Elemente in deinen Code einbinden, da kannst du die vorhandenen LI mit background entsprechend stylen. Auch kann man bestimmt noch optimieren indem man die Trennstriche und dergleichen nicht als jpg sondern als png abspeichert.

L. G.

Macewar · 05.07.2011

AW: Macewar | Websitekritik Fertige Website

Myhar schrieb:
Im Opera passt das Layout deiner Seite nicht.
Im FF 5 passt das Layout bei mir, jedoch kann ich dir nur raten, diese sidebar auch mit HTML+CSS umzusetzen und nicht nur eine Grafik einzubinden. Wenn du das schon als Grafik einbindest, dann nimm wenigstens den SEO-Punkt aus der Liste raus ;-P
Nur für den Fall, dass dir nicht bewusst ist, warum ich genau das bemängle: Suchmaschinen sehen bei dir gerade mal <img alt="sidebar" [...] > Aus SEO Sicht ist es also nicht fördernd, Texte als Grafiken einzubinden.
Auch hast du noch einen Validierungsfehler drinnen.
Die Trennstriche zwischen den einzelnen LI Elementen musst du nicht als extra Elemente in deinen Code einbinden, da kannst du die vorhandenen LI mit background entsprechend stylen. Auch kann man bestimmt noch optimieren indem man die Trennstriche und dergleichen nicht als jpg sondern als png abspeichert.

L. G.

Jap in Opera ist der Flash Banner zu groß.
Auf meinem PC funzt es in FF5 nicht!
OMG! Natürlich weiß ich über SEO Bescheid hab ich ja nicht umsonst hingeschrieben aber ne Grafik ging schneller und es ist ja auch volkommen hums ob ich es so oder so mache beides mus funktionieren.

:eek:

NEEEEEEEIIIIIIIN!!! Einen W3C Error......komm schon:hmpf:......!

Auch das mit den Trennstrichen ist mir bewusst sieht aber nur im IE7 doof aus und Leute die so einen Browser benutzen will ich eh nicht erreichen, ich bin kein Programmierer und ich finde so lange es funktioniert und aktueller Usability enspricht passt es doch.

Das png´s speicher sparen stimmt von 8kb als jpg spare ich 4kb als png.
Da du mir aber vorhin mit SEO gekommen bist bei png´s lassen sicht zwar Meta informationen einbinden diese entsprechen aber keinem Standart.

Danke für die Tips bin aber nicht um Ausreden verlegen

!

MFG Macewar

Myhar · 05.07.2011

AW: Macewar | Websitekritik Fertige Website

Macewar schrieb:
Jap in Opera ist der Flash Banner zu groß.
Auf meinem PC funzt es in FF5 nicht!

Hast du dir das ganze schon mal mit Firebug angesehen woran es liegen könnte? Nachdem das bei mir im FF5 funktioniert kann ich dir hier leider nicht weiterhelfen.

Macewar schrieb:
OMG! Natürlich weiß ich über SEO Bescheid hab ich ja nicht umsonst hingeschrieben aber ne Grafik ging schneller und es ist ja auch volkommen hums ob ich es so oder so mache beides mus funktionieren.

Wenn du wirklich über SEO Bescheid weißt, dann wundert es mich umso mehr, dass du deine Trennstriche so "schlecht" eingebunden hast. (um bei den Trennstrichen zu bleiben)
Du verwendest unsinniges Markup (ein div mit links in denen zusätzlich nochmal Bilder sind) anstatt einfach in das CSS-File: #nav li {background:url(trennstrich_header.jpg) right top no-repeat} zu schreiben. Mit dem semantisch korrekten Umsetzen kann man in dem Fall die Größe der Seite verringern und macht diese auch leichter wartbar (und solche Darstellungsfehler wie im Opera treten erst gar nicht auf)

Macewar schrieb:
NEEEEEEEIIIIIIIN!!! Einen W3C Error......komm schon:hmpf:......!

Wer seine Seite bewertet haben will, muss auch damit rechnen, dass man darauf hingewiesen wird. Ich schreibe nicht einfach nur "Schöne Seite, gefällt mir." Das bringt keinem etwas ;-)

Macewar schrieb:
Auch das mit den Trennstrichen ist mir bewusst sieht aber nur im IE7 doof aus und Leute die so einen Browser benutzen will ich eh nicht erreichen, ich bin kein Programmierer und ich finde so lange es funktioniert und aktueller Usability enspricht passt es doch.

Es entspricht aber nicht der aktuellen Accessability.

Macewar schrieb:
Das png´s speicher sparen stimmt von 8kb als jpg spare ich 4kb als png.
Da du mir aber vorhin mit SEO gekommen bist bei png´s lassen sicht zwar Meta informationen einbinden diese entsprechen aber keinem Standart.

Wieso willst du in solche simplen Grafiken Metainformationen speichern?

Macewar schrieb:
Danke für die Tips bin aber nicht um Ausreden verlegen !

MFG Macewar

Mehr als Tipps kann man nicht geben. Ob du sie umsetzen willst bleibt immer nur dir überlassen.

L. G.

MyBad · 05.07.2011

AW: Macewar | Websitekritik Fertige Website

Die Tipps von Myhar sind doch klasse und vor allem berechtigt! Und deine Antworten darauf empfinde ich als sehr unhöflich. Wenn du keine kritischen Äußerungen lesen willst, dann stell deine Seite nicht zur Bewertung ins Forum...

Mit:
"OMG! Natürlich weiß ich über SEO Bescheid hab ich ja nicht umsonst hingeschrieben aber ne Grafik ging schneller und es ist ja auch volkommen hums ob ich es so oder so mache beides mus funktionieren."

Meinst du sicherlich, dass du davon schon mal gehört hast!? Denn eine Anwendung von SEO-Kenntnissen kann ich leider auch nicht erkennen.

Macewar · 05.07.2011

AW: Macewar | Websitekritik Fertige Website

@MyBad

Ok, warscheinlich haben wir eine sehr unterschiedliches verhältnis zum Umgang mit einem Fremden in einem Forum, da wirst du mir sicher zustimmen.

Wen die Vermutung aufkommt das jemand etwas nicht kann, weil das gezeigte nicht dem entspricht was man erwartet heist das noch lange nicht das es auch so ist. Hinzu kommt das man so eine als Frage formulierte Vermutung nicht zu stellen braucht wen man sich ein bisschen über die Person informiert hatt (und in meinem fall ist das ja möglich). Sicher ist das nur Erbsenzählerei aber ich wollte versuchen meine Aussage zu Erörtern. Ich bestreite außerdem auch gar nicht das die Tips hilfreich sind, ich bin ja auch schon dabei einiges umzusetzen bzw habe schon ein paar sachen umgesetzt und jeden Hinweiß in diesem Theard, bis jetzt.

Ach hier mein Fortschritt ->

MFG Macewar

MyBad · 06.07.2011

AW: Macewar | Websitekritik Fertige Website

Ok. Zu deinem Screenshot von Seitwert.de sage ich dann mal lieber nichts mehr ...
Bestätigt nur meine Vermutung.

Kann natürlich auch sein, dass du keinen Wert auf SEO bei deiner Seite gelegt hast und man deshalb davon nichts sieht. Was du an OffPage-Optimierungen betrieben hast / betreibst, kann ich natürlich auch nicht sehen. Aber laut Seitwert.de hast du zumindest keine (registrierten) Backlinks.

Macewar · 06.07.2011

AW: Macewar | Websitekritik Fertige Website

MyBad schrieb:
Ok. Zu deinem Screenshot von Seitwert.de sage ich dann mal lieber nichts mehr ...
Bestätigt nur meine Vermutung.

Nein! Das musst du mir jetzt mal erklären die Seite existiert jetzt erst seit fast einem Monat. Ich bin zwar nicht für Vorurteile und Vermutungen aber mit verlaub scheinst du ja nich die Leuchte in dem Thema zu sein. Die Internetagentur in der ich Arbeite kommt, wohlgemerkt als Zertifizierter Googel Adwords Partner, in diesem Zeitraum mit den Seiten die SEO wünschen auf einen durchschnitlichen Seitwert von 20pkt und da SEO und SEM große Bestandteile eines eigenen Ausbildungsberufes sind bin ich mit dem Ergebnis zufrieden, wen ich mich mit meinen Kolegen vergleiche die das wirklich gelernt haben. Eine Frage noch, ist das deine Seite die du in der Signatur Verlinkt hast? Wen ja:

- Hast du die Seite selber Programmiert ?
- Hast du die Seite selber gestaltet?
- Hast du Selber SEO für die Seite betrieben?
Inhallt der Seite ist aber top!

Wenn du alle fragen mit JA beantworten kannst:
Dafür das die Seite schon über 1 Jahr (laut Wabbajack machine) existiert kann sie im Vergleich bei folgenden Punkten nicht mithalten: SEO,Validierung(15Fehler) und Seitwertcheck.

Wenn du alle fragen mit NEIN beantworten kannst:
Dann tue nicht so als wen du Ahnung hättest und stell Vermutungen über dinge an von denen du Ahnung hast!

Wen es nicht deine Seite ist und/oder du Beweisen kannst das deine Kompetenzen in disem Bereich meine weit übersteigen nehme ich gerne alles zurück und lasse mich belehren, den jeder der etwas in der richtung auf dem Kasten hatt verdient meinen Respekt und meine Anerkennung. Also bitte jetzt keine Kommentare á la "Was bist du den für ein Arogantes ********* geh zurück in dein Sprachghetto du Legasteniger" oder so...ja? ;-)

MFG Macewar