Strona www.paweldrozd.pl

[grafik_komputerowy]

www.paweldrozd.pl - strona jest w sieci parę dni. Oferuję tworzenie stron internetowych, materiałów do druku, wizualizację marki.

1. Proszę o subiektywną ocenę pod względem graficznym.

2. Proszę też o uwagi dotyczące pozycjonowania i optymalizacji (tym zajmuję się od wczoraj).

[Borgis]

Taki perfekcjonista a w stopce Graphic Desigenr

[grafik_komputerowy]

Good call Poprawione.

[Borgis]

"Nie ma, więc potrzeby angażowania" - przecinek?

A na posterze PayBill to klient chciał spację przed wykrzyknikami?

[grafik_komputerowy]

"Nie ma, więc potrzeby angażowania" - przecinek?

A na posterze PayBill to klient chciał spację przed wykrzyknikami?

Dzięki. Przecinek usunięty, spacja była zamierzona.

Prosiłbym jednak o uwagi pod wzgledem grafiki i SEO.

[Borgis]

O SEO to się specjaliści wypowiedzą. O grafice: mało czytelne teksty w slajderze u góry strony.

[grafik_komputerowy]

O grafice: mało czytelne teksty w slajderze u góry strony.

Nie chcę tu prowadzić 2-osobowego czatu ale faktycznie gorzej widzące osoby lub te ze słabszymi monitorami mogłyby mieć problem. Grubość czcionki zostawiłem, ale zamieniłem jej cień wewnętrzny na zewnętrzny i to ją trochę podbiło kontrastowo.

[strefapi]

Walidacja formularza kontaktowego by się przydała... Sam komunikat o "nie wysłaniu" jest straszny z błędami w kodowaniu polskich znaków...

Na iPad "zacina się" menu - po kliku w kontakt nie można kliknąć w nic innego dopóki się nie przesunie strony...

W slider krój pisma jest ok... Ale łamanie tekstu nie podoba mi się... Nie widać w tym głębszego zamysłu projektowego...

Sam html ma sporo błędów... Używasz elementów html5 a doctype masz inny... target="_new" ???

[grafik_komputerowy]

@strefapi, dzięki za odpowiedź.

Walidacja formularza kontaktowego by się przydała... Sam komunikat o "nie wysłaniu" jest straszny z błędami w kodowaniu polskich znaków...

Z walidacją sobie na razie odpuszczę, no chyba, że mnie spam zasypie niedługo. Formularz i komunikaty są już poprawione, z polskimi znakami i wystylizowane.

Na iPad "zacina się" menu - po kliku w kontakt nie można kliknąć w nic innego dopóki się nie przesunie strony...

Na tablety i smartphony stworzę na dniach osobą wersję.

W slider krój pisma jest ok... Ale łamanie tekstu nie podoba mi się... Nie widać w tym głębszego zamysłu projektowego...

To jest zamierzone.

Sam html ma sporo błędów... Używasz elementów html5 a doctype masz inny... target="_new" ???

Doctype poprawiony. Chodzi Ci tu o "_new", zgadza się? Już poprawione na "_blank".

[strefapi]

To jest zamierzone.

ale "wdowa" to jest jeden z większych typograficznych błędów... a czemu ma to służyć zastosowanie takiego łamania?

co do kontaktu, to fajnie, że jest nowy/drugi formularz, szkoda, że strona nie ma prawidłowego i pełnego kodu html, bo tam nawet nie ma body???

szkoda też, że jak wpisze coś w formularzu na stronie to potem treść listu nie przenosi się do tego "białego" formularza...

walidacja jakaś jest, mi bardziej chodziło o walidację już w javascript

jeden komunikat jest mało czytelny przy walidacji "Nick musi mieć min. 2 znaki." a w formularzu nie masz takiego pola

jeszcze odnośnie samej strony:

• fajnie jakbyś zastosował spritey css do tych wszystkich ikonek/grafik, przyśpieszy to w jakiś sposób prędkość wczytywania
  
• stosowanie dużej ilości plików .css i .js też nie jest dobre... (łączenie przyśpiesza wczytywanie)
  
• nie masz przekierowania www/bez www
  
• nie masz pliku robots.txt i sitemapy (nawet jakby były jednoelementowe)
  
• w ogóle nie masz ustawionego expiration time na plikach statycznych
  
• i na koniec... masz 16 znaczników h1
  

[grafik_komputerowy]

Poczytałem, uzupełniłem wiedzę i "wdowy" znalazły już "mężów"

Formularz ma już prawidłową strukturę pełnego html i poprawiony komunikat. Muszę jeszcze powalczyć z przenoszeniem tekstu i walidacją, o której wspomniałeś.

Spritey css raczej odpuszczę, bo mam mało grafiki.

Ilość plików .css i .js musi tak zostać, bo łącząc stronka się sypie.

Przekierowanie z bez www na www załatwione plikiem .htaccess

RewriteEngine on
RewriteCond %{HTTP_HOST} ^paweldrozd.pl [nc]
RewriteRule ^(.*)$ https://www.paweldrozd.pl/$1 [r=301,nc]

Pliki robots.txt i sitemap.xml umieszczone w katalogu głównym. Czy możesz sprawdzić ich poprawność? Czy jest sens tworzyć dla jednostronnej strony sitemap?

Jak ważne ustawienie jest tego expiration time na plikach statycznych? Co to daje?

Właśnie wiem, że trochę poszalałem z tymi znacznikami H1. Czy to źle? Żelazną zasadą jest, że musi być tylko jeden? Bo widzę, że jedna ze stron w TOP 5 Google na frazę "grafik komputerowy" ma ze 30 tych znaczników.

[strefapi]

Spritey css raczej odpuszczę, bo mam mało grafiki.

Ilość plików .css i .js musi tak zostać, bo łącząc stronka się sypie

mało czy nie, ale to i tak np. 10 zapytań do serwera mniej (przy każdym odwołaniu strony, co powoduje, że kolejne "ważne" pliki nie muszą czekać w kolejce)...

co do .js to poczytaj jak umiejętnie je połączyć, jeżeli działają osobno to i razem też muszą... nie ma opcji że nie...

czy warto czy nie warto, czegoś robić, to tylko kwestia: chyba lepiej mieć zrobione niż nie... taki perfekcjonizm

expiration time daje Tobie możliwość ustawienia po jakim czasie użytkownik powinien pobrać plik jeszcze raz (po prostu pozwala użyć cache przeglądarki poprawnie!)... masz bardzo dużo grafiki ponad 1,5 MB więc warto ustawić np. 30 dni, bo i tak pliki nie zmienią się, a obciążenie i czas wgrywania strony będzie krótszy... odczucie użytkownika (klienta) lepsze...

jeżeli masz apache to musisz mieć uruchomiony mod_expires, aby to ustawić...

z rzeczy dotyczących projektu:

• mi osobiście nie podoba się cień pod górnym menu, wszystko jest "płaskie", a ta jedyna rzecz nie...
  
• właśnie zauważyłem na dużym monitorze, że zdjęcia/projekty w galerii masz bardzo duże, a szparowanie na nich niektórych elementów jest bardzo mizerne...
  
• poza tym pomoc do galerii jest po angielsku
  

• poczytaj też o pozycjonowaniu elementem br i marginesem...
  
• poszukaj czym różni się "./" i "index.html" ...
  
• https://validator.w3....i=paweldrozd.pl
  

poza tym:

• "identyfikacja wizualna" nie "wizualizacja marki" i nie "identyfikacja wizualna marki"
  
• tak samo "krój pisma" lub "font" nie "czcionka"
  
• poloniści by się przyczepili jeszcze do: "graphic designer'em & web developer'em", "na komunii", "całkowite koszta"
  

bo będąc grafikiem powinno mówić się profesjonalnie

[grafik_komputerowy]

Poprawki słowne wprowadzone. Pomoc domyślnie już po polsku. Przechodzi przez validator już bez problemów.

Postaram się o połączenie tych js i css w miarę możliwości. Poczytam o tym expiration time

Rozumiem, że robots.txt i sitemap.xml są ok?

I czym się różni "./" i "index.html"? Chociaż w skrócie, bo nie mogę znaleźć.

@strefapi, dzięki raz jeszcze za zainteresowanie i pomoc

Zachęcam też pozostałych do dyskusji

[dracon]

Wydaje mi się, że kolorystyka strony jest trochę zbyt monotonna/szara jak na portfolio grafika, ale to tylko moje subiektywne zdanie. Formularz kontaktowy nie wygląda ładnie, jest zbyt prosty. Nieciekawa typografia. Za mało informacji o poszczególnych usługach.

[nowy26]

i na koniec... masz 16 znaczników h1

Przecież chyba HTML5 pozwala już na stosowanie większej liczby h1?