Web sahypasynyň tizligini we web sahypasyny mahabatlandyrmak üçin surat optimizasiýasy - Semalt hünärmeni



Suratlar, elbetde, tekstiň yzyndan, webiň iň möhüm böleklerinden biridir. Suratlar bolmadyk web sahypasy, suratlary bolan sahypa garanyňda, adatça içgysgynç we serflere az täsir eder.

Mundan başga-da, suratlary ulanmak hökmany we sahypany aklamak üçin zerur bolan birnäçe ugur bar.

Mysal üçin:

Google şekil mahabaty: suratlary dogry ulanmak

Surat saýtlaryndan/surat ammarlaryndan maýa goýup, satyn aldyňyzmy ýa-da ulaldyp, surata düşürdiňizmi? SEO maksatlary üçin olary hasam ulaltmaly!

“Google Image Promotion” şolaryň biridir web sahypasynyň traffigini ýokarlandyrmagyň iň gowy usullary käbir ugurlarda - esasanam görüş tarapyna ünsi jemleýän ýerlerde.

Aboveokardakylara garamazdan, şekilleriň nädogry ulanylmagy sahypa zyýandan has köp zyýan ýetirip biler we hatda mahabat işlerine ep-esli zyýan ýetirip biler. Suratlaryň ulanylyşy barada aýdylanda organiki mahabatyň mazmuny, birnäçe düzgüni hem ýatda saklamaly, suratlary nädogry ulanmak sahypanyň tizligini ep-esli derejede bozup biler we şonuň üçin mahabata ep-esli täsir edip biler.

Surat optimizasiýasynyň esasy düzgünleri:

1. Suratyň agramy we ölçegleri

Suratlary onlaýn tanatmak üçin möhüm parametrleriň biri - şekiliň agramydyr.

Bir tarapdan, ýokary hilli şekilleri ulanmak isleýäris, beýleki tarapdan bolsa, sahypanyň tizligi, ulanyjy tejribesi we mahabaty hasabyna çykmaz. Teklip elmydama hilini ep-esli pese gaçyrman, şekilleri mümkin boldugyça "optimizirlemek" (optimizasiýa sözünden). Munuň üçin aşakdaky düzgünleriň hemmesini ýerine ýetiriň:

Suratlar üçin maslahat berilýän agram

Islendik surat diýen ýaly bir derejä ýa-da beýleki derejä gysylyp bilner, şonuň üçin elmydama diňe zerur we saýtda fiziki taýdan görkezilen ölçegleri ulanmak we suratlaryň agramyny mümkin boldugyça azaltmak maslahat berilýär. Bu islendik sahypa üçin dogry. Especiallyöne esasanam köp suratly saýtlar üçin. Caseshli halatlarda dogry bolan hiç hili düzgün ýok, ýöne aýratyn ähmiýetli galereýa/slaýder şekili bolmasa, şekiliň agramynyň 70-80K-dan geçmeýändigine göz ýetirmek maslahat berilýär.

2. Surat üçin laýyk at saýlaň

Google-da şekil gözlemekde, soraga degişli şekili görkezmek üçin birnäçe parametr göz öňünde tutulýar. Olardan biri faýlyň ady. Anotherene bir sekunt sarp edip, şekilde görýän zatlaryňyzy suratlandyrýan at bermek maslahat berilýär. Faýlyň adyny iňlis dilinde saklamak we boşluk däl-de, orta çyzyklary ulanmak möhümdir. Munuň sebäbi, Google orta çyzyklar bilen has oňat çözülýär.

Surat üçin erbet adyň mysallary:

DSC2387.jpg

Saýtyň promouter.png

Surat üçin gowy atyň mysaly:

Gözleg-motor-optimizer.jpg

Siziň bilen gyzyklanýanlar üçin - hawa, Google beýleki diller üçin iňlis suratlarynyň atlary bilen nähili işleşmelidigini bilýär. Gözleg setirlerini nädip terjime etmelidigini we terjime edilen sözleri gözleg netijelerinde tapawutlandyrmagy bilýär.

3. ALT şekillendirmek

Alternatiwiň gysgaldylan alt belligi, şekili suratlandyrmagy maksat edinýän parametrdir. Alt belligi, her bir surat üçin dolandyryş ulgamy/HTML kody boýunça kesgitlenýär we asyl wezipesi, bu bellikleri gözden geçirýän we ýazylanlary okaýan ýörite programma üpjünçiligini ulanýan körlere we maýyplara hyzmat etmekdir.

Tehniki taýdan kodda şeýle görünýär:

<imgsrc="tree.jpg" alt="agaç">

Web sahypasynyň elýeterliligi nukdaýnazaryndan belligiň ähmiýetinden başga-da gözleg motorlaryna-da ähmiýeti bar. Alt belligi gözleg motorlaryna şekiliň mowzugynyň nämedigine düşünmäge kömek edýär (faýlyň ady, sahypanyň mazmuny we ş.m.) we Google-da surat gözlegine tebigy taýdan täsir edýär.

Şeýle hem, alt belligi hemme zat üçin sahypadaky optimizasiýanyň bir bölegidir. Mundan başga-da, suratdan daşarky baglanyşyk çykanda, alt belligi şekil üçin tekst labyry ("labyr teksti") bolup hyzmat edýär.

Suratda ALT belligi barlygyny nädip barlamaly?

Birnäçe ýol bar:
Gygyrýan gurbaga - Sahypadaky suratlary düýpli gözden geçirmek islänimizde gurbagany ulanyň.

Amal, skanirlemek üçin URL girizip, soňra Suratlar goýmasyna basyň.

Şol ýerde birnäçe parametrler boýunça tertipläp boljak sahypadaky suratlaryň sanawyny göreris:
Elbetde has köp usullar we dürli görnüşli pluginler bar, ýöne bu meselä bir sahypa zerurlygy we sahypany giňişleýin gözden geçirmek nukdaýnazaryndan bu meseläni açyp görkezen ýaly.

Google şekil mahabaty - ALT belliklerini optimizirlemek üçin maslahatlar

Açar sözleri mejbur etmeli däl, suratda görýän zatlaryňyzy suratlandyrmaga synanyşyň.
Diwar kagyzlary/bezeg şekilleri üçin altlary ulanmagyň zerurlygy ýok - hatda Google-yň aşa optimizirlemäge synanyşýandygyňyzdan şübhelenmezligi maslahat berilýär.

4. Suratyň ady belligi

Surat ýazgylary ýa-da tionsazgylar, syçanjygyň şekiliň üstünden süýşürilip bilinýän gural görnüşidir. Köp adamlar olary ALT bellikleri bilen bulaşdyrýarlar.

Surat atlary, Google-a şekiliň näme hakda gürleşýändigine düşünmäge we surat gözleg reýtingini ýokarlandyrmaga kömek edip biljek şekiliň ýerlikliligini we mowzugynyň ýene bir görkezijisidir. ALT belliginden tapawutlylykda, sözbaşy belligi köplenç has düşnükli we birneme uzyn bolar we maksady, şekilde görünýänleri we/ýa-da surata basanyňyzdan soň näme boljakdygyny suratlandyrmakdyr. Habar saýtlary bu belligi ýygy-ýygydan ulanýarlar.

Kodda görnüşi şeýle:

<img class="alignnone wp-image-1323 size-full" title="Mysal adynyň suraty">

5. Surat görnüşleri we faýl giňeltmeleri

Onlaýn suratlary ulanmak üçin birnäçe umumy format bar. Olaryň hersine gysgaça giňelderin:
Aşakdaky setirler - gifler şekilleri görkezmek üçin däl-de, esasanam şekiliň hili barada däl-de, has ýönekeý şekiljikler, animasiýalar we elementler üçin niýetlenendir.
Başga köp sanly surat formatlary bar, ýöne web sahypalarynda ulanmak üçin az ähmiýete eýe.

Maslahat - Photoshop ulanýanlar üçin elmydama “Save” web we enjamlar üçin dürli formatlaryň arasynda şekil agramlaryny deňeşdirmegi maslahat berýärin (faýly ýatda saklamazdan ozal surat agramynyň deslapky syny bar).

Surat formatlaryny saýlamak üçin barmak düzgünleri

6. Surat esbaplaryny dogry ulanmak



Suratlar (deslapky syn) käbir saýtlaryň, esasanam galereýa esasly saýtlaryň we söwda saýtlarynyň möhüm we hatda möhüm bölegi. Suratlar (“Google Translate” "¦ by" Eskizler ") bir tarapdan ajaýyp bolup biler, emma beýleki tarapdan sahypany we ulanyjy tejribesini ep-esli derejede bozup biler.

Bu suratlary ulanmakda iň möhüm zat, mümkin boldugyça pes hil we agram saklamakdyr. Kategoriýa sahypalaryny we önümiň deslapky synlaryny görkezmek üçin kiçi suratlara bil baglaýan iri söwda saýtlarynda bu hakykat aýratyn möhümdir. Sahypany ýüklemekde gijä galmagyň her sekuntynyň Amazona ýylda 1,6 milliard dollar sarp edýändigini bilýärdiňizmi? Şeýle saýtlara ýüklemek wagtynyň köpüsi şekillerdir.

Dogry, köpümiz diňe bu ululykdaky sahypa eýe bolmagy arzuw edip bileris. Youöne bilýärsiňiz - uly üýtgeşmeler aşakdan başlap, ownuklardan başlaýar. Näçe ir ýüz tutsak, şonça gowy.

Surat esbaplaryny dogry ulanmak üçin maslahatlar

Eskiz üçin kiçijik surat we önüm sahypasynyň özi üçin has uly surat döretmek maslahat berilýär. Uly suraty kiçijik surat hökmünde ulanmaň! Bu, esasanam bir sahypada kiçijik suratlar köp bolanda, sahypanyň ýüküni birnäçe esse ýüklär. Dürli CMS ulgamlarynda bu meseleden awtomatiki usulda boşadylýar.

Suraty optimizasiýa düzgünleri barada aýdylanda, kiçijik suratlara däl-de, uly suratlara has köp maýa goýmak maslahat berilýär. Mysal üçin, suratlaryň sahypasynyň kartasyna (aşaky giňeltme) kiçi suratlary goşmaň, käbir ýagdaýlarda hatda ALT belliklerini hem goýmaň. Isleg, Google uly suratlary başga bir ýol bilen däl-de, kiçijik suratlaryň hasabyna görkezer.

Önümi birnäçe söz bilen suratlandyrýan we umuman alanyňda, suraty basanyňyzdan soň näme görjekdigini suratlandyrýan kiçijik surat şekilini bellemek maslahat berilýär.

Her önüm kategoriýasy sahypasynda köp önüm bar bolsa (30-dan gowrak diýiň), suratlary diňe serfer bar bolan ýerine aýlananda suratlary ýükleýän “Lazy Load” skriptini ulanmak maslahat berilýär.

7. Gaplanan teksti ulanmak

Adatça, suratlar başga bir ýol bilen däl-de, tekste hyzmat etmek üçin gelýär. Imageöne şekil optimizasiýasy we Google suratlaryny mahabatlandyrmak barada aýdylanda bolsa, sahypa suratlara esaslanýan tor bolsa, esasy zatlar bolsa-da, tekst meselesini äsgermezlik etmeli.

Mümkin boldugyça arassa we minimalistik görnüşi saklamak isleýänler üçin (mysal üçin suratçynyň portfeliniň web sahypasynda), iň bolmanda suraty bolan her sahypada aşakdakylary kesgitlemegi maslahat berilýär:

8. Suratlar üçin sahypa kartasy

Surat sahypasy kartasy (image-sitemap.xml) Google-a sahypadaky suratlarymyzy has gowy okamaga we indekslemäge kömek edýär. Adaty XML sahypasynyň kartasyna meňzeş ýaly, sahypalaryň kartasynda Gözleg konsolynyň kömegi bilen suratlaryň sahypa kartasy tabşyrylyp bilner.

Gözleg konsolynda sahypa kartasyny goşuň

Suratlaryň sahypa kartasy, skriptler we dürli effektli galereýalaryň her görnüşini ulananyňyzda peýdalydyr - Google-yň adaty skanerlemek kyn.

Suratlaryň sahypa kartalaryny ulanmak üçin käbir parametrler bar.

Sahypa kartasyny nädip döretmeli?

WordPress - WordPress-de işleýän bolsaňyz, durmuşyňyz aňsat. “Udinra All Image Sitemap” plugin siziň üçin burçy ýapýar. Bar etmeli zadyňyz, plagini gurmak, sazlamalarda käbir V bellemek, sahypa kartasyny döretmek we Gözleg konsoly arkaly Google-a açmak.

Islendik başga platformada - baglydyr. Eger plugin we ş.m. ýaly guty çözgüdi ýok bolsa, bu gygyrýan gurbagany ulanyp bolýar.

Gurbaga şekilleriň sahypasynyň kartasyny aňsatlyk bilen öndürmäge kömek edip biler. Onlyeke-täk mesele - awtomatiki täzelenmez (pluginden tapawutlylykda) we wagtal-wagtal täzelenmeli.

Muny nädip edýärsiňiz?

Talap edilýän sahypany doly gözden geçirmeli we programma üpjünçiliginiň ýokarky menýusynda Saýt kartalaryna -> Suratlar sahypasynyň kartasyny döretmeli. Aljak zadyňyz, Gözleg konsolynyň üsti bilen ulanmak we işe girizmek üçin has köp XML faýlydyr.

9. Surat paýlaşmagy höweslendiriň

Asyl suratlary (fiziki şekil ýa-da grafiki element bolsun) köp ulanýandygyňyz bilen öwünýän bolsaňyz we suratlar esasy zat ýa-da iň bolmanda sahypanyň möhüm bölegi bolsa, ulanyjylary suratlary sosial taýdan paýlaşmagy höweslendirmek gaty peýdalydyr. torlary we muny etmegi aňsatlaşdyrýar.

Hemişe bolşy ýaly, WordPress platformasy üçin amaly maslahatlarym bar, beýleki ulgamlarda programmist ulanmagy maslahat berýärin ýa-da munuň üçin ýörite bir pluginiň bardygyny barlaýaryn.

WordPress-iň bu maksat bilen 2 sany gowy plugin bar:

10. Suraty azaltmak we optimizasiýa gurallary

TinyPNG - aýratyn amatly süýrük interfeýsi bilen onlaýn suratlary gysmaga mümkinçilik berýän ajaýyp hyzmat. Şeýle hem, has köp mukdarda we awtomatiki işlemäge mümkinçilik berýän API, şeýle hem sahypadaky ähli suratlary gysmaga mümkinçilik berýän WordPress üçin ajaýyp bir plugin - olaryň API ulanylmagyny talap edýär (aýda 500 surat mugt).
Fotosizer - şekilleri köp mukdarda redaktirlemäge mümkinçilik berýän ajaýyp iş stoly programma üpjünçiligi - diňe bir gysylmak däl, eýsem ölçegleriň azalmagy, suw belliklerini we suratlara dürli effektleri goşmak we başga-da köp ajaýyp aýratynlyklar.

Netije

Web sahypasynyň şekillerini optimizirlemegiň möhümdigine ýaňy düşündiňiz. Şeýle-de bolsa, sahypaňyzyň häzirki ýagdaýyny bilmek isleseňiz, Semalt-yň kömegi bilen mugt edip bilersiňiz SEO maslahatlary.
Semalt, sahypaňyza degişli SEO meselelerini kesgitlemäge kömek eder. Mundan başga-da, “Semalt” hünärmenleri bilen aňsatlyk bilen edip bilersiňiz onlaýn işiňiziň netijeliligini ýokarlandyrmak arzan bahadan.

mass gmail