JavaScript-betöltött képek indexelhetők

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.