U najnovijoj epizodi podkasta Search Off the Record, članovi Google Search tima Martin Splitt i John Mueller razjasnili su kakav uticaj CSS ima na SEO. Glavna poruka? Nazivi CSS klasa nemaju nikakvu ulogu u rangiranju stranica.
Nazivi klasa nemaju težinu za pretragu
Jedna od najjasnijih poruka iz epizode jeste da CSS klase služe isključivo za stilizaciju i ne ulaze u analizu sadržaja stranice. Google ih ne čita kao deo teksta i ne uzima ih u obzir prilikom rangiranja rezultata. Splitt je rekao da biste sve klase mogli da nazovete jednostavno „blurb“ i da to ne bi promenilo ništa u očima Google pretrage.
Čak i ako HTML analizirate putem jezičkog modela ili jednostavnog crawler-a, klasne oznake će biti ignorisane, osim ako sistem nije posebno podešen da ih tumači.
Pseudo elementi mogu biti problem
I dok su klase bezopasne, sadržaj smešten u pseudo elemente kao što su :before i :after može predstavljati ozbiljan problem. Splitt je objasnio da je osnovna ideja web razvoja da se prezentacija odvaja od sadržaja. Dodavanje vizuelnih elemenata je prihvatljivo, ali ako u pseudo elemente ubacujete naslove, paragrafe ili bilo koji tekst koji je važan za korisnike, to postaje problem.
Takav sadržaj nije vidljiv Google-u, screen reader-ima ni ostalim sistemima koji se oslanjaju na HTML. Mueller je podelio primer sajta koji je pomoću :before dodavao heš simbole uz „hashtagove“, što je onemogućilo Google sistemima da ih prepoznaju.
Preveliki CSS može usporiti sajt
Epizoda je dotakla i temu performansi. Prema podacima Web Almanaca iz 2022. godine, prosečna veličina CSS fajla na mobilnim uređajima iznosila je oko 68 KB, dok je na desktopu bila 72 KB. U ekstremnim slučajevima, pojedini fajlovi dostizali su čak 78 MB.
Ovolika veličina može negativno uticati na Core Web Vitals metrike i ukupno korisničko iskustvo, što ima direktan uticaj na rangiranje u pretrazi. Veliki deo problema dolazi od prekomernog oslanjanja na gotove biblioteke i framework-e.
CSS fajlovi moraju biti dostupni za crawlovanje
Iako CSS sam po sebi ne utiče na rangiranje, Google savetuje da stilovi budu dostupni za indeksiranje. Googlebot koristi CSS da bi prikazao stranicu onako kako je vidi korisnik. Ako su stilovi blokirani, to može promeniti tumačenje rasporeda elemenata, mobilne prilagođenosti ili čak skrivanja sadržaja.
Praktični saveti za SEO
Ako radite na optimizaciji sajta, evo nekoliko korisnih smernica:
- Ne optimizujte nazive CSS klasa, to nema uticaj na SEO
- Ne smeštajte sadržaj u :before i :after, pravi tekst mora biti deo HTML-a
- Redovno proveravajte veličinu CSS fajlova i uklanjajte nepotrebne stilove
- Dozvolite Google-u pristup CSS-u, to pomaže u ispravnom prikazivanju stranice.
Na kraju, iz Google-a podsećaju da slike koje su deo sadržaja treba umetnuti kao img ili picture tag u sam HTML. Samo tako Google može da ih vidi i da ih ispravno tumači.
Stilizacija pripada CSS-u, a značenje HTML-u, poštovanje ove podele koristi i korisnicima i pretraživačima.
Poslušajte celu epizodu:
