Šta znači responzivna stranica i zašto se provjerava na telefonu?

Responzivna stranica je stranica koja se sama prilagođava ekranu na kojem je otvorena: na telefonu se sadržaj složi u jednu kolonu, tekst ostane čitljiv, a dugmad dovoljno velika za prst. Provjerava se na telefonu zato što Google za rangiranje primarno koristi mobilnu verziju stranice. Ako stranica loše radi na telefonu, to se računa protiv nje, bez obzira kako izgleda na računaru.

Zvuči kao tehnički detalj. U praksi je to razlika između upita i zatvorenog taba.

Šta "responzivno" znači u praksi

Nije riječ o tome da se stranica "smanji" na telefonu. Smanjena stranica je nečitljiva. Responzivna stranica se preslaže.

Konkretno, na telefonu dobra stranica:

• Nema horizontalnog skrolanja. Sve stane u širinu ekrana, ništa ne bježi desno.
• Ima čitljiv tekst bez zumiranja. Ako morate raširiti prste da pročitate cijenu, nešto ne valja.
• Ima dugmad za prst, ne za miš. Broj telefona i "Pozovi" moraju se moći pritisnuti iz prve.
• Prikazuje slike prilagođene ekranu. Telefon ne treba skidati fotografiju pravljenu za veliki monitor.
• Ima meni koji radi jednom rukom. Otvori se, zatvori se, ne prekriva sadržaj.

Nijedna od ovih stavki nije komplikovana sama za sebe. Problem je što ih šablon često riješi napola, a to se vidi tek na pravom telefonu.

Zašto Google gleda telefon, a ne računar

Google stranicu čita onako kako je vidi korisnik telefona. To zove mobile-first indexing — prvo mobilna verzija. Ako na mobilnoj verziji nedostaje tekst, sakriven je ili se ne može otvoriti, Google ga tretira kao da ne postoji.

Za vas to znači dvije stvari. Prvo, lijepa verzija za računar ne pomaže ako je mobilna slaba. Drugo, brzina na telefonu je bitna, jer se telefon često spaja preko mobilnih podataka, ne preko kućnog interneta. O tome kako Google mjeri brzinu pisao sam u tekstu o Core Web Vitals.

A pored Googlea, tu su i ljudi. Kad neko traži frizera, kafić ili ordinaciju u gradu, često to radi s telefona, u pokretu. Ako stranica tada poskakuje ili se ne može pritisnuti broj, ta osoba ne čeka. Vrati se na rezultate i klikne sljedeći.

Kako provjeriti svoju stranicu za pet minuta

Ne trebate programera za prvu provjeru. Uzmite svoj telefon i uradite ovo:

1. Otvorite svoju stranicu u browseru, ne preko Instagram linka.
2. Pokušajte pročitati početnu stranicu bez zumiranja.
3. Prevucite prstom lijevo-desno. Ako se stranica pomjera u stranu, nije dobro složena.
4. Pritisnite broj telefona. Treba odmah ponuditi poziv.
5. Otvorite meni i idite na kontakt. Koliko dodira vam treba?
6. Ispunite kontakt formu do kraja. Da li tastatura prekriva polja?

Ako neka tačka zapne, zapela je i vašim posjetiocima. Probajte i na nekom starijem telefonu u kući, jer nemaju svi najnoviji model.

Šta ja provjeravam prije objave

Svaku stranicu radim tako da se prvo slaže za telefon, pa tek onda za veći ekran. Prije objave je provjerim na stvarnim uređajima, ne samo na simulatoru u browseru. Isti tekst, isti broj, ista forma — sve mora raditi jednako dobro u ruci kao na stolu.

Responzivnost je uključena u svaku stranicu, i u početnu cijenu od 800 KM. Nije dodatak koji se naplaćuje posebno. Šta još ulazi u izradu, pogledajte na stranici izrada web stranica.

Šta dalje

Uradite provjeru od pet minuta na svom telefonu. Ako nešto zapne, pošaljite mi link i napisat ću vam šta tačno ne radi i da li se isplati popravljati ili praviti novu.

Česta pitanja

Da li mi treba posebna mobilna verzija stranice? Ne. Responzivna stranica je jedna stranica koja se prilagođava svakom ekranu. Dvije odvojene verzije znače dvostruko održavanje i veću šansu da se razlikuju.

Moja stranica izgleda dobro na mom telefonu. Je li to dovoljno? Dobar je početak. Provjerite i na drugom telefonu, s manjim ekranom, i preko mobilnih podataka umjesto Wi-Fi mreže. Tek tada vidite ono što vide i vaši posjetioci.