Kuvan optimointi verkkosivuston nopeuden ja mainostamisen parantamiseksi - Semalt Expert



Kuvat ovat yksi verkon tärkeimmistä komponenteista, tietysti seuraavat tekstiä. Sivusto, jossa ei ole kuvia, on yleensä tylsää ja vähemmän motivoivaa surffaajille kuin sivusto, jolla on kuvia.

Lisäksi on olemassa muutama alue, joilla kuvien käyttö on pakollista ja jopa välttämätöntä sivuston perustelemiseksi.

Esimerkiksi:

Google-mainoskampanja: kuvien oikea käyttö

Oletko sijoittanut ja ostanut valokuvia valokuvasivustoilta/kuvavarastoista vai oletko itse jopa laajentanut ja ottanut valokuvia? Sinun tulisi myös maksimoida ne SEO-tarkoituksiin!

Google Image Promotion on yksi parhaita tapoja lisätä verkkosivustojen liikennettä tietyillä alueilla - etenkin alueilla, jotka keskittyvät visuaaliseen puoleen.

Edellä mainituista huolimatta kuvien väärä käyttö voi aiheuttaa enemmän haittaa kuin hyötyä sivustolle ja jopa merkittävästi heikentää mainostamista. Kun puhutaan kuvien käytöstä orgaanisen myynninedistämisen yhteydessä, on tärkeää pitää mielessä myös muutama sääntö, kuvien väärä käyttö voi merkittävästi heikentää sivuston nopeutta ja siten vaikuttaa merkittävästi markkinointiin.

Kuvan optimoinnin perussäännöt:

1. Kuvan paino ja mitat

Yksi tärkeistä parametreista kuvien mainostamiseksi verkossa - on kuvan paino.

Toisaalta haluaisimme käyttää korkealaatuisia kuvia, mutta toisaalta se ei tule sivuston nopeuden, käyttökokemuksen ja myynninedistämisen kustannuksella. Suositus on aina "optimoida" (sanasta optimointi) kuvat mahdollisimman suureksi laatua heikentämättä merkittävästi. Noudata tätä varten kaikkia seuraavia sääntöjä:

Valokuvien suositeltu paino

Lähes mitä tahansa kuvaa voidaan pakata yhteen tai toiseen asteeseen, joten on aina suositeltavaa käyttää vain mittoja, joita todella tarvitaan ja jotka näytetään fyysisesti sivustolla, ja vähentää kuvien painoa mahdollisimman paljon. Tämä pätee mihin tahansa sivustoon. Mutta erityisesti sivustoille, joissa on paljon kuvia. Kaikissa tapauksissa ei ole yhtä sääntöä, joka on totta, mutta on suositeltavaa varmistaa, että kuvan paino ei ylitä 70-80 kt, ellei se ole erityisen tärkeä galleria/liukusäädin.

2. Valitse kuvalle sopiva nimi

Google-haussa kuvat otetaan huomioon useita parametreja kyselyn kannalta merkityksellisen kuvan näyttämiseksi. Yksi niistä on tiedostonimi. On suositeltavaa käyttää toinen sekunti ja antaa kuvalle nimi, joka kuvaa mitä näet kuvassa. On tärkeää pitää tiedoston nimi englanniksi ja käyttää keskiriviä eikä välilyöntejä. Syynä on, että Google selviytyy paremmin keskiviivoista.

Esimerkkejä kuvan huonosta nimestä:

DSC2387.jpg

Sivuston promoter.png

Esimerkki kuvan hyvästä nimestä:

Hakukoneoptimoija.jpg

Niille teistä, jotka ihmettelevät - kyllä, Google tietää, miten käsitellä englanninkielisiä kuvien nimiä myös muille kielille. Koska se osaa kääntää hakusanoja ja korostaa käännettyjä sanoja hakutuloksissa.

3. ALT kuvaan

Alt-tagi, joka on lyhenne vaihtoehdosta, on parametri, jolla pyritään kuvaamaan kuvaa. Alt-tunniste on määritelty hallintajärjestelmässä/HTML-koodissa kullekin kuvalle erikseen, ja sen alkuperäinen tehtävä on palvella sokeita ja vammaisia ​​ihmisiä, jotka käyttävät erityisohjelmistoa, joka skannaa nämä tunnisteet ja lukee kirjoitetut.

Teknisesti koodissa se näyttää tältä:

<imgsrc="puu.jpg" alt="puu">

Tunnisteen merkityksen lisäksi verkkosivustojen saavutettavuuden kannalta sillä on merkitystä myös hakukoneille. Alt-tunniste auttaa hakukoneita ymmärtämään kuvan aiheen (muun muassa tiedostonimen, sivun kontekstin jne.) Kanssa, ja se vaikuttaa luonnollisesti myös kuvahakuun Googlessa.

Alt-tag on myös osa kaiken optimointia sivulla. Lisäksi, kun kuvasta tulee ulkoinen linkki, alt-tunniste toimii eräänlaisena tekstiankkurina ("ankkuriteksti") kuvalle.

Kuinka voin tarkistaa, onko kuvassa ALT-tunniste?

On olemassa useita tapoja:
Huutava sammakko - Käytä sammakkoa, joka haluaa suorittaa tarkan kuvien skannauksen sivustolla.

Prosessi on kirjoittaa skannattava URL-osoite ja napsauttaa sitten Kuvat-välilehteä.

Siellä näemme luettelon sivustossa olevista kuvista, jotka voidaan lajitella useiden parametrien mukaan:
On tietysti enemmän tapoja ja enemmän erityyppisiä laajennuksia, mutta minusta näyttää siltä, ​​että olen käsitellyt aihetta tässä pisteiden tarpeen mukaan sivua kohden ja sivuston laajaan arvosteluun.

Googlen kuvamainonta - vinkkejä ALT-tunnisteiden optimointiin

Älä pakota avainsanoja, vaan yritä kuvata mitä näet kuvassa.
Altteja ei tarvitse käyttää taustakuvissa/koristeellisissa kuvissa - vaikka sitäkin ei suositella, niin että Google ei epäile, että yrität optimoida liikaa.

4. Kuvan otsikkotunniste

Kuvatekstit tai kuvatekstit ovat eräänlainen työkaluvihje, joka näkyy siirtämällä hiirtä kuvan päälle. Monet ihmiset sekoittavat ne ALT-tunnisteisiin.

Kuvanimikkeet ovat toinen osoitus kuvan osuvuudesta ja aiheesta, mikä voi auttaa Googlea ymmärtämään kuvan puhetta ja parantamaan kuvahaun sijoitusta. Toisin kuin ALT-tunniste, otsikkotunniste on yleensä kuvailevampi ja hieman pidempi, ja sen tarkoituksena on kuvata surffaajalle mitä kuvassa näkyy ja/tai mitä tulee kuvan napsauttamisen jälkeen. Uutissivustot käyttävät tätä tagia usein.

Koodissa se näyttää tältä:

<img class="alignnone wp-image-1323 size-full" title="Esimerkki otsikkokuvasta">

5. Kuvatyypit ja tiedostotunnisteet

Kuvien käyttämiseen verkossa on useita yleisiä muotoja. Aion laajentaa lyhyesti kutakin niistä:
Alarivi - gif-tiedostoja ei ole tarkoitettu kuvien näyttämiseen, etenkään kuvanlaadun kannalta, vaan yksinkertaisemmille kuvakkeille, animaatioille ja elementeille.
Saatavilla on paljon muita kuvamuotoja, mutta ne eivät ole yhtä merkityksellisiä verkkosivustoilla käytettäväksi.

Kärki - Niille, jotka käyttävät Photoshopia, suosittelen aina vertailemaan kuvapainoja Tallenna verkkoon -toiminnolla ja laitteilla eri muotojen välillä (kuvan painosta on esikatselu ennen tiedoston tallentamista).

Nyrkkisäännöt kuvamuotojen valinnassa

6. Pikkukuvien oikea käyttö



Pikkukuvat (esikatselut) ovat tärkeä ja jopa kriittinen komponentti joillekin sivustoille - etenkin galleriapohjaisille ja kaupallisille sivustoille. Pikkukuvat ("Google-kääntäjän" pikkukuvat) voivat olla toisaalta hyviä, mutta toisaalta sabotoida merkittävästi sivustoa ja käyttökokemusta.

Kriittisin asia näiden kuvien käytössä on pitää kohtuullinen laatu ja paino mahdollisimman alhaisena. Suurissa kauppapaikoissa, jotka luottavat pikkukuviin luokkasivujen ja tuotteiden esikatselujen näyttämiseen, tämä tosiasia on erityisen tärkeä. Tiesitkö, että jokainen sekunti viivästystä sivuston lataamisessa maksaa Amazonille 1,6 miljardia dollaria vuodessa? Suuri osa tällaisten sivustojen latausaikasta on kuvia.

Totta, useimmat meistä voivat vain unelmoida, että meillä on tällainen sivusto. Mutta tiedät - suuret muutokset alkavat alhaalta ylöspäin ja pienet. Mitä nopeammin otamme yhteyttä, sitä parempi.

Vinkkejä pikkukuvien oikeaan käyttöön

On erittäin suositeltavaa luoda pikkukuva pikkukuvalle ja suurempi kuva itse tuotesivulle. Älä käytä suurta kuvaa pikkukuvana! Tämä lataa useita kertoja sivuston latauksen, varsinkin kun yhdellä sivulla on useita pikkukuvia. Eri CMS-järjestelmissä sinut vapautetaan automaattisesti tästä ongelmasta.

Kun on kyse kuvan optimointisäännöistä, on suositeltavaa sijoittaa enemmän suuriin kuviin kuin pikkukuviin. Esimerkiksi - älä sisällytä pikkukuvia Image Sitemapiin (alla oleva laajennus), älä joskus edes aseta niille ALT-tunnisteita. Tavoitteena on, että Google indeksoi isot kuvat pikkukuvien kustannuksella eikä päinvastoin.

Kuvan nimeksi on suositeltavaa asettaa pikkukuvat, jotka kuvaavat tuotetta muutamalla sanalla ja yleensä mitä surffaaja näkee klikkaamalla kuvaa.

Jos jokaisella tuoteryhmäsivulla on useita tuotteita (esimerkiksi yli 30), on suositeltavaa käyttää Lazy Load-komentosarjaa, joka lataa kuvat vain, kun surffaaja vierittää alueelle, jolla ne ovat.

7. Käärintätekstin käyttö

Yleensä kuvat tulevat palvelemaan tekstiä eikä päinvastoin. Mutta kuvan optimoinnin ja Googlen kuvamainonnan osalta, ja jos sivusto on kuviin perustuva verkko, on erittäin kannattavaa olla laiminlyömättä tekstejä, vaikka se olisikin perusasia.

Niille, jotka haluavat säilyttää puhtaan ja minimalistisen ilmeen (esimerkiksi valokuvaajan verkkosivustolla), on suositeltavaa, että hän määrittelee ainakin jokaiselle sivulle, jolla on kuva:

8. Sivustokartta valokuville

Kuvasivustokartta (image-sitemap.xml) auttaa Googlea lukemaan ja indeksoimaan kuviamme sivustossa paremmin. Kuten tavallisessa XML-sivustokartassa, sivustokartta kuvista voidaan lähettää Search Consolen avulla sivustokarttojen alueelle.

Lisää sivustokartta Search Consoleen

Sivustokartta kuvista on erityisen hyödyllinen, kun käytetään kaikenlaisia ​​gallerioita, joissa on skriptejä ja erilaisia ​​tehosteita - joita Google on vaikea skannata tavanomaisesti.

Kuvien sivustokarttojen käytössä on joitain parametreja.

Kuinka luoda sivustokartta?

WordPress - Kuten tavallista, jos työskentelet WordPressin parissa, elämäsi on helppoa. Udinra All Image -sivustokartta -laajennus sulkee kulman puolestasi. Sinun tarvitsee vain asentaa laajennus, merkitä V-arvo asetuksiin, luoda sivustokartta ja käynnistää se Googlelle Search Consolen kautta.

Millä tahansa muulla alustalla - se riippuu. Jos Out of box -ratkaisua, kuten laajennusta jne., Ei ole, se voidaan tehdä Screaming Frogilla.

Sammakko voi auttaa sinua tuottamaan helposti sivustokartan. Ainoa ongelma - se ei päivity automaattisesti (toisin kuin laajennus), ja se on päivitettävä aika ajoin.

Miten teet tuon?

Pyydetyn sivuston täydellinen tarkistus on suoritettava ja siirry sitten ohjelmiston ylävalikossa kohtaan Sivustokartat -> Luo kuvat -sivukartta. Saamasi sisältö on kosher-XML-tiedosto, jota voidaan käyttää ja käynnistää Search Consolen kautta.

9. Kannusta valokuvien jakamista

Jos ylpeillä alkuperäisillä kuvillasi (fyysisellä kuvalla tai graafisella elementillä) käytetään paljon ja kuvat ovat sivuston pääasia tai ainakin olennainen osa sitä, kannattaa kannustaa käyttäjiä jakamaan kuvat sosiaalisessa mediassa ja helpottaa niiden tekemistä.

Kuten tavallista, minulla on käytännön vinkkejä WordPress-alustalle, muissa järjestelmissä suosittelen ohjelmoijan käyttöä tai tarkistan, onko siihen erillinen laajennus.

WordPressillä on 2 mukavaa laajennusta tähän tarkoitukseen:

10. Kuvan pienennys- ja optimointityökalut

TinyPNG - erinomainen palvelu, jonka avulla voit pakata kuvia verkossa erityisen kätevällä vedä käyttöliittymällä. Heillä on myös sovellusliittymä, jonka avulla voit työskennellä suurempina määrinä ja automaattisesti, ja myös upea WordPress-laajennus, jonka avulla voit pakata kaikki sivuston kuvat - vaatii heidän API: nsa (ilmainen 500 kuvalle kuukaudessa).
Fotosizer - mukava työpöytäohjelmisto, jonka avulla voit muokata kuvia suurina määrinä - pakkaamisen lisäksi myös mittojen pienentäminen, vesileimojen ja erilaisten tehosteiden lisääminen kuviin ja monia muita hienoja ominaisuuksia.

Johtopäätös

Olet juuri ymmärtänyt verkkosivuston kuvien optimoinnin tärkeyden. Kuitenkin, jos haluat tietää sivustosi nykyisen tilan, voit tehdä sen ilmaiseksi Semaltin ansiosta SEO konsultit.
Semalt auttaa sinua tunnistamaan sivustoosi liittyviä SEO-ongelmia. Lisäksi Semalt Expertsin avulla voit helposti parantaa online-liiketoimintasi suorituskykyä edullisemmin.

mass gmail