Sisällysluettelo
Ihmiset ovat visuaalisia olentoja, ja tutkimukset tukevat tätä tosiasiaa. Kolmen päivän jälkeen tekstin muistiinjäämisprosentti on vain 10-20 %, mutta kuvien muistiinjäämisprosentti voi olla jopa 65 %. Aivot vastaanottavat 90 % visuaalisesta informaatiosta ja käsittelevät sen 60 000 kertaa nopeammin. Visuaalisella informaatiolla on epäilemättä ratkaiseva rooli verkkosivuston sitoutumisessa.
Katso myös: Elokuvan otsikkosuunnittelun lyhyt historiaSe vaatii kuitenkin paljon enemmän kuin vain kuvien valitsemista ja niiden sijoittamista sivustollesi. Raskaat kuvat kuluttavat paljon kaistanleveyttä ja hidastavat sivunlatausnopeutta. Hakukoneet huomaavat hitaan suorituskyvyn ja rankaisevat sinua huonolla sijoituksella.
Artikkelissamme esitellään kuusi eri tapaa optimoida kuvia, jotta niiden suorituskyky paranee vuonna 2021.Kuvien optimointivihjeitä parempaan web-suorituskykyyn vuonna
Oletetaan, että suunnittelet verkkosivuja voittoa tavoittelemattomille järjestöille ja haluat käyttää paljon kuvia työn esittelyyn. Lahjoittajat, sponsorit ja muut sidosryhmät käyttävät tällaisia tietoja perustana jatkuvalle tuelle. Jos et kuitenkaan optimoi kuvia, käyttäjäkokemus ja sitoutuminen kärsivät. Suurin ongelma on sivujen hidas latautuminen ja aikakatkaisuvasteet.
Kuvien optimointi tarkoittaa kaikkia toimenpiteitä, joilla pienennät tiedostojen kokoa, muotoa tai resoluutiota. Voit tehdä tämän vaarantamatta kuvien laatua.
Tarkastellaan joitakin vaihtoehtoja.
Markkinointikampanjan kuvitus Deemak Daksina
1. Aloita kuvien optimointitarkastuksella
Kuvien optimointitarkastus antaa tärkeää tietoa siitä, mitä sinun on parannettava.
Aloita inventoimalla sivustollasi olevat kuvat. Asiaankuuluvat testit paljastavat mahdolliset ongelmat, joihin sinun on puututtava.Tarkastus voi esimerkiksi osoittaa, että sinulla on liikaa kuvia. Se näyttää myös kuvien muotoilun ja antaa sinulle mahdollisuuden määrittää seuraavat toimet. Esimerkiksi tiedostomuotojen poistaminen tai muuttaminen voi parantaa merkittävästi sivun latausnopeutta.
2. Valitse kuvien oikea muoto
Kuvatiedostoja on eri muodoissa. Nämä ovat kolme yleisintä web-sovellusten kuvaformaattia, jotka sinun on hyvä tuntea:
- PNG:n etuna on se, että se on erittäin korkealaatuinen kuva. Valitettavasti tämän saavuttamiseksi tiedostokoko on hyvin suuri. Ne toimivat hyvin yksinkertaisiin kuviin ja logoihin, ja ne voidaan pakata häviöttömästi.
- JPEG-kuvat ovat yleisimpiä useimmilla verkkosivustoilla. Ne soveltuvat erinomaisesti monimutkaisille, värikkäille kuville. JPEG-kuvien pakkaamisessa on kuitenkin oltava varovainen, sillä kuvan selkeys voi heikentyä, mitä pienemmäksi kuva muuttuu. Jotkut kutsuvat tätä häviölliseksi.
- GIF sopii animaatioihin, pieniin kuvakkeisiin ja matalan resoluution kuviin. Se mahdollistaa häviöttömän pakkauksen, mutta voit käyttää vain enintään 256 väriä.
Tallenna kuvakkeet Andreas Storm
3. Kuvien koon muuttaminen ja pakkaaminen
Olet ehkä huomannut, että kuvat näyttävät latautuvan vähän kerrallaan. Jonkin aikaa kuluu, ennen kuin näet koko kuvan; tämä on merkki siitä, että kuvat ovat luultavasti liian raskaita. Koon muuttaminen tai pakkaaminen ratkaisee ongelman.
Huomaa, että sinun ei pitäisi ladata kuvia ennen kuin olet optimoinut ne. Parhaan laadun saavuttamiseksi pyri siihen, että tiedostot ovat kooltaan 1-2 Mt.Käytä kuvien koon muuttamiseen rajaustyökalua. Se auttaa pienentämään tiedostokokoa, jolloin sivun latausnopeus paranee. Käytössäsi on valtavasti työkaluja.
Kuvien pakkaaminen auttaa pienentämään tiedostokokoa. Kuva voi kuitenkin vääristyä, jos pakkaat sitä liikaa. Vähäinen pakkaaminen voi olla ihanteellista, jos haluat säilyttää kuvanlaadun; se ei kuitenkaan pienennä kokoa merkittävästi.
Puristustyypit
Edellä on jo mainittu kaksi käsitettä, häviötön ja häviöllinen pakkaus.
- Häviötön pakkaus säilyttää kuvanlaadun ja poistaa samalla tarpeettomat metatiedot.
- Häviöllinen pakkaus pienentää tiedostokokoa poistamalla joitakin elementtejä. Se saattaa heikentää kuvanlaatua. Et kuitenkaan välttämättä huomaa eroa. Se voi siis silti olla erinomainen tapa pakata kuvia.
Oikea kuvankäsittelyohjelma auttaa sinua määrittämään, mikä pakkaustapa sopii sinulle parhaiten.
4. Mobile-first-kuvaoptimointi
Kaikissa toimenpiteissäsi on noudatettava mobile first SEO -strategiaa, koska Google siirtyi mobile first -rankingiin. Kuvien pitäisi näyttää samalta mobiililaitteella kuin pöytäkoneella. Valtava määrä internet-liikenteestä tulee tällaisten laitteiden kautta.
Jos käyttäjät eivät ole sitoutuneita hyvään käyttöliittymään mobiililaitteita käyttäessään, menetät heidät.
Jos kuva näyttää hyvältä pienellä näytöllä, se näyttää upealta myös pöytäkoneella tai kannettavalla tietokoneella.
ASO-optimointi Abbi_Kerimovin mukaan
Katso myös: Game On: Pelilogon luominen Vectornatorilla5. Tiedostonimet ja niiden vaikutus SEO:hon
Kuvien optimointi edellyttää myös sitä, että kiinnität huomiota siihen, miten nimeät tiedostot. Kaikkien tekemiesi toimien tavoitteena tulisi olla näkyvyyden parantaminen hakukoneissa. Kun lataat tai otat kuvan, laite antaa sille automaattisesti tiedostonimen. Tämä nimi koostuu yleensä satunnaisista koodeista tai numeroista. Se voi näyttää esimerkiksi 2224444.jpg.
Kuvan lataaminen sellaisenaan verkkosivuillesi ei auta hakukoneita lainkaan.
Helpota indeksoijia löytämään sinut osoittamalla kuhunkin kuvaan kuvaavia merkintöjä. Sisällytä kuviin asiaankuuluvia avainsanoja, jotka antavat tietoa yrityksestäsi tai sivustostasi.6. Harkitse laiskan latauksen käyttöä
Kuvien laiska lataus on juuri sellainen kuin nimikin kertoo. Sen sijaan, että koko kuva latautuisi kerralla, se ikään kuin avautuu. Kuva latautuu sitä mukaa, mitä pidemmälle verkkokävijä vierittää sivua alaspäin.
Laiska lataus paljastaa vain sen, mikä on sillä hetkellä olennaista. Säästät kaistanleveyttä, koska et käytä tarpeettomia resursseja.
Ladataan... Dona
Lopulliset ajatukset
Verkkosivujen suorituskyky on hakukoneiden käyttämä kriittinen sijoitustekijä. Google rankaisee sivustoasi, jos sivun latausnopeus on alhainen.
Sivujen nopeuteen vaikuttavat monet tekijät, ja kuvien käyttö on yksi tärkeimmistä. Jos et optimoi kuvia, verkkosivujesi suorituskyky kärsii. Sivut latautuvat hitaasti, eikä käyttäjäkokemus ja sitoutuminen ole hyvä.
Valitse oikea kuvaformaatti. Käytä seuraavaksi tekniikoita, kuten koon muuttamista ja pakkaamista, tiedostokoon pienentämiseksi. Suunnittele säännölliset sivutestit ja sivuston tarkastukset sivuston suorituskyvyn tarkistamiseksi.
