Šiuolaikiniame internete, kur vartotojai išrankūs ir nekantrūs, nuotraukų optimizavimas tapo esminiu veiksniu siekiant užtikrinti sklandų ir malonų vartotojo patirtį. Tinkamai optimizuotos nuotraukos ne tik pagreitina puslapio įkėlimo laiką, bet ir pagerina vaizdo kokybę, sukurdamos patrauklesnį ir profesionalų 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 tai padidins failo dydį ir sulėtins puslapio įkėlimo laiką.
- Suspaudimas: Naudokite nuotraukų kompresavimo į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 vaizdo 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 žymiai pagerinti savo svetainės našumą, vartotojo patirtį ir paieškos sistemų reitingus. 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@www.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 padaro papildiniai (Imagify, ShortPixel, Converter for Media) automatiškai keliant. 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 110 €: vaizdų suspaudimas, kešavimas, perteklinio kodo valymas ir papildinių auditas.