CSS Osztálynevek: Miért Nem Befolyásolják az SEO-t?

A legújabb hírek szerint a Google megerősítette, hogy a CSS osztálynevek nem befolyásolják a keresőoptimalizálást (SEO). A Google keresőkapcsolati csapata részletesen megvizsgálta, hogyan hat a CSS az SEO-ra, és eloszlatták a CSS osztálynevekkel és a teljesítménnyel kapcsolatos tévhiteket. Az alábbiakban összefoglaljuk a legfontosabb megállapításokat.

A CSS osztálynevek és a SEO kapcsolata

Az egyik legfontosabb megállapítás, hogy a CSS osztálynevek nem befolyásolják a Google keresési rangsorolását. Martin Splitt, a Google munkatársa, világosan kifejtette, hogy az osztálynevek csupán vizuális stílusok alkalmazására szolgálnak, és nem részei a tartalomnak, amit a Googlebot vagy más HTML-elemzők figyelembe vesznek. Az osztálynevek elnevezése, legyen az bármilyen kifejezés, mint például „blurb”, nem változtat a SEO szempontjából értékükön. A CSS osztálynevek tehát nem játszanak szerepet a rangsorolásban, csupán a megjelenésért felelősek.

A CSS pszeudoelemek és a tartalom problémái

Bár az osztálynevek nem jelentenek problémát, a Google szakértői figyelmeztettek arra, hogy a CSS pszeudoelemek, mint például a :before és :after, használata során érdemes óvatosnak lenni. Az ilyen elemekbe helyezett tartalom, például címek vagy bekezdések, nem láthatóak a keresőmotorok számára, és így nem is tudják azokat indexálni. A webfejlesztés alapelve, hogy a tartalomnak a HTML-ben kell lennie, míg a megjelenés a CSS-en keresztül valósul meg.

Egy konkrét példa is elhangzott, amikor egy weboldal a pszeudoelemeket használta, hogy hashtag szimbólumokat adjon hozzá a tartalomhoz. Mivel ezek a szimbólumok a CSS-ben voltak elhelyezve, a Google rendszerei nem tudták őket észlelni, ami a tartalom rangsorolásánál hátrányos helyzetet teremtett.

A CSS teljesítmény és optimalizálás

A podcast során szóba került a CSS fájlok méretének problémája is. A 2022-es Web Almanac adatai szerint a mobilra optimalizált CSS fájlok átlaga körülbelül 68 KB, míg asztali gépeken ez 72 KB-ra nő. Az ilyen nagyméretű fájlok hátrányosan befolyásolhatják a Core Web Vitals mutatókat, amelyek szintén hatással vannak a rangsorolásra. A fejlesztőknek érdemes figyelniük a CSS optimalizálására, például a felesleges szabályok eltávolításával és a fájlok minifikálásával.

A Google arra is figyelmeztetett, hogy a CSS fájloknak crawlable-nak kell lenniük, mivel a Googlebot ezeket használja az oldalak renderelésére. Ha a CSS blokkolva van, az befolyásolhatja, hogy a Google hogyan értelmezi az oldalt, különösen a mobilbarát elrendezés és a rejtett tartalom szempontjából.

Praktikus tanácsok SEO szakértőknek

Ezek a megállapítások fontos üzeneteket hordoznak az SEO szakemberek számára. Először is, ne pazaroljunk időt az osztálynevek optimalizálására, mivel ezek nem fognak segíteni a rangsorolás javításában. Másodszor, minden fontos tartalomnak a HTML-ben kell lennie, a pszeudoelemeket pedig csak dekoratív elemekhez használjuk. Továbbá, érdemes auditálni a CSS fájlok méretét, hogy elkerüljük a lassú betöltődést és a gyenge felhasználói élményt. Végül, mindig győződjünk meg arról, hogy a CSS fájlok elérhetőek a Googlebot számára, hogy az oldal megfelelően jelenjen meg a felhasználók számára.

Mit mond a szakértő a legújabb fejleményekről?

Megkérdeztük Császár Viktor SEO szakértőt, hogy mit gondol a Google legújabb bejelentéséről. Viktor elmondta:

„A Google nyilatkozata rendkívül fontos a webfejlesztők és az SEO szakemberek számára egyaránt. Az, hogy a CSS osztálynevek nem befolyásolják a keresőoptimalizálást, felszabadítja a szakembereket a felesleges optimalizálás alól. A hangsúly a tartalom megjelenítésén és struktúráján kell, hogy legyen, nem pedig a vizuális stílusokon. Emellett kiemelendő, hogy a pszeudoelemek helytelen használata komoly problémákat okozhat a keresőoptimalizálás szempontjából, mivel a fontos információk nem válnak elérhetővé a keresőmotorok számára. A CSS fájlok optimalizálása pedig elengedhetetlen ahhoz, hogy javítsuk a felhasználói élményt és a weboldal teljesítményét. Ezért fontos, hogy a webfejlesztők figyeljenek a CSS fájlok méretére és tartalmára.”

További információkért látogasson el Császár Viktor weboldalára: csaszarviktor.hu.

Forrás: SearchEngineJournal.com