środa, 03 marca 2010 01:00

Jak wygląda Twoja strona?

Tworząc stronę, nie zawsze zdajemy sobie sprawę, jak będzie ona widziana przez innych użytkowników. Po pierwsze: różne przeglądarki różnie wyświetlają treść. Słynnym, niechlubnym przykładem jest tu Internet Explorer 6 - pomimo, że jest on wycofywany, sporo użytkowników korzysta z niego w dalszym ciągu. Po drugie: użytkownicy mają różne wielkości (rozdzielczości) ekranu - w zależności od strony mogą widzieć na pierwszy rzut oka mniej interesujący jej fragment, niż ten, który zamierzaliśmy im pokazać projektując wygląd strony. Po trzecie: jak zobaczą stronę boty wyszukiwarek, od czego w dużej mierze zależą pozycje, na jakich stronę będą wyświetlać.

Istnieje kilka prostych i darmowych usług, pozwalających obejrzeć, jak prezentuje się nasza strona nie tylko w różnych wyszukiwarkach, w różnych rozdzielczościach, ale nawet na różnych komputerach i w różnych wersjach wyszukiwarek. Opiszę tutaj trzy proste narzędzia online, z których korzystam przy ocenie użyteczności (usability) oraz pracach związanych z SEO stron internetowych.

Jedno z dosyć młodych, ale całkiem użytecznych narzędzi (usability) to Browsersize Googli. Pozwala on w banalnie prosty sposób, w przybliżeniu zobaczyć, jaką część naszej strony widzą posiadacze ekranów o różnej rozdzielczości.

Inne, również dość młode narzędzie Adobe BrowserLab. Wymaga ono bezpłatnej rejestracji, a w zamian pozwala szybko zobaczyć, jak nasza strona prezentuje się w Chrome 3.0 (Windows XP) Firefoxie 2.0, 3.0 i 3.5 (na Windows XP oraz na OS X), w Internet Explorerze 6.0, 7.0 i 8.0 (Windows XP) oraz w Safari 3.0 i 4.0 (OS X). Ciekawostką jest tryb Onion Skin, który nakłada na siebie dwa podglądy pozwalając na bardzo precyzyjne porównanie. Banalne, ale bardzo przydatne narzędzie.

Najbardziej zaawansowanym narzędziem do podglądu strony w kilkudziesięciu różnych wersjach przeglądarek na Linuxie, Windows, Mac OS oraz BSD jest Browsershots. Tutaj wybieramy przeglądarki, w których chcemy zobaczyć swoją stronę i niestety musimy poczekać dosyć długo, pozostawiając otwarte okno przeglądarki (w razie potrzeby zwiększając limit czasu). Bardzo pożyteczne jest to, że możemy ustawić pożądane parametry, takie jak: rozdzielczość ekranu, głębia koloru, włączone lub wyłączone Javascript, Java lub Flash. Ostatecznie otrzymujemy zrzuty ekranu naszej strony w wybranych przeglądarkach, przy zadanych parametrach. Niezwykle przydatne narzędzie, pozwalające po przeanalizowaniu procentowych ustawień użytkowników naszej witryny sprawdzić, jak najczęsciej widziana jest nasza strona.

Na zakończenie dosyć proste narzędzie pozwalające zobaczyć, jak nasza strona wygląda w przeglądarce... tekstowej: Lynx View. Do czego jest to przydatne? Przecież nikt już tak nie przegląda stron. Niezupełnie, tak właśnie widzą stronę boty wyszukiwarek, więc jest to pożyteczna informacja dla pozycjonerów.

Czy znacie inne tego typu ciekawe narzędzia? Jeśli tak, zapraszam do podzielenia się nimi w komentarzach. :)

Dla bardziej dociekliwych: 10 Helpful Resources for Cross Browser Testing
 

Dodaj komentarz


Kod antysapmowy
Odśwież