A Googlebot nem tud hozzáférni CSS- és JS-fájlokhoz

A fenti hibaüzenetet kapta ma rengeteg Prestashop tulajdonos és webmester az e-mail fiókjába, illetve üzenetként a Google Search Console-ba (régi Google Webmaster Tools). 

Mi történt?

A Google indexelőrobotja azt észlelte, hogy különbség van az Ő által látott tartalom és a felhasználó által látott weboldal között. Mivel ez ferde és hamis képet ad a Google-nek az oldalunk valódi kinézetéről, ezért értesít Minket, ugyanis ez hátrébb sorolást eredményezhet a találati listán.

A Search Console által mutatott példa tökéletesen demonstrálja a helyzetet, nézzük meg az alábbi weboldalképet ahol azt látjuk amit a Googlebot lát:

És a valóság, ahogyan a látogató látja

Elég nagy a különbség. A Google egy csonkább képet lát a weboldalunkból indexelés során, és ezért szankcionálhat.

Miért történt?

A fő ok a robots.txt. Ebben a fájlban (mely arra való, hogy kizárjuk a keresőrobotokat azokról a helyekről amelyekhez nincs közük) olyan mappák és fájlok is fel vannak sorolva, melyek szükségesek a weboldal betöltődéséhez. Ezek legtöbbje stílusfájl (CSS) és javascript, melyek legfőképp a /modules/ könyvtárban laknak, mivel a kinézet egy része modulokból is felépülhet (nem csak a téma részeként).

További teendők

Keressük ki FTP-n a gyökérkönyvtárban lévő robots.txt fájlunkat és nyissuk meg szerkesztésre. Ezzel párhuzamosan a Google Search Console-ban lépjünk be a „Feltérképezés” => „Megtekintés Google„-ként menüpontba, és kérjük le weboldalunk főoldalát a „Lekérés és megjelenítés„-re kattintva:

Ezután gondolkodik egy kicsit, majd a hibát jelző „Részleges” állapotot fogja visszaadni. Ekkor kattintsunk rá a sorra, majd megnyílik a részletező:

Ahol mutatja is egy összehasonlításban, hogy hogyan látja oldalunkat a Googlebot, és hogyan látjuk mi. Lejjebb szerencsére pontosan meg is mondja, hogy az oldal maradéktalan és helyes betöltődéséhez mely olyan forrásokra van szüksége, mely a keresőrobot számára jelenleg tiltva vannak. Ezeket a sor végén lévő „robots.txt” tesztelésével tudjuk ellenőrizni, mely mutatja is a letiltott forrást:

Ebben az esetben az egyszerűbb megoldás az, hogy a cikk elején megnyitott robots.txt fájlban lévő /modules/ sort kikommenteljük vagy töröljük (kikommentelés a #-al történik):

Ha ez sikerült, mentsük el a fájlt, másoljuk vissza a tárhelyünkre és kérjük meg a Google-t, hogy frissítse az általa látott robots.txt fájlt:

Amint rányomtunk, várjunk egy percet:

…és ismét nyomjunk a „robots.txt tesztelése” menüpontra, hogy lássuk, sikerült-e a változtatás. Ha igen, kérjük le ismét a weboldalunkat (Megtekintés Google-ként => Lekérés és megjelenítés) és már mindent jól fog hozni:

A két kép passzol, és alatta sincsenek letiltott források. Szép munka! 🙂