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

[qrooel]

Gdzie masz ładne adresy URL? ;P

Po wpisaniu w login i hasło: a'
Warning: mysql_num_rows(): supplied argument is not a valid MySQL result resource in /home/szczuka/ftp/tm1/logowanie.php on line 32

Logo nie prowadzi na stronę główną

[by_ikar]

Nie podoba mi się powielane tło, podczas przewijania, mamy dodatkowy efekt, który średnio fajnie wygląda.

[kujawska]

Tragedia. 59 Errors, 32 warnings

[by_ikar]

Tragedia. 59 Errors, 32 warnings

No, no, napisz to samo do google, że mają warringi na stronie głównej..

[!*!]

No, no, napisz to samo do google, że mają warringi na stronie głównej..

Google i każda inna strona która generuje ruch kilku milionowy jest z tego zwioniona (IMG:style_emoticons/default/wink.gif) ograniczenia znaków na dokument dają duże zaoszczędzenie transferu, nie to co prosta stronka powyżej, to jest tu niewybaczalne (IMG:style_emoticons/default/smile.gif)

- wspomniane błędy walidacji
- gdzieniegdzie tabele, które są niepotrzebne
- mieszanie kodu JS z HTML
- przesuwane tło, pachnie końcem lat 90

Ten post edytował !*! 16.12.2011, 17:19:48

[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.

[kujawska]

Shili trochę uprościł walidację. Semantyka jest ważna owszem ale tylko wtedy ma znaczenie kiedy synaktyka jest ok.
Semantyka ma podobno załatwiać SEO i ten termin jest obecny w ocenach aż do obrzydzenia.
Przeglądarki bazują na xhtml a wyszukiwarki w pierwszej kolejności biorą pod uwagę czystośc kodu.
Widzą również semantykę i wiele innych rzeczy ale wtedy one mają znaczenie kiedy warunek pierwszy -"czystość kodu"
Jak zrobić semantyczną stronę z błędami kodowania?
Najpierw wyczyść te błędy, które pokazuje walidator. To proste bo pokazuje gdzie i dlaczego.
Jak będzie dobrze to można się zastanowić jak ulepszyć stronę np semantycznie.
Inne podejście powoduje brnięcie do coraz gorszego stanu synaktycznego
a co gorsze utrwala przekonanie, że jak dobrze wygląda w przeglądarce to ja jestem dobry w tych klockach.

[Shili]

Semantyka ma podobno załatwiać SEO i ten termin jest obecny w ocenach aż do obrzydzenia.

Semantyka załatwia też użyteczność (usability) stron, ich dostępność dla użytkowników z tych czy innych przyczyn nie mogących korzystać z normalnych przeglądarek. h1 i tak dalej również są ważne ze względu na użytkowników. Screen reader naprawdę inaczej reaguje na nagłówek a inaczej na div class="title". Zawężanie semantyki do SEO też nie jest dobre.

W przypadku strony terazmodni błędy wynikają z niepoprawnego doctype, co napisałam w moim poprzednim poście.
Jeśli poprawi się doctype na HTML5, ponieważ witryna jest w HTML5 nie mielibyśmy praktycznie całej tej rozmowy.

Także warto zerknąć również czemu błędy się pokazują i nakierować na najlepsze rozwiązanie (IMG:style_emoticons/default/smile.gif)

ps. Jestem kobietą (IMG:style_emoticons/default/smile.gif)

Ten post edytował Shili 17.12.2011, 18:57:23

[kujawska]

Myślę,że jeśli matadorre weźmie nasze uwagi "pod uwagę" to coś będzie na przyszłość.
W tej chwili wydaje się, że uporządkowanie kodu byłaby konieczne w pierwszej kolejności.
I wtedy ocena byłaby bardziej przydatna dla ewentualnych zmian.
Jak sądzę chce porad a nie naprawy przez oceniających.
PS Shili przepraszam kobieto!