Optimizacija slike za izboljšanje hitrosti spletnega mesta in promocije spletnega mesta - Semalt Expert



Slike so ena najpomembnejših komponent spleta, seveda po besedilu. Spletno mesto brez slik bo običajno dolgočasno in manj motivirajoče deskarje kot spletno mesto, ki vsebuje slike.

Obstaja tudi kar nekaj področij, kjer je uporaba slik obvezna in celo nujna za utemeljitev strani.

Na primer:

Googlova promocija slik: pravilna uporaba slik

Ste vlagali in kupovali fotografije na spletnih mestih s fotografijami/skladiščih slik ali ste jih celo povečali in fotografirali sami? Povečajte jih tudi za SEO namene!

Google Image Promotion je ena izmed najboljši načini za povečanje prometa na spletnem mestu na nekaterih področjih - zlasti tistih, ki se osredotočajo na vizualno plat.

Kljub zgoraj omenjenemu lahko neprimerna uporaba slik spletnemu mestu povzroči več škode kot koristi in celo znatno poslabša prizadevanja za promocijo. Ko govorimo o uporabi slik v kontekstu ekološke promocije, pomembno je upoštevati tudi nekaj pravil, saj lahko nepravilna uporaba slik znatno poslabša hitrost spletnega mesta in zato lahko pomembno vpliva na promocijo.

Osnovna pravila za optimizacijo slike:

1. Teža in dimenzije slike

Eden od pomembnih parametrov za promocijo slik v spletu - je teža slike.

Po eni strani bi radi uporabili visokokakovostne slike, po drugi strani pa to ne bo šlo na račun hitrosti spletnega mesta, uporabniške izkušnje in promocije. Priporočilo je vedno, da "optimizirate" (od besede optimizacija) slike do največje možne mere, ne da bi bistveno zmanjšali kakovost. Če želite to narediti, upoštevajte naslednja pravila:

Priporočena teža za fotografije

Skoraj vsako sliko je mogoče stisniti v eno ali drugo stopnjo, zato je vedno priporočljivo uporabiti samo dimenzije, ki so resnično potrebne in so fizično prikazane na spletnem mestu, in čim bolj zmanjšati težo slik. To velja za katero koli spletno mesto. A še posebej za spletna mesta z veliko slikami. Nobeno pravilo ni resnično v vseh primerih, vendar je priporočljivo, da teža slike ne presega 70-80K, razen če gre za galerijsko/drsno sliko posebnega pomena.

2. Izberite ustrezno ime za sliko

Pri Googlovem iskanju slik se za prikaz slike, ki ustreza poizvedbi, upošteva več parametrov. Eno izmed njih je ime datoteke. Priporočljivo je porabiti še eno sekundo in sliki dati ime, ki opisuje, kaj vidite na sliki. Pomembno je, da ime datoteke shranite v angleščini in uporabljate srednje vrstice in ne presledke. Razlog je v tem, da se Google bolje spopada s srednjimi pomišljaji.

Primeri slabega imena slike:

DSC2387.jpg

Promoter strani.png

Primer dobrega imena slike:

Search-engine-optimizer.jpg

Za tiste, ki se sprašujete - da, Google ve, kako ravnati z angleškimi imeni slik tudi za druge jezike. Ker zna prevesti iskalne nize in poudariti prevedene besede v rezultatih iskanja.

3. ALT na sliko

Oznaka alt, ki je okrajšava od alternative, je parameter, ki želi opisati sliko. Oznaka alt je določena v sistemu upravljanja/kodi HTML za vsako sliko posebej, njena prvotna funkcija pa je, da služi slepim in invalidom, ki uporabljajo posebno programsko opremo, ki te oznake skenira in bere zapisano.

Tehnično je v kodi videti tako:

<imgsrc="tree.jpg" alt="drevo">

Poleg pomembnosti oznake glede dostopnosti spletnega mesta je pomembna tudi za iskalnike. Oznaka alt pomaga iskalnikom, da razumejo, kaj je predmet slike (skupaj z drugimi stvarmi, kot so ime datoteke, kontekst strani, na kateri je itd.), In seveda vpliva tudi na iskanje slik v Googlu.

Tudi oznaka alt je del optimizacije strani na vsem. Kadar zunaj slike prihaja zunanja povezava, oznaka alt služi kot nekakšno sidro besedila ("sidro besedilo") za sliko.

Kako preverim, ali ima slika oznako ALT?

Obstaja več načinov:
Kričeča žaba - Uporabite žabo, primerno, kadar želimo na spletnem mestu temeljito pregledati slike.

Postopek je vnos URL-ja za skeniranje in nato zavihek Slike.

Tam bomo videli seznam slik na spletnem mestu, ki jih lahko razvrstimo po več parametrih:
Seveda obstaja več načinov in več vtičnikov različnih vrst, vendar se mi zdi, da sem to temo obravnaval z vidika potrebe po točkah na stran in obsežnega pregleda spletnega mesta.

Googlova promocija slike - nasveti za optimizacijo oznak ALT

Ključnih besed ne smete vsiljevati, ampak poskusite opisati, kaj vidite na sliki.
Za ozadja/dekorativne slike ni treba uporabljati altov - tudi priporočljivo je, da tega ne storite, da Google ne bi sumil, da poskušate preveč optimizirati.

4. Naslovna oznaka slike

Napisi slike ali napisi so nekakšen namig, ki ga lahko vidimo s premikanjem miške nad sliko. Mnogi jih zamenjajo z oznakami ALT.

Naslovi slik so še en pokazatelj ustreznosti in predmeta slike, ki lahko Googlu pomaga razumeti, o čem slika govori, in izboljša uvrstitev pri iskanju slik. Za razliko od oznake ALT je naslovna oznaka običajno bolj opisna in nekoliko daljša, njen namen pa je deskarju opisati, kaj je videti na sliki in/ali kaj bo prišlo po kliku na sliko. Novice pogosto uporabljajo to oznako.

Tako je videti v kodi:

<img class="alignnone wp-image-1323 size-full" title="Primer naslovne slike">

5. Vrste slik in pripone datotek

Obstaja več pogostih formatov za uporabo slik v spletu. Na kratko bom razširil vsako od njih:
Spodnja črta - gifi niso namenjeni prikazovanju slik, zlasti ko gre za kakovost slike, temveč preprostejšim ikonam, animacijam in elementom.
Na voljo je veliko drugih formatov slik, vendar so manj pomembni za uporabo na spletnih mestih.

Nasvet - Za tiste, ki uporabljajo Photoshop, vedno priporočam primerjavo uteži slike s pomočjo Save for web in naprav med različnimi formati (pred shranjevanjem datoteke je predogled teže slike).

Pravila za izbiro slikovnih formatov

6. Pravilna uporaba sličic



Sličice (predogledi) so pomembna in celo kritična komponenta nekaterih spletnih mest - zlasti spletnih mest, ki temeljijo na galerijah in trgovskih straneh. Sličice ("Sličice" Googlovega prevajalnika ...) so na eni strani lahko odlične, na drugi pa znatno sabotirajo spletno mesto in uporabniško izkušnjo.

Najbolj kritično pri uporabi teh slik je ohraniti čim nižjo primerno kakovost in težo. Na velikih trgovskih spletnih mestih, ki se za prikaz strani s kategorijami in predogledov izdelkov zanašajo na sličice, je to dejstvo še posebej pomembno. Ali ste vedeli, da vsaka sekunda zamude pri nalaganju strani stane Amazon 1,6 milijarde USD na leto? Velik del časa nalaganja na takih spletnih mestih predstavljajo slike.

Res je, da večina od nas lahko samo sanja, da bi imela spletno mesto take velikosti. A veste - velike spremembe se začnejo od spodaj navzgor, majhne pa. Prej ko nagovorimo, bolje.

Nasveti za pravilno uporabo sličic

Zelo priporočljivo je ustvariti sličico za sličico in večjo sliko za samo stran izdelka. Ne uporabljajte velike slike kot sličice! To bo naložilo večkratno obremenitev spletnega mesta, še posebej, če je na eni strani veliko sličic. V različnih sistemih za upravljanje vsebin ste samodejno izvzeti iz te težave.

Ko gre za pravila za optimizacijo slike, je priporočljivo več vlagati v velike slike in ne v sličice. Na primer - sličic ne vključite v zemljevid spletnega mesta Image (razširitev spodaj), v nekaterih primerih zanje niti ne nastavite oznak ALT. Ambicija je, da bo Google velike slike indeksiral na račun sličic in ne obratno.

Priporočljivo je, da naslov slike nastavite na sličice, ki opisujejo izdelek v nekaj besedah ​​in na splošno, kaj bo deskar videl po kliku na sliko.

Če ima vsaka stran kategorije izdelkov veliko izdelkov (recimo več kot 30), je priporočljivo uporabiti skript Lazy Load, ki naloži slike samo, ko se deskar pomakne na območje, kjer so.

7. Uporaba ovijalnega besedila

Slike ponavadi služijo besedilu in ne obratno. Kar pa zadeva optimizacijo slik in Googlovo promocijo slik, in če je spletna stran zasnovana na slikah, se zelo splača ne zanemariti besedila, tudi če gre za osnovne stvari.

Za tiste, ki želijo ohraniti čim bolj čist in minimalističen videz (na primer na spletnem mestu fotografskega portfelja), je priporočljivo, da na vsaki strani s sliko določi vsaj naslednje:

8. Zemljevid spletnega mesta za fotografije

Zemljevid spletnega mesta slike (image-sitemap.xml) pomaga Googlu, da bolje prebere in indeksira naše slike na spletnem mestu. Podobno kot pri običajnem zemljevidu spletnega mesta XML, lahko zemljevid zemljevida slik pošljete z uporabo iskalne konzole na območju zemljevidov mesta.

Dodajte zemljevid spletnega mesta v iskalno konzolo

Zemljevid strani slik je še posebej uporaben pri uporabi vseh vrst galerij s skripti in različnimi učinki - ki jih Google običajno težko optično prebere.

Obstaja nekaj parametrov za uporabo zemljevidov mest slik.

Kako ustvariti zemljevid mesta?

WordPress - kot običajno, če delate na WordPressu, je vaše življenje lahko. Vtičnik Udinra All Image Sitemap vas zapre. Vse, kar morate storiti, je, da namestite vtičnik, v nastavitvah označite nekaj V, ustvarite zemljevid mesta in ga prek iskalne konzole zaženete v Google.

Na kateri koli drugi platformi - odvisno. Če ni rešitve Out of Box, kot je vtičnik itd., To lahko storite s pomočjo Screaming Frog.

Žaba vam lahko pomaga enostavno izdelati zemljevid zemljevidov slik. Edina težava - ne bo se samodejno posodabljal (za razliko od vtičnika) in ga je treba občasno osvežiti.

Kako to storiš?

Izvesti je treba popolno skeniranje zahtevanega spletnega mesta, nato pa v zgornjem meniju programske opreme pojdite na Zemljevidi mesta -> Ustvari zemljevid spletnega mesta slik. Prejeli boste košer datoteko XML za uporabo in zagon prek storitve Search Console.

9. Spodbujajte skupno rabo fotografij

Če se ponašate z veliko uporabo izvirnih slik (bodisi fizične slike bodisi grafičnega elementa) in so slike glavna stvar ali vsaj bistveni del spletnega mesta, je zelo koristno spodbuditi uporabnike, da slike delijo na družabnih omrežjih. omrežja in jim to olajšajo.

Kot ponavadi imam praktične nasvete za platformo WordPress, v drugih sistemih priporočam uporabo programerja ali preverite, ali zanj obstaja namenski vtičnik.

WordPress ima v ta namen 2 lepa vtičnika:

10. Orodja za zmanjšanje in optimizacijo slike

TinyPNG - odlična storitev, ki omogoča stiskanje slik v spletu s posebej priročnim vlečnim vmesnikom. Imajo tudi API, ki omogoča delo v večjih količinah in samodejno, pa tudi odličen vtičnik za WordPress, ki omogoča stiskanje vseh slik na spletnem mestu - zahteva uporabo njihovega API-ja (brezplačno za 500 slik na mesec).
Fotosizer - prijetna namizna programska oprema, ki omogoča urejanje slik v velikih količinah - ne samo stiskanje, temveč tudi zmanjšanje dimenzij, dodajanje vodnih žigov in različnih učinkov slikam ter številne druge lepe funkcije.

Zaključek

Pravkar ste razumeli pomen optimizacije slik spletnega mesta. Če pa želite vedeti trenutno stanje na svojem spletnem mestu, lahko to storite brezplačno, zahvaljujoč Semaltovi SEO posvetovanja.
Semalt vam bo pomagal prepoznati težave s SEO, povezane z vašo spletno stranjo. Poleg tega lahko s Semalt Experts enostavno izboljšati uspešnost svojega spletnega poslovanja z nižjimi stroški.

mass gmail