Szook® Blog SEO - Pozycjonowanie i optymalizacja

Arkusze stylów to lista reguł ustalających w jaki sposób ma zostać wyświetlona nasza strona internetowa.
Np. wielkość/szerokość/rodzaj czcionki/dołączone obrazki.

Bardzo ważnym jest unikanie zbędnych dyrektyw w stosowanym arkuszu stylów.
Arkusz stylów CSS powinien być umieszczony w sekcji HEAD jako dołączony plik lub opisany bezpośrednio w kodzie XHTML.

Umieszczenie stylów na końcu kodu powoduje opóźnienie ładowania strony i efekt białego ekranu. Taka sytuacja ma miejsce, bowiem przeglądarka nie wyświetla strony do momentu aż przeczyta informacje związane z jej formatowaniem.
Jeżeli naszą stronę użytkownik odwiedza raz nie dokonując odwiedzin kolejnych podstron to style można zdefiniować w samym dokumencie XHTML. Będzie miało to wpływ na szybkość ładowania strony.
Inaczej sytuacja wygląda gdy użytkownik przegląda nasz serwis dokonując odwiedzin więcej niż jednej podstrony. W takiej sytuacji style należy zdefiniować w pliku co znacznie redukuje wielkość kodu XHTMLi przy odwiedzinach kolejnych podstron pobierany jest tylko dokument XHTML, bowiem arkusz stylów znajduje się już na dysku odwiedzającego. W celu redukcji żądań warto zdefiniować Expires na odpowiednio długi czas, tak by przy kolejnych wizytach przeglądarka nie dokonywała żądań kierowanych do serwera.

Ważne!
Arkusz stylów powinien znajdować się na początku dokumentu
Unikaj wielu plików arkusza stylów w jednym dokumencie XHTML
Przeanalizuj ruch i zachowanie użytkowników swojej strony internetowej. Tylko przy więcej niż jednej odsłonie strony przez użytkownika warto zastosować zewnętrzny plik arkusza stylów.

Dodatki: mini kurs CSS pojawi się w kategorii kursy.

Porady