CSS Osztálynevek Nincsenek Hatással a SEO-ra: Amit Tudnod Érdemes!

A Google nemrégiben megerősítette, hogy a CSS osztályneveknek nincs hatásuk a SEO-ra. Az információt a Google Search Relations csapata hozta nyilvánosságra, amely a CSS és a keresőoptimalizálás közötti összefüggésekkel foglalkozik. A CSS osztálynevek csupán vizuális stílusok alkalmazására szolgálnak, és nem befolyásolják a tartalom rangsorolását a Google keresési eredményeiben. A Googlebot nem veszi figyelembe ezeket az osztályneveket, amikor a weboldalak tartalmát elemzi.

Miért nem számítanak a CSS osztálynevek?

A Google szakemberei, Martin Splitt és John Mueller, a Search Off the Record podcast legutóbbi epizódjában részletesen elmagyarázták, hogy a CSS osztálynevek nincsenek hatással a rangsorolásra. Splitt kifejtette, hogy az osztálynevek csak arra szolgálnak, hogy az elemekhez vizuális stílusokat rendeljenek, tehát azokat nem tekintik a weboldal tartalmának részének. Még ha az osztályneveket meg is változtatnák, mondjuk „blurb”-ra, az SEO szempontból nem hozna semmilyen változást.

A CSS osztálynevek tehát teljesen függetlenek a tartalom jelentésétől, és a Googlebot nem veszi figyelembe őket, amikor a fontos információkat kiemeli a weboldalról. Ezért a SEO szakembereknek nem szükséges az osztálynevek optimalizálására koncentrálniuk.

A CSS pseudo elemek és a tartalom

Bár az osztálynevek nem befolyásolják a SEO-t, a Google szakemberei figyelmeztettek arra, hogy a CSS pseudo elemekbe, mint például a :before és :after, ne helyezzünk értékes tartalmat. Splitt hangsúlyozta, hogy a webfejlesztés alapelve, hogy a tartalomnak az HTML-ben kell lennie, míg a megjelenítést a CSS kezeli. Ha valódi tartalmat, például címeket vagy bekezdéseket helyezünk el ezekbe a pseudo elemekbe, az a keresőmotorok számára láthatatlanná válik.

Ez a gyakorlat ellentétes a webfejlesztés alapelvével, amely a tartalom és a megjelenítés elválasztására összpontosít. A Google rendszerei nem tudják értelmezni az ilyen módon elhelyezett információkat, ami problémákat okozhat a rangsorolás során. Egy példa is elhangzott erről: volt olyan eset, amikor egy weboldal a :before pseudo elemet használta, hogy hashtag szimbólumokat adjon hozzá a tartalomhoz, azonban ezek a Google rendszere számára láthatatlanok maradtak.

A CSS méretének hatása a teljesítményre

A podcast során a szakemberek az oversized CSS fájlok teljesítményre gyakorolt hatásáról is beszéltek. Az HTTP Archive 2022-es Web Almanac adatai szerint a mobilra vonatkozó CSS fájlok átlagos mérete körülbelül 68 KB volt, míg az asztali számítógépeken ez 72 KB-ra nőtt. Az ilyen méretű fájlok negatívan befolyásolhatják a Core Web Vitals pontszámokat és a felhasználói élményt, ami pedig hatással van a rangsorolásra.

A szakértők hangsúlyozták, hogy 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 minimalizálásával. Ez a lépés segíthet a weboldalak teljesítményének javításában és a rangsorok növelésében.

Praktikus tippek a SEO szakemberek számára

Ez a podcast epizód a következő tanulságokat vonja maga után a SEO szakemberek számára:

– Ne optimalizáljuk az osztályneveket: A CSS osztálynevekben található kulcsszavak nem segítenek a rangsorolásban.
– Ellenőrizzük a pseudo elemeket: A valódi tartalomnak az HTML-ben kell lennie, nem a :before vagy :after elemekben.
– Auditáljuk a stíluslapok méretét: A nagy CSS fájlok rontják az oldal sebességét és a Core Web Vitals értékeit.
– Gondoskodjunk arról, hogy a CSS fájlok másolhatóak legyenek: A stíluslapok blokkolása megzavarhatja a renderelést és befolyásolhatja a Google oldalértelmezését.

A Google arra is felhívta a figyelmet, hogy a HTML elemek megfelelő használata elengedhetetlen a tartalom megjelenítéséhez, különösen a képek esetében.

Milyen véleményen van a szakértő?

Megkérdeztük Császár Viktor SEO szakértőt, hogy kommentálja ezt a hírt. Viktor elmondta: „A Google által közzétett információk fontos figyelmeztetést jelentenek a webfejlesztők és SEO szakemberek számára. A CSS osztálynevek optimalizálása nem vezet eredményre, hiszen ezek csupán vizuális funkcióval bírnak. Az igazán jelentős tartalomnak HTML-ben kell megjelennie, hogy a keresőmotorok megfelelően értelmezni tudják.

Továbbá, a CSS fájlok méretének optimalizálása kulcsfontosságú a weboldalak teljesítményének javításához. A felhasználói élmény javítása, valamint a Core Web Vitals mutatók optimalizálása érdekében érdemes a felesleges kódokat eltávolítani. Ez a megközelítés nemcsak a SEO szempontjából előnyös, hanem a látogatók élményét is javítja.”

További információkért látogasson el weboldalamra: Császár Viktor SEO szakértő.

Forrás: SearchEngineJournal.com