SEOMaster
Sass / preprocesory CSS
Rozszerzony CSS ze zmiennymi i zagnieżdżaniem.
Co to jest Sass / preprocesory CSS?
Sass to „preprocesor” CSS — rozszerza zwykły CSS o zmienne, funkcje, zagnieżdżanie reguł i moduły, a następnie kompiluje się do czystego CSS, który rozumie przeglądarka.
Ułatwia utrzymanie dużych arkuszy stylów: kolory i odstępy trzymasz w jednym miejscu (zmienne), a powtarzalne wzorce zamykasz w funkcjach. Część jego możliwości ma już dziś natywny CSS.
Dlaczego to ważne dla SEO
Sass porządkuje i przyspiesza pracę z rozbudowanymi stylami. Choć natywny CSS go dogania, wciąż jest szeroko używany w starszych i dużych projektach.
Jak to sprawdzić
To narzędzie etapu budowania; w przeglądarce trafia już skompilowany CSS. To wybór technologiczny, nie sygnał SEO.
Częste błędy
- Zbyt głębokie zagnieżdżanie (trudny, ciężki CSS)
- Nadużywanie zaawansowanych funkcji bez potrzeby
- Ignorowanie tego, co potrafi już natywny CSS
Przykład
$kolor: #7c6ef0; .btn { background: $kolor; }