Google sabotira Vaš sajt zbog pogrešno korišćenih formata ikonica i ilustracija
Znamo da je proces kreiranja sajta kompleksan, i da ima mnogo faktora o kojima treba voditi racÌŒuna.
Ovim putem zÌŒelimo da skrenemo pazÌŒnju na bitnu stavku pri kreiranju websajta, koja udara cÌŒak tri muve jednim udarcem: fazu dizajna, fazu kodiranja, i uspeh rangiranje VasÌŒeg sajta kada postane online! Bitna stavka koja iz neznanja mozÌŒe procÌi nezapazÌŒeno, ali cÌe napraviti probleme VasÌŒem dragocenom projektu na duzÌŒe staze.
O cÌŒemu pricÌŒamo?
Vaš sajt sasvim sigruno ima ikonice, ilustracije.
Kako biste bili sigurni da svom sajtu niste otezÌŒali brzinu ucÌŒitavanja kao i rang na Google-u raznim graficÌŒkim elementima, postoji stavka i tehnikalija koja se ticÌŒe dizajnera – i koju je bitno da isposÌŒtuje u fazi dizajniranja sajta.
U tom smislu “nije dovoljno” da VasÌŒ sajt bude samo lep i jasno organizovan :)
Nakon iskoncipirane strukture sajta > dizajner crta sajt > odakle programeri preuzimaju.
Jedan od bitnih faktora za upeh VasÌŒeg sajta je da graficÌŒki elementi u samom kodu sajta budu uneseni u SVG formatu.
Kako da znate da je ovaj apsekt projekta odrađen kako treba?
SÌŒta je SVG? SVG format je most koji spaja prekopotrebnu kreativnost i nuzÌŒnu funkcionalnost sajta.
Kada sveto trojstvo web sveta: graficÌŒki dizajner, programer i Google ukrste svoje standarde za dobro postavljen sajt, sÌŒta to znacÌŒi? Pa, najbolje cÌemo predstaviti to nasledecÌi nacÌŒin.
Most između dizajnerskog i programerskog sveta
ZasÌŒto dizajneri obozÌŒavaju SVG?
Sati ulaganja u dizajn: Kada dizajner crta sajt, mozÌŒete biti sigurni da cÌete ga zatecÌi kako satima radi na grafikama: ilustracijama, ikonicama, rasporedom elemenata – svaka linija, boja i senka su na svom mestu.
Svaki detalj je verno prikazan na web–u: Pored drugih koristi koje SVG donosi vasÌŒem sajtu, i koje cÌemo navesti, ovi fajlovi se nikada necÌe prikazivati mutno i osÌŒtecÌeno, sÌŒto je dizajneru jako vazÌŒno jer direktno predstavlja njegov rad i dizajnerske sposobnosti. SVG ilustracije mogu biti male kao ikonica na dugmetu ili velike kao bilbord – i uvek cÌe biti savrsÌŒeno jasne.
KazÌŒu da ljubavi nikad nije dosta u zÌŒivotu: Tako je dizajner koji programerima sÌŒalje SVG kao kolega koji donese kafu bez da pitate – svi ga vole! Ukoliko zÌŒelite da VasÌŒ sajt rade dizajneri koji poznaju SVG znacÌŒaj za uspeh VasÌŒeg sajta, pozovite nas na 011 44 56 776
ZasÌŒto programeri obozÌŒavaju SVG?
Kada dizajner programeru dostavi svoju kreaciju u SVG formatu, otvaraju se vrata beskonacÌŒnih mogucÌnosti. Evo kljucÌŒnih:
Lako prilagođavanje kroz CSS: Umesto da moraju da „seku“ slike ili rucÌŒno prilagođavaju elemente, programeri mogu odmah pristupiti SVG fajlu i primeniti stilove direktno kroz CSS. Animacije? Promena boja na hover? Sve se to radi u nekoliko linija koda.
Manja tezÌŒina fajlova: SVG je lak fajl, nema ogromnih kilobajta koje nose drugi formati. BrzÌŒe ucÌŒitavanje sajta znacÌŒi srecÌniji korisnici i – bonus – srecÌniji Google (o tome kasnije). IzgledacÌe savrsÌŒeno na svakom ekranu – od starog Android telefona do Retina MacBook–a.
Raznovrsna primena ikonica, ilustracija, grafova: ÄŒak i interaktivne mape – sve ovo mozÌŒe biti SVG. Programeri ne moraju da koriste dodatne biblioteke ili alate; sve je spremno za rad.
ZasÌŒto cÌe Google cÌe voleti vasÌŒ sajt?
Google voli sajtove koji se brzo ucÌŒitavaju i koji su optimizovani za razlicÌŒite uređaje. Npr. PNG ili JPEG fajlovi cÌŒesto usporavaju sajt, a kako smo vecÌ spomenuli, SVG zadrzÌŒava osÌŒtrinu i optimizaciju, i pritom ne opterecÌuje server.
Zamislite situaciju: Radite na dizajnu sajta za klijenta – klijent se kasnije pita zasÌŒto njihov sajt nije među prvima na pretrazi. SVG fajlovi su jedan od nacÌŒina da doprinesete rangiranju sajta – mala stvar za vas, ali velika stvar za ukupni uspeh projekta.
ZakljucÌŒak: Harmonija u timu, zadovoljni klijenti!
Kako smo naucÌŒili, SVG nije samo tehnicÌŒki format koji treba da Vas buni; vecÌ i simbol uspesÌŒne saradnje i spone između dizajnera, programera i uspeha VasÌŒeg sajta. Kada se koristi pravilno, sÌŒtedi vreme, cÌŒuva kvalitet i doprinosi uspehu projekta na pretrazÌŒivacÌŒima.
Dakle, kada budete kretali u WEB projekat – setite se ovog: uz SVG, svi pobeđuju.
Ako zÌŒelite da budete sigurni da cÌe ovaj aspekt vasÌŒeg projekta biti izveden besprekorno, na raspolaganju Vam je nasÌŒe znanje, strucÌŒnost i podrsÌŒka.
Ako je vaš web projekat fokusiran na online prodaju, ne zaboravite da prilagodite dizajn i strukturu kroz profesionalnu izradu internet prodavnice.