Kaip „Google” traktuoja „JavaScript” įkeltus vaizdus – nauji atradimai
SEO specialistai ilgą laiką gyveno su mintimi, kad vaizdai, įkelti per JavaScript, yra neindeksuojami arba bent jau kelia rimtų problemų paieškos sistemoms. Tačiau „Google” paieškos ryšių su kūrėjais užmezgimo vadovas Martin Splitt neseniai pateikė informaciją, kuri daugelį privertė persvarstyti savo įsitikinimus. Pasirodo, „JavaScript” įkelti vaizdai gali būti indeksuojami ir matomi „Google” paieškoje – tik su tam tikromis sąlygomis.
Senasis mitas apie JavaScript vaizdus
Iki šiol daugelis SEO specialistų laikėsi nuomonės, kad vaizdai, kurie puslapyje atsiranda tik po JavaScript kodo įvykdymo, lieka „nematomi” paieškos sistemoms. Šis įsitikinimas skatino kūrėjus vengti dinaminių vaizdų įkėlimo metodų arba ieškoti sudėtingų apėjimo būdų, kad užtikrintų vaizdų matomumą.
Tokia praktika kilo iš ankstesnių „Google” galimybių apribojimų, kai paieškos robotai nesugebėdavo efektyviai apdoroti JavaScript kodo. Tačiau technologijos evoliucionuoja, ir paieškos sistemų galimybės taip pat.
Ką iš tiesų pasakė Martin Splitt
Per neseniai vykusį „Google Search Central SEO office-hours” renginį Martin Splitt buvo užduotas tiesioginis klausimas apie JavaScript įkeltų vaizdų indeksavimą. Jo atsakymas buvo netikėtai optimistiškas:
„Taip, mes galime indeksuoti vaizdus, kurie yra įkeliami per JavaScript. Tačiau yra svarbu, kad tie vaizdai būtų įkelti į DOM (Document Object Model) struktūrą. Jei JavaScript kodas sukuria IMG elementą su src atributu, mes galime jį apdoroti ir indeksuoti.”
Šis pareiškimas patvirtina, kad „Google” robotai ne tik nuskaito HTML, bet ir vykdo JavaScript kodą, kad matytų galutinį puslapio vaizdą – tokį, kokį mato vartotojas.
Techninės sąlygos sėkmingam indeksavimui
Nors Martin Splitt patvirtino, kad JavaScript įkelti vaizdai gali būti indeksuojami, jis paminėjo keletą svarbių sąlygų:
1. DOM integravimas – vaizdas turi būti įtrauktas į puslapio DOM struktūrą. Tai reiškia, kad JavaScript kodas turi sukurti IMG elementą arba panašų HTML elementą, kuris rodo vaizdą.
2. Tinkamas src atributas – vaizdas turi turėti aiškų src atributą su pasiekiamu URL. Duomenų URI (data:image) formatai gali būti problemiški.
3. Laiko faktorius – „Google” robotui reikia pakankamai laiko įvykdyti JavaScript kodą. Jei vaizdas įkeliamas po ilgo delsimo arba po vartotojo sąveikos, indeksavimo tikimybė sumažėja.
4. Renderio biudžetas – „Google” skiria ribotą laiką ir resursus kiekvieno puslapio apdorojimui. Sudėtingi JavaScript sprendimai gali išnaudoti šį biudžetą dar prieš pasiekiant vaizdų įkėlimo etapą.
Praktiniai patarimai kūrėjams
Remiantis šia nauja informacija, štai keletas praktinių patarimų, kaip užtikrinti, kad jūsų JavaScript įkelti vaizdai būtų tinkamai indeksuojami:
– Naudokite lazy-loading protingai. Vaizdų atidėtas įkėlimas (lazy-loading) yra naudingas greitam puslapio veikimui, tačiau įsitikinkite, kad vaizdai, esantys virš apatinės ekrano dalies (above the fold), būtų įkelti nedelsiant.
– Įtraukite alternatyvius metodus. Nors „Google” gali indeksuoti JavaScript įkeltus vaizdus, kitos paieškos sistemos gali neturėti tokių pažangių galimybių. Apsvarstykite galimybę naudoti noscript žymes su alternatyviais vaizdais.
– Testuokite su URL Inspection Tool. Naudokite „Google Search Console” URL patikrinimo įrankį, kad pamatytumėte, kaip „Google” mato jūsų puslapį, įskaitant JavaScript įkeltus vaizdus.
– Optimizuokite vaizdų metaduomenis. Net jei vaizdas įkeliamas per JavaScript, nepamirškite pridėti alt tekstų, title atributų ir tinkamų failų pavadinimų.
Realūs pavyzdžiai ir jų analizė
Pažvelkime į keletą scenarijų ir įvertinkime jų tinkamumą „Google” indeksavimui:
„`javascript
// Geras pavyzdys – tiesioginis DOM manipuliavimas
document.addEventListener(‘DOMContentLoaded’, function() {
const img = document.createElement(‘img’);
img.src = ‘/nuotraukos/produktas.jpg’;
img.alt = ‘Produkto aprašymas’;
document.querySelector(‘.product-container’).appendChild(img);
});
„`
Šis kodas turėtų veikti gerai, nes vaizdas yra įtraukiamas į DOM iš karto po puslapio įkėlimo.
„`javascript
// Problematiškas pavyzdys – vėluojantis įkėlimas
setTimeout(function() {
const img = document.createElement(‘img’);
img.src = ‘/nuotraukos/produktas.jpg’;
img.alt = ‘Produkto aprašymas’;
document.querySelector(‘.product-container’).appendChild(img);
}, 5000);
„`
Šis kodas gali sukelti problemų, nes vaizdas įkeliamas tik po 5 sekundžių – „Google” robotas gali jau būti baigęs puslapio apdorojimą.
JavaScript karkasų specifika
Populiarūs JavaScript karkasai, tokie kaip React, Vue ar Angular, dažnai naudoja virtualų DOM ir įvairius vaizdų įkėlimo metodus. Štai keletas pastebėjimų:
– React: Komponentai, kurie atvaizduoja vaizdus, paprastai yra gerai indeksuojami, jei jie renderinami serverio pusėje (SSR) arba statinio generavimo metu (SSG).
– Vue: Vue.js aplikacijos gali susidurti su indeksavimo iššūkiais, jei nenaudoja Nuxt.js ar panašių SSR sprendimų.
– Angular: Angular Universal suteikia serverio pusės renderinimą, kuris gali padėti užtikrinti vaizdų indeksavimą.
Martin Splitt pabrėžė, kad nors „Google” gali apdoroti šiuos karkasus, jų sudėtingumas gali paveikti indeksavimo efektyvumą. Todėl kritiniams vaizdams rekomenduojama naudoti paprastesnius metodus arba užtikrinti tinkamą serverio pusės renderinimą.
Žvilgsnis į ateitį: kaip keisis vaizdų indeksavimas
„Google” nuolat tobulina savo algoritmus ir indeksavimo galimybes. Martin Splitt užsiminė, kad ateityje galime tikėtis dar geresnio JavaScript turinio, įskaitant vaizdus, apdorojimo. Tačiau jis taip pat pabrėžė, kad geros praktikos, tokios kaip semantinis HTML ir tinkamas struktūrinis žymėjimas, išliks svarbūs.
Vienas įdomus aspektas, kurį verta stebėti, yra Web Vitals metrikos įtaka. Puslapiai, kurie efektyviai įkelia vaizdus ir turi gerus Largest Contentful Paint (LCP) rodiklius, gali turėti pranašumą ne tik vartotojų patirties, bet ir SEO požiūriu.
Naujas požiūris į seną problemą
Martin Splitt atskleista informacija apie JavaScript įkeltų vaizdų indeksavimą keičia ilgai gyvavusį mitą SEO bendruomenėje. Tai nereiškia, kad galime beatodairiškai kliautis vien JavaScript vaizdų įkėlimui, tačiau suteikia daugiau laisvės kuriant modernias, interaktyvias svetaines.
Svarbiausia suprasti, kad „Google” evoliucionuoja kartu su žiniatinkliu. Vietoj griežtų taisyklių „niekada nenaudokite JavaScript vaizdams” dabar turime niuansuotesnį supratimą: JavaScript įkelti vaizdai gali būti indeksuojami, jei laikomasi gerų praktikų ir suprantame paieškos sistemų veikimo principus.
Todėl kitą kartą, kai planuosite savo svetainės vaizdų strategiją, nepamirškite šių naujų įžvalgų. Tinkamai įgyvendintas JavaScript vaizdų įkėlimas gali būti tiek vartotojui draugiškas, tiek paieškos sistemoms suprantamas sprendimas – geriausias abiejų pasaulių derinys.