A Google fejlesztője, Martin Splitt, a közelmúltban egy közös SEO -mítoszot mutatott be. Megerősítette, hogy a JavaScript -rel betöltött képeket a Google indexelheti, ha helyesen állítja be.
A Splitt megosztotta ezeket a betekintést a SEO for PAWS konferencián, Anton Shulke élő közvetített adománygyűjtőjén.
Így lehet elkerülni a közös kép indexelési problémáit, amikor a képeket a JavaScript -rel tölti be.
JavaScript kép betöltése nem a probléma
Amikor megkérdezték a JavaScript által betöltött képeket, a Splitt tisztázta, hogy a módszer nem az indexelési kérdések hibája.
Splitt elmagyarázza:
„JavaScript a képek betöltéséhez rendben van. A tisztán JavaScript kép betöltési megoldása abszolút indexelheti a képeket.”
Ez a megjegyzés a sok SEO profik között törli a gondot. A képek nem jelennek meg a Google Képekben, kivéve a JavaScript használatát.
A nem indexelt képek mögött álló valódi bűnösök
A Splitt elmondta, hogy valami más általában nem megfelelő, ha a JavaScript-betöltött képek nem jelennek meg a keresési eredményekben.
Néhány általános kérdésre mutatott:
- SiteMap problémák: Időnként hiányoznak a kulcsképek az XML webhelytérképekből.
- HTTP fejlécek: Néhány képfájl fejlécek lehetnek, amelyek megakadályozzák őket az indexálásban.
- A HTML -kiadások kiadásai: Ha a képek nem jelennek meg a megjelenített HTML -ben (a Google a JavaScript futtatása után látja a verzió), akkor nem indexelnek.
JavaScript kép indexelési problémáinak hibakeresése
A Splitt egyszerű folyamatot kínál a problémák észlelésére. Kezdje azzal, hogy ellenőrizze, hogy a képek megjelennek -e a megjelenített HTML -ben olyan eszközökkel, mint a Search Console URL -ellenőrző eszköze.
Splitt elmagyarázza:
„Ellenőrizned kell: a megjelenített HTML tartalmazza a képeket? Ha igen, fantasztikus. Ha nem, akkor valami más ki van kapcsolva.”
Mivel a Google indexeli a renderelt HTML -t, a googlebot nem található meg minden hiányzó képet.
Lásd az alábbi videóban a JavaScript SEO teljes beszélgetését:
https://www.youtube.com/watch?v=cji7t_4gizw
Közös JavaScript kép betöltési technikák és SEO -hatásuk
A képek betöltésére a JavaScript segítségével számos módon lehet betölteni. Néhány általános módszer a következők:
- Lusta betöltés: A képeket csak szükség esetén tölti be.
- Progresszív betöltés: Először egy alacsony minőségű képet mutat, majd frissít egy kiváló minőségűre.
- Végtelen görgetési betöltés: A képeket betölti, mivel a felhasználók továbbra is görgetnek.
- Háttérkép beillesztése: Képeket ad hozzá a CSS háttérrel.
Ha megfelelően vannak beállítva, ezek a módszerek működhetnek a Google indexelésével. Mindegyiknek szüksége lehet saját csekkre, hogy minden a várt módon működjön.
A SEO-barát JavaScript kép betöltésének legjobb gyakorlatai
Annak ellenére, hogy a JavaScript által betöltött képek indexelhetők, ezen bevált gyakorlatok követése segíthet elkerülni a problémákat:
- Ellenőrizze az URL -ellenőrző eszközzel: Győződjön meg arról, hogy a képek megjelennek a megjelenített HTML -ben.
- Frissítse az XML webhelytérképeit: Helyezze be a megfelelő címkékkel ellátott kulcsképeket.
- Az ALT szöveg használata: Adja meg a JavaScript -en keresztül betöltött képek törlését az ALT szöveget.
- Használjon natív lusta betöltést: Adja hozzá a
loading="lazy"
attribútum, ahol van értelme. - Ellenőrizze a robots.txt: Győződjön meg arról, hogy nem blokkolja a képeket betöltő JavaScript erőforrásokat.
Mit jelent ez a SEO szakemberek számára
A JavaScript elkerülése helyett ellenőrizze, hogy a képek helyesen vannak -e betöltve, és megjelennek -e a megjelenített HTML -ben.
Mivel a webhelyek inkább a JavaScriptre támaszkodnak, ezeknek a részleteknek a megértése kulcsfontosságú. A SEO szakemberek, akik megtanulják a JavaScript-alapú képterhelés elhárítását és optimalizálását, jobban felkészülnek arra, hogy támogatják ügyfeleik láthatóságát a keresési eredményekben.
Előre nézve
Ez a pontosítás időszerű. Számos modern hely, keretrendszerrel, például reagálás, vue vagy szögletes betöltési képekkel épített hely, a JavaScript használatával a hagyományos helyett
Címkék.
A Splitt betekintése segíti a mítosz eloszlatását, miszerint a JavaScript káros a kép indexelésére. A fejlesztők most a teljesítményre összpontosíthatnak anélkül, hogy aggódnának a SEO szankciók miatt.