strona www.terazmodni.pl do oceny Opcje

[matadorre]

Proszę o ocenę strony www.terazmodni.pl o tematyce modowej. Wszelkie uwagi mile widziane, konstruktywna krytyka to podstawa (IMG:style_emoticons/default/smile.gif)

Ten post edytował matadorre 16.12.2011, 16:27:31

[Shili]

Elementy testowe przy radio buttonach powinny zawierać się w tagu label. Radio buttony są małe, standardem jest więc rozszerzenie aktywnego pola do kliknięcia.

Alty przy obrazkach na głównej powinieneś zostawić puste. Wiesz, jak przeczyta Twoją stronę np. czytnik ekranu?

Kiedy dorosła kobieta chce znowu poczuć się jak mała dziewczynka, zakłada słodką, odcinaną w pasie i rozkloszowaną spódniczkę, zawadiackie okulary, kołnierzyk pod szyję, a włosy splata w warkoczyk lub kucyk. Styl pensjonarki jest kolejnym (z wielu !) obowiązującym w tym sezonie trendem. Na pewno nie każda kobieta się w nim odnajdzie, ale w błędzie jest ten kto sadzi, że nie nadaje się dla twardo stąpających po ziemi bizneswomen, wystarczy bowiem spojrzeć na Joannę Przetakiewicz, która często wybiera na oficjalne imprezy sukienki projektu własnej firmy odzieżowej La Manii. I trzeba przyznać wygląda w nich ujmująco.
Joanna Przetakiewicz
Joanna Przetakiewicz
sukienka : Promod, bluzka : H&M, pasek : Top Secret
sukienka : Promod, bluzka : H&M, pasek : Top Secret
butyk.pl
butyk.pl
...

Mało fajnie, prawda?

Brakuje przyjaznych i użytecznych stron błędów:
http://www.terazmodni.pl/test.php

Postaraj się o unikalne tytuły, inaczej świata nie zwojujesz i google Cię nie polubi.
To samo dotyczy meta tagu description.

Tło się brzydko powtarza.

Captcha nie jest szczególnie bezpieczna. Proponowałabym np. re-Capchę

Nieklikalne logo! Użytkownicy tego oczekują.

W ogóle nie widać, że najeżdża się na linki - również jest to niezgodne z oczekiwaniami użytkowników.

[HTML] pobierz, plaintext 
<link rel="stylesheet" href="css/style.css" type="text/css"/>
 
  <link rel="stylesheet" href="css/spis.css" type="text/css"/>
 
  <link rel="Shortcut icon" href="images/tm.ico" />
 
  <script type="text/javascript" src="scripts/skrypt_ls.js"></script>
 
  <script type="text/javascript" src="scripts/spis.js"></script>
 
  <script type="text/javascript" src="scripts/jquery-1.5.2.js"></script>
 
  <script type="text/javascript" src="scripts/jquery.corner.js"></script>
[HTML] pobierz, plaintext 

Spróbuj to poagregować. Im mniej odwołań do serwera, tym lepiej.

Z walidacją bez przesady.
Owszem, warto by było poprawić elementy umieszczone w nieodpowiednim miejscu w kodzie, natomiast bez sensu jest robienie stron stricte pod walidację.
Nie raz widziałam witryny, które się nie walidowały, a były semantyczne. I witryny, które się walidowały, ale z semantyką miały tyle wspólnego, co nic.
Warto dążyć do poprawnych pod względem specyfikacji stron. Ale jeszcze bardziej - do semantycznych, np. takich, gdzie etykiety formularza są zawarte w tagach <label>

W tym przypadku widzę składnię HTML5, a doctype XHTMLowy i to powoduje sporo błędów.

Nie dawaj linku do administracji w stopce! Po pierwsze google Ci to zaindeksuje, po drugie nie upraszaj wszystkim ataków. Chociaż i tak z tego co widzę to link do zwykłego logowania.

Zapoznaj się z semantyką ogólnie.
Stosowanie nagłówków h1, h2 itd. leży choć próbuje się podnieść (IMG:style_emoticons/default/wink.gif)
h1 można by rozróżnić między stronami (http://www.terazmodni.pl/wyswietl_artykuly.php?id_kat=2&nr_str=1#ust76 h1 - na zakupy; http://www.terazmodni.pl/wyswietl_wpis.php...id_wpisu=76#kom h1 - Wypatrzone)
Tytuły wpisów np. na h2
Google lubi zróżnicowanie

Do pojedynczego wpisu można przejść tylko przez link z komentarzami. Dobrą praktyką jest to, że linkuje tytuł wpisu.

To tak na szybko pod względem usability, accessibility (nieco) i semantyki. Mam nadzieję, że coś się przyda.