- Wyszukiwarki od dłuższego czasu nie zwracają uwagi na keywordsy w metatagach. Linijkę z nimi można usunąć.
- Fonty od Googla - tutaj wystarczy jeden request - multiple font families
- Cały JS powinien być na końcu body. Nie spowalnia wtedy parsowania -> renderowania strony
- "Główny pojemnik opakowujący wszystko" jest niepotrzebny, on de facto nic nie robi.
- "Przycisk do rollowania na górę strony" - to pierwsza rzecz, którą "zobaczy" osoba korzystająca z czytnika ekranowego. Tego typu implementacje umieszcza się na samym dole strony. Druga sprawa - link jest pusty. Powinien posiadać tekst, z informacją do czego się on odnosi. Oczywiście nie pasuje to do designu strony, ale co komu po designie jeśli korzysta z technologii asystujących? - Umieść tam tekst ukryty dla "zwykłych" użytkowników - How to hide content - a11y
- Zamiast przycisku do scrollowania na samej górze, świetnie sprawdziłby się link typu "przejdź do treści" - Skip nav links - a11y
- Cały div o id "top" wrzuciłbym do znacznika header,
- Ikona koperty przy adresie mailowym jest ozdobnikiem, co za tym idzie - powinna mieć pusty atrybut alt, a najlepiej jeszcze żeby posiadała atrybut aria-hidden z wartością true.
- Style Inline wprowadzają dużo zamieszania w kodzie. Wszystko co jest CSSem, powinno być w plikach CSSa. Dobra lektura - Progressive Enhancement
- Lista ikon w górnym panelu mogłaby być listą. <ul>
- alt="lupa" - obrazki użytkowe, powinny mieć w alt opis ich funkcjonalności, w tym wypadku "szukaj" / "wyszukiwarka".
- Nie zaleca się stosowania target blank - When to use target="_blank", Bezcelowy target.
- Tekst alternatywny dla obrazków służących jako linki ("ikonka twitter, facebook .. ) powinien odnosić się do zawartości danego linka - na przykład "Fanpage Świat Fantasy na Facebooku" / "Świat Fantazy na Twitterze"
- Brakuje nagłówka najwyższego poziomu na stronie. Odeślę Cię tam, gdzie zapewne zrobiłaby to większość osób na tym forum - http://www.webkrytyk.pl/krytyka/lexy.com.pl/#naglowki
- Mam wrażenie, że strona trochę popada w divitis. Divy z id "logo-menu" oraz "menu" są zbyteczne.
- Nie jest dobrą praktyką używanie ID do stylizowania elementów - ID czy class?
- Slider... czy on tam musi być? Cała masa problemów z dostępnością pojawia się wraz z nim. Od tekstu, który nie jest tam tekstem, przez użyteczność, RWD, aż po moje nerwy : ) A jak już tam musi być - wpakuj go w znacznik header i zadbaj o accessibility.
- Czarne nagłówki mają za mały kontrast względem zdjęcia w tle - są nieczytelne.
- <div id="game"></div> <!-- tu siedzi obrazek --> ? Ale gdzie? Albo daj go w znaczniku img, albo wrzuć jako psudoelement w CSSsie.
- Zrezygnowałbym z tworzenia linku,w którym jest cały akapit tekstu. Link powinien być zwięzły i traktować o tym, do czego się odnosi. "Więcej o grach" zdecydowanie wystarczy.
- Mam wrażenie, że pod koniec strony, zacząłeś używać nagłówków, aby manipulować rozmiarem fonta - nigdy tego nie rób, od tego jest CSS. Poziomy nagłówków służą wyłącznie do przedstawienia struktury dokumentu. (Swoją drogą nie powinno być więcej nagłówków najwyższego poziomu niż 1 - html5 document outline).
- Strona dostępna jest z dwóch adresów - www i bez www - co ja będę tutaj pisał : ) im więcej przeczytasz tym lepiej dla Ciebie - polecam szczególnie "Część 1" - O optymalizacji SEO stron internetowych - Racy Mind
- Warto również zainteresować się projektem normalize - zawsze krok do przodu jeśli chodzi o cross-browser.
- Na przyszłość - przy tworzeniu formularzy, nie zapomnij o poprawnym stosowaniu label.
- RWD tylko poprzez Media Queries w CSSsie - nawet nie próbuj kombinować z subdomeną m. - strzelisz sobie w kolano podczas pozycjonowania - a i poprawki / treści* będziesz musiał wprowadzać na obu witrynach jednocześnie. (*o ile nie zaopatrzysz się w jakiś CMS / lub już go tam masz : ))
- Co do angielskiego w kodzie, objąłbym nim też komentarze.
- Jeszcze podrzucę linka - Główne zasady stosowania nagłówków
- Ogólnie ładna strona, może ten trawiasty zielony trochę psuje klimat (no i czarne nagłówki), tak to super!
Najdłuższa ocena jaką napisałem, ale "kupiłeś" mnie opisem : )