Šiuolaikiniame internete, kur vartotojai išrankūs ir nekantrūs, nuotraukų optimizavimas tapo esminiu veiksniu siekiant užtikrinti sklandžią ir malonią vartotojų patirtį. Tinkamai optimizuotos nuotraukos ne tik pagreitina puslapio įkėlimo laiką, bet ir pagerina vaizdo kokybę, sukurdamos patrauklesnį ir profesionalesnį vaizdinį įspūdį.
Tarp įvairių nuotraukų formatų, skirtų internetui, WebP išsiskiria kaip geriausias pasirinkimas, siūlantis puikią pusiausvyrą tarp vaizdo kokybės ir failo dydžio.
Šis „Google“ sukurtas formatas suteikia keletą esminių privalumų:
- Mažesnis failo dydis
- Geresnė vaizdo kokybė
- Greitesnis puslapio įkėlimo laikas
- Platus palaikymas
Be WebP pranašumų, yra ir kitų nuotraukų optimizavimo praktikų, kurias galite įdiegti, kad pagerintumėte savo svetainės našumą:
- Nuotraukų dydžio keitimas: Pasirinkite tinkamą nuotraukų dydį, atsižvelgiant į jų paskirtį ir puslapio išdėstymą. Nenaudokite didesnių nuotraukų, nei reikia, nes taip padidinamas failo dydis ir ilgėja puslapio įkėlimo laikas.
- Suspaudimas: Naudokite nuotraukų suspaudimo įrankius, kad sumažintumėte failo dydį neprarandant reikšmingos vaizdo kokybės.
- Pavadinimų ir aprašymų optimizavimas: Pasirinkite apgalvotus pavadinimus ir aprašymus, kuriuose būtų naudojami raktiniai žodžiai, atitinkantys nuotraukos turinį. Tai pagerins vaizdų paieškos rezultatus ir padidins svetainės matomumą.
- Alternatyvus tekstas (alt text): Įtraukite alternatyvų tekstą visoms nuotraukoms, apibūdinantį vaizdą ir jo kontekstą. Tai padės pagerinti svetainės prieinamumą ir SEO rezultatus.
Įgyvendindami šias nuotraukų optimizavimo praktikas, ypač naudojant WebP formatą, galite gerokai pagerinti savo svetainės našumą, vartotojų patirtį ir pozicijas paieškos sistemose. Atminkite, kad kokybiškos ir tinkamai optimizuotos nuotraukos yra esminė sėkmingos internetinės svetainės dalis.
Norite pradėti?Paverskime Jūsų idėjas
realybe
info@mycode.lt
+370 650 89811
Kas pasikeitė nuo 2020 m.
Kai rašiau šį tekstą, WebP dar reikėjo gynti — dalis naršyklių jo nepalaikė. Šiandien situacija kita: WebP palaiko visos šiuolaikinės naršyklės, įskaitant Safari. Naudoti jį galima be jokių atsarginių variantų.
AVIF — kitas žingsnis
Atsirado dar naujesnis formatas AVIF, kuris suspaudžia 20–30 % geriau nei WebP. Palaikymas jau geras (Chrome, Firefox, Safari), bet kodavimas lėtesnis. Praktiškai rekomenduoju: WebP kaip pagrindinį, AVIF — kai svarbus kiekvienas kilobaitas.
Core Web Vitals padarė greitį rikiavimo veiksniu
Nuo 2021 m. Google vertina, kaip greitai užsikrauna didžiausias matomas elementas (LCP) — dažniausiai tai būtent nuotrauka. Neoptimizuotas paveikslėlis pradiniame puslapyje tiesiogiai kenkia pozicijoms paieškoje.
Ką daryti praktiškai
1. Nustatykite teisingus matmenis
Dažniausia klaida — 4000 px pločio nuotrauka, rodoma 400 px konteineryje. Naršyklė vis tiek atsisiunčia visą failą. Prieš keldami sumažinkite iki realaus dydžio, padauginto iš dviejų (Retina ekranams).
2. Konvertuokite į WebP
„WordPress“ tai automatiškai įkėlimo metu padaro papildiniai (Imagify, ShortPixel, Converter for Media). Kokybė 80–85 % vizualiai nesiskiria nuo originalo, o failas mažesnis 30–50 %.
3. Įjunkite atidėtą įkėlimą
Atributas loading="lazy" atideda nematomų nuotraukų įkėlimą. Nuo WordPress 5.5 tai veikia automatiškai, bet verta pasitikrinti.
4. Nurodykite matmenis kode
Atributai width ir height leidžia naršyklei rezervuoti vietą. Be jų turinys šokinėja krovimosi metu — tai Cumulative Layout Shift rodiklis, kurį Google vertina.
5. Nepamirškite alt teksto
Aprašomasis alt tekstas reikalingas ir prieinamumui, ir SEO — per jį nuotraukos patenka į Google vaizdų paiešką.
Kiek tai duoda
Tipinėje lietuviškoje svetainėje nuotraukos sudaro 60–80 % viso puslapio svorio. Jas optimizavus puslapis dažnai suplonėja nuo 4 MB iki 800 KB, o įkrovimo laikas mobiliajame internete sutrumpėja per pusę. Tai vienas efektyviausių darbų greitaveikai — ir vienas pigiausių.
Greičio optimizavimą atlieku nuo 68 €: vaizdų suspaudimas, kešavimas, perteklinio kodo valymas ir papildinių auditas.
Dažniausiai užduodami klausimai
Ar WebP prastina nuotraukos kokybę?
Vizualiai — ne, jei naudojama 80–85 % kokybė. Skirtumą nuo originalo pastebi nebent atidžiai lyginant abu failus greta, padidinus 100 %. Kasdieniam svetainės naršymui skirtumo nesimato.
Ar reikia keisti visas senas nuotraukas svetainėje į WebP?
Verta, bet ne būtina daryti iš karto – didžiausią naudą duoda pradinio puslapio ir daugiausiai lankomų puslapių nuotraukos, nes jos labiausiai veikia Core Web Vitals rodiklius. Likusias galima konvertuoti palaipsniui.
Kuo skiriasi WebP ir AVIF – kurį rinktis?
AVIF suspaudžia 20–30 % geriau, bet koduoja lėčiau ir kai kuriems senesniems įrankiams sunkiau apdoroti. Praktikoje WebP yra saugus, plačiai palaikomas pasirinkimas daugumai svetainių; AVIF verta rinktis, kai kiekvienas kilobaitas svarbus, pvz. didelio srauto e-parduotuvėms.
Ar WordPress papildiniai automatiškai konvertuoja į WebP?
Taip, dauguma populiarių papildinių (Imagify, ShortPixel, Converter for Media) tai daro automatiškai įkėlimo metu, be rankinio darbo. Senesnes, jau įkeltas nuotraukas dažniausiai reikia konvertuoti atskiru veiksmu papildinio nustatymuose.
Kaip patikrinti, ar mano svetainės nuotraukos jau optimizuotos?
Greičiausias būdas – PageSpeed Insights arba Google Search Console Core Web Vitals ataskaita, kurios abi konkrečiai nurodo, jei nuotraukos yra puslapio greičio kliūtis.