Jak uniknąć znacznej części problemów ze stroną internetową?

W poprzednim wpisie zwróciłem Twoją uwagę na to, jak ważne jest sprawdzenie, czy Twoja strona wygląda tak samo w różnych przeglądarkach. Posłużyła mi do tego calu strona SprzedawcaInternetowy.pl, która nie tylko znacznie różniła się wyglądem, lecz także w niektórych przeglądarkach (na przykład w Chrome) znacznie utrudniała czytelnikowi zapoznanie się z treścią (czarne litery na granatowym tle).

Po nieco dokładniejszym przyjrzeniu się tej stronie, okazało się, że powodem całego zamieszania są błędy w kodzie html strony – innymi słowy – strona się nie walidowała.

Najprawdopodobniej wiesz, że to, jak wygląda Twoja strona opisane jest za pomocą kodu html i arkuszy stylów css. Na podstawie tych kodów przeglądarka generuje obraz, który pokazywany jest odwiedzającym stronę. To, w jaki sposób należy wyświetlić odpowiedni fragment kodu, opisane jest standardami (przeglądarki nie do końca je spełniają, ale nie jest też tragicznie i większość twórców stron umie sobie z tym radzić). Gdy jednak w kodzie pojawią się błędy, zachowanie przeglądarki nie jest określone, co sprawia, że każda przeglądarka może zrobić to, co chce.

Tak też było w przypadku SprzedawcyInternetowego. Fakt, że strona dobrze wyglądała w Firefoksie wynikał tylko i wyłącznie z tego, że przeglądarka ta stara się poprawiać błędne kody stron (i tym razem jej się udało).

Pamiętaj także, że błędny kod strony może utrudnić życie nie tylko osobom odwiedzającym Twoją stronę, lecz także wszelkim automatom (np. crawlerom – co może mieć znaczny wpływ na pozycję strony w wynikach wyszukiwania).

Czy sprawdzałeś poprawność kodu Twojej strony? Jeśli nie, zrób to teraz. Jeśli nie wiesz, jak się za to zabrać, nie martw się – wkrótce Ci o tym opowiem.