CSS (Cascading Style Sheets) er regler, der styrer, hvordan HTML-indhold ser ud i en browser. CSS bestemmer blandt andet farver, skrifttyper, afstande, placering og responsivt layout.
Hvordan fungerer CSS?
En CSS-regel vælger et eller flere HTML-elementer og angiver egenskaber for dem. “Cascading” betyder, at flere regler kan gælde samtidig, og at browseren afgør resultatet ud fra blandt andet specificitet, rækkefølge og arv.
Hvad betyder CSS for SEO?
CSS er ikke en genvej til bedre placeringer, men en dårlig implementering kan skade brugeroplevelsen og gøre indhold svært at bruge. Store eller render-blokerende stylesheets kan forsinke det første synlige indhold. Manglende pladsreservation til billeder og komponenter kan give layoutskift.
CSS kan også skjule indhold på bestemte skærmstørrelser. Det er normalt ved menuer og responsive komponenter, men vigtigt indhold bør ikke være utilgængeligt på mobil. Google tager udgangspunkt i mobilversionen ved mobile-first indexing.
Praktiske forbedringer
- Fjern ubrugte regler, og opdel meget store stylesheets med omtanke.
- Indlæs kritisk styling tidligt, så indhold over folden kan vises hurtigt.
- Undgå at hente mange skrifttyper og varianter, som ikke bruges.
- Reservér plads til billeder, annoncer og indlejrede elementer.
- Minificér CSS i produktion, men behold en læsbar kildeversion til fejlsøgning.
Sådan finder du CSS-problemer
Brug browserens udviklerværktøjer til at se, hvilke regler der gælder, og hvilke filer der blokerer rendering. Test både mobil og desktop. Kontrollér også, om et problem faktisk skyldes CSS, eller om gammel styling leveres fra en cache.