Responzivni dizajn web stranica se ogleda u tome da se njihov prikaz dinamički prilagođava uređaju na kojem se učitavaju, odnosno rezoluciji ekrana na različitim mobilnim uređajima.
Kada kažem “mobilnim uređajima” onda prvenstveno mislim na one koji imaju ekran manji od 7 inča. Tableti koji su preko 7″ i onako nemaju problema sa prikazivanjem sadržaja slično stacionarnim računarima.

Ovaj moj blog nije toliko star, tek nešto više od godinu dana, i za to vrijeme Google Analytics pokazuje da udio posjeta blogu preko mobilnih uređaja polako ali sigurno raste. U odnosu na rezultate od prije godinu dana, mobilni promet porastao je za 50%.
Što nam to govori?


Responzivni dizajn web stranice se lako testira i bez mobilnih ekrana

Prije godinu dana, udio posjetitelja koji su ovdje stiglipreko svojih mobilnih uređaja (mobilni telefoni i tableti), je bio nesto ispod 19,0%. Sada, godinu dana kasnije ta brojka je porasla na 28,8% od ukupnog proja posjetitelja. Sto znaci, povećanje od više od 50% za godinu dana. (Ova analiza je uradjena u Google Analytics)
Ovaj blog je sve bliže tome da jedan od tri posjetitelja dolazi sa mobilnog uređaja. Ok, posjetitelji dolaze, a da li i ostaju zavisi naravno od kvalitete sadržaja kao i od toga da li je web stranica prilagođena ekranima mobilnih telefona i tableta, znači da na različitim veličinama i rezolucijama ekrana sadržaj stranice bude dostupan i čitljiv. Mogu komotno reći da je udio mobilnog prometa na ovom mom blogu poprilično nizak. Objašnjenje za to je vjerojatno da je ovo ipak usko specijaliziran sajt čiji posjetitelji koriste u vecini slucajeva računala za rad.
Za e-commerce web stranice pojedinih mojih klijenata je udio obično između 35-45%. Ne čudi, jer online-dućane pronalaze i posjećuju kupci koji su u pokretu, bar tako kažu statistike.

Za koje web-stranice je responzivni dizajn bitan?

Najjednostavniji odgovor je vjerovatno – za sve. Google je nedavno objavio da oni računaju sa tim da već sljedeće godine više od 50% svih pretraga preko tražilica dolazi sa mobilnih uređaja.
Pojedina web mjesta se još intenzivnije posjećuju putem mobilnih uređaja. Recimo jedan dio mojih klijenata su lokalni biznisi koji pružaju usluge iz domena ugostiteljstva, malih radnji i za njih je i te kako bitno da im stranica bude čitljiva bez obzira na vrstu ekrana jer udio ljudi u pokretu koji ih posjećuju preko mobilnih uređaja, kako ja vidim, je od 60 do čak 80% ukupnog prometa.
Jedan od mojih klijenata se još nije odlučio da napravi promjene i to se odražava veoma negativno na posjete preko mobilnih aparata, jer koliko vidim u statistici njegove stranice, neprirodno veliki broj posjetitelja napušta stranicu vec poslije par sekunda, jer vjerovatno nisu zadovoljni prvim utiskom, jer stranica nije prilagodjena manjim ekranima.

Ako još nemate web-stranicu koja je prilagođena mobilnima – sad je vrijeme

Na ovom linku možete provjeriti kako se vaša stranica stranica ponaša na različitim ekranima. http://www.howtogomo.com
Postoji više načina da stranicu uradite tako da bude prilagođena raznim veličinama ekrana. Jedna od njih je da uradite poseban mobilni sajt, ali taj metod duplicira sadržaj stranice i nije uopšte preporučljiv sa SEO aspekta, jer Google mrzi dupliciranje sadrzaje. Problemi nastaju pri i promjenama na sajtu jer isti sadržaja sada postoji na više web mjesta. Drugi nacin je stvaranje aplikacije za mobilne platforme, a to je opet povezano sa vecim troskovima.
Ako je vjerovati Google-u, a to se do sdada i u praksi pokazalo kao ispravan put, najbolji i najefikasniji način je prilagoditi dizajn stranice uz pomoć CSS formatiranja.
Više o temi kako napraviti sajt sa responzivnim dizajnom uz pomoć smjernice iz Google-a pronaći će te na ovom a i na ovom linku.
Ako koristite recimo WordPress kao platformu onda to možete uraditi uz pomoć tema koje su od početka urađene sa responzivnim web dizajnom.
Responzivni dizajn je u zadnje vrijeme u fokusu Google tražilice i jedan je od kriterija za pozicioniranje webstranice na SERP-u.

 

UPDATE: dec 202

Ovaj blog post je vec nekoliko godina star ali je moze da posluzi kao isjecas iz istorije promjena kroz koje SEO prolazi iz dana u dan. 

Trenutno stanje je da je od tada do danas Google radio na koncepru “mobile first i da je tek prije neki dan objavio da je prelaz na “mobil prvo” konacno gotov.