Mobilna verzija web stranice više nije “dodatna opcija”, ona je glavna verzija. Google od 2019. sve stranice ocjenjuje po tome kako izgledaju i rade na mobitelu, a većina vaših posjetitelja ionako dolazi s telefona. Ako se vaša stranica na mobitelu raspada, ne gubite dio posjetitelja, gubite većinu.
Kod firmi na zadarskom području to je još izraženije. Gost koji traži apartman, konobu ili taxi radi to s mobitela: s plaže, iz auta na trajektu za Ugljan, iz reda na Kalelargi. On neće “pogledati kasnije s laptopa”. Ili mu stranica proradi u ruci, ili je otišao konkurenciji.
U ovom vodiču objašnjavamo što točno znači stranica prilagođena mobitelu, kako Google to gleda, kako u pet minuta testirate vlastitu stranicu i koje mobilne greške viđamo najčešće, s konkretnim uputama za popravak.
Što je mobilna verzija web stranice danas
Prije desetak godina “mobilna verzija” značila je posebnu, skraćenu stranicu na adresi tipa m.imefirme.hr. Danas to više gotovo nitko ne radi. Standard je responzivan dizajn: jedna te ista stranica koja se automatski prilagođava širini ekrana. Na velikom monitoru sadržaj je u tri stupca, na mobitelu se posloži u jedan, slova ostanu čitljiva, a gumbi dovoljno veliki za prst.
Prilagođenost mobitelu pritom je šira od pitanja izgleda. Prava mobilna verzija web stranice znači da na telefonu možete obaviti sve što i na računalu: pročitati cijene, pogledati galeriju, poslati upit, nazvati jednim dodirom. Ako nešto od toga na mobitelu ne ide ili ide teško, stranica nije prilagođena, ma koliko “lijepo stala” na ekran.
Tu se skriva i najčešći nesporazum s vlasnicima stranica. Stranica koja se “vidi” na mobitelu nije isto što i stranica napravljena za mobitel. Vidjeti se može i PDF, pa nitko neće zumirati jelovnik prstima na plus 35 u kolovozu. Kad radimo web dizajn, kreće se od mobilnog prikaza, a verzija za računalo izvodi se iz njega, ne obrnuto. To je pristup poznat kao mobile-first i danas je jedini ozbiljan način rada.
Mobile-first indexing: Google gleda vašu stranicu mobitelom
Google je prešao na takozvani mobile-first indexing: njegov robot posjećuje vašu stranicu kao mobilni uređaj i ocjenjuje mobilnu verziju sadržaja. Ono što postoji samo na verziji za računalo, a na mobitelu je skriveno ili nedostupno, za Google praktički ne postoji. Detalje o tome Google opisuje u službenoj dokumentaciji o mobile-first indeksiranju.
Što to znači u praksi? Tri stvari. Prvo, ako vam je mobilna verzija web stranice osiromašena, s manje teksta i sakrivenim sekcijama, Google rangira tu osiromašenu verziju, ne onu “pravu” s računala. Drugo, brzina i upotrebljivost na mobitelu izravno su signali rangiranja: spora i nespretna mobilna stranica gura vas niže u rezultatima. Treće, konkurencija koja je mobilni dio odradila kako treba prestiže vas čak i ako ima lošiji sadržaj.
Za lokalne pretrage posljedice su još konkretnije. Pretrage poput “pizzeria Zadar” ili “apartman Vir zadnji trenutak” u ogromnoj većini dolaze s mobitela, i Google za njih slaže rezultate s jasnim naglaskom na stranice koje na mobitelu dobro rade. Loša mobilna stranica tako vas košta upravo onih pretraga koje najlakše pretvaraju u goste i kupce.
Koliko prometa stvarno dolazi s mobitela
U Hrvatskoj s mobitela dolazi oko 60 posto ukupnog web prometa, i taj udio godinama polako raste. Ali prosjek vara: on uključuje i uredske poslove koji se obavljaju s računala. Kad pogledate statistiku tipične stranice lokalne firme na obali, brojke su znatno drugačije.
Provjerite to na vlastitim podacima ako imate bilo kakvu analitiku na stranici: omjer mobilnih i desktop posjeta vidi se u dva klika. Kod klijenata s kojima radimo taj omjer gotovo nikad nije ispod 65 posto u korist mobitela, a ljeti zna prijeći i 85. Vrijedi ga znati, jer vam govori za koji ekran zapravo radite stranicu.
Kod turizma je mobilni udio najveći. Gost koji je već na moru sve traži telefonom: gdje večerati, što s djecom kad zapuše jugo, koji apartman ima slobodno za vikend. Stranice apartmana i restorana u srpnju i kolovozu redovito vide 80-ak posto mobilnih posjeta. Slično je i s hitnim uslugama: vodoinstalatera, autoservis ili zubara u boli nitko ne traži s laptopa.
Za vas to znači jednostavnu računicu. Ako mobilna verzija web stranice ne valja, ne možete to “nadoknaditi” kvalitetom na računalu, jer na računalu sjedi manjina vaših potencijalnih kupaca. Radite li web stranicu za apartmane ili bilo koji posao vezan uz goste, mobilni prikaz nije jedna od stavki na popisu, on je prva stavka.
Mobilna verzija u turizmu: sezona ne oprašta
Zadarska županija živi od sezone, a sezona se odvija na mobitelu. Pogledajmo kako to izgleda kroz jedan sasvim običan dan gosta. Obitelj iz Graza stigla je u apartman na Viru u subotu popodne. U nedjelju ujutro traže pekarnicu, popodne provjeravaju cijene zadiranja u obiteljski budžet po aquaparkovima, navečer biraju konobu. Svaka od tih pretraga događa se na telefonu, na suncu, često na sporijoj mreži jer je pola otoka na istoj baznoj stanici.
Sad zamislite da je vaša konoba treća u rezultatima, gost klikne, i stranica se pet sekundi bijeli. Povratak, sljedeći rezultat, rezervacija kod konkurencije. Cijeli proces trajao je dvadeset sekundi i vi u njemu niste ni sudjelovali. To se ne događa jednom, to se u srpnju događa svaki dan, po više puta.
Ista logika vrijedi i prije sezone. Gosti apartmane biraju mjesecima ranije, ali i tada većinom s mobitela: u tramvaju, na kauču uz televizor, u pauzi posla. Iznajmljivač s Paga čija stranica na telefonu izgleda uredno, ima klikabilan WhatsApp i galeriju koja se učita odmah, dobiva upit. Onaj s razvučenom stranicom i formom od deset polja dobiva statistiku posjeta bez upita i zaključak da mu “stranica ne radi”. Radi, ali protiv njega.
Zato kod turističkih stranica mobilni prikaz testiramo prvo na stvarnim telefonima, tek onda na simulatorima. Razlika između “prolazno” i “odlično” na mobitelu u sezoni znači razliku od nekoliko rezervacija tjedno, a to je novac koji višestruko premašuje cijenu bilo kakvog popravka stranice.
Što gubite ako stranica nije prilagođena mobitelu
Gubici idu kroz tri kanala i svi se zbrajaju. Prvi je izravan: posjetitelj dođe, ne snađe se, ode. Sitna slova, gumb koji ne može pogoditi, forma koju ne može ispuniti. Svaki od tih trenutaka frustracije ima svoju cijenu, a posjetitelj s mobitela strpljenja ima još manje nego onaj s računala.
Drugi kanal je Google. Kao što smo opisali, mobilno iskustvo je signal rangiranja. Stranica koja na mobitelu radi loše s vremenom klizi niže, dobiva manje posjeta, pa i manje upita. Taj pad je tih i spor, zato ga vlasnici rijetko povežu s pravim uzrokom. Loš mobilni prikaz je, uz sporost, među najskupljim stavkama na našem popisu najčešćih grešaka na web stranicama lokalnih firmi.
Treći kanal je povjerenje. Stranica koja se na telefonu raspada izgleda zapušteno, a zapuštena stranica sugerira zapuštenu firmu. Nepravedno? Možda. Ali gost koji bira između dva apartmana s istom cijenom uzet će onaj čija stranica djeluje sređeno, jer nema drugi način procijeniti s kim ima posla.
Kako vaša stranica izgleda na mobitelu?
Pošaljite nam adresu na WhatsApp. Besplatno je pregledamo na stvarnim uređajima i vratimo vam popis mobilnih problema s okvirnom cijenom popravka.
Kako testirati mobilnu verziju web stranice
Za prvu dijagnozu ne trebate nikakve alate osim vlastitog telefona. Za ozbiljniju provjeru dodajte dva besplatna Googleova alata. Bitno je testirati u uvjetima u kakvima stranicu otvaraju stvarni posjetitelji: na telefonu, preko mobilne mreže, bez prijašnjih posjeta u pregledniku. Evo postupka koji koristimo i sami, redom:
Napomena: Testirajte u anonimnom prozoru preglednika. Vaš telefon je stranicu već spremio u memoriju, pa se vama otvara brže nego novom posjetitelju. Anonimni prozor daje realniju sliku prvog dojma.
Uzmite mobitel i isključite Wi-Fi
Otvorite stranicu preko mobilnih podataka, jer tako je otvara i vaš gost. Mjerite: koliko sekundi do prvog korisnog sadržaja? Pokušajte nazvati broj, poslati upit, naći cijene. Sve što vas zasmeta, smeta i kupce.
Zamolite nekog starijeg da proba
Vi svoju stranicu znate napamet, pa ne vidite probleme. Dajte telefon roditelju ili susjedu i recite: “Nađi koliko košta noćenje u kolovozu i pošalji upit.” Gledajte gdje zapinje i ništa ne komentirajte. To je najjeftiniji test upotrebljivosti na svijetu.
Provjerite brzinu na PageSpeed Insights
Upišite adresu u pagespeed.web.dev i gledajte mobilnu ocjenu, ne onu za računalo. Ispod 50 znači ozbiljan problem, 50–80 ima prostora za popravak, iznad 80 je solidno. Alat uz ocjenu daje i popis konkretnih uzroka.
Otvorite stranicu u simulatoru različitih ekrana
U Chromeu na računalu pritisnite F12 pa ikonu mobitela (Ctrl+Shift+M). Prebacujte veličine ekrana: mali telefon, veliki telefon, tablet. Tražite sadržaj koji bježi izvan ruba, tekst preko slika i elemente koji se preklapaju.
Pogledajte stvarne podatke u Search Consoleu
Ako imate Google Search Console, provjerite izvještaj o upotrebljivosti na mobilnim uređajima i Core Web Vitals podatke za mobilne posjete. To su mjerenja sa stvarnih uređaja vaših posjetitelja, ne simulacija.
Cijeli postupak traje petnaestak minuta i dat će vam jasnu sliku. Ako na prva dva koraka sve štima, vjerojatno ste u redu. Ako zapinje, sljedeće poglavlje pokazuje gdje točno tražiti krivca.
7 najčešćih mobilnih grešaka koje viđamo
Ovo su greške koje se ponavljaju na stranicama lokalnih firmi, poredane po tome koliko štete rade. Većina se da popraviti bez izrade nove stranice.
1. Tekst sitan kao na deklaraciji
Font manji od 16 piksela na mobitelu tjera ljude da zumiraju, a nitko ne zumira dvaput. Posebno stradaju cjenici i jelovnici ubačeni kao slika ili PDF. Rješenje: pravi tekst umjesto slika teksta i minimalna veličina fonta 16 px za normalan sadržaj.
2. Gumbi i linkovi preblizu
Prst nije strelica miša. Kad su dva linka razmaknuta tri milimetra, posjetitelj redovito pogodi krivi, a treći promašaj znači odustajanje. Svaki element koji se dodiruje treba biti visok barem 44 piksela i imati zraka oko sebe.
3. Sadržaj širi od ekrana
Horizontalno skrolanje je smrtni grijeh mobilnog prikaza. Najčešći krivci su tablice, prevelike slike i sekcije sa fiksnom širinom u pikselima. Tablice na mobitelu trebaju vlastiti klizač unutar sebe, a slike se moraju skalirati na širinu ekrana.
4. Pop-up preko cijelog ekrana
Skočni prozor koji prekrije sve, a gumbić za zatvaranje je veličine mrava: posjetitelj ode, a Google takve presretače sadržaja i službeno kažnjava kod mobilnog rangiranja. Ako baš morate imati pop-up, neka bude mala traka, ne zavjesa preko svega.
5. Spore, neoptimizirane slike
Fotografija apartmana od 6 MB na mobilnoj mreži učitava se i po deset sekundi. Slike su krivac broj jedan za sporost, a sporost je tema za sebe: obradili smo je u vodiču o brzini učitavanja web stranice. Kratka verzija: WebP format, maksimalno 200–300 KB po slici, lijeno učitavanje galerija.
6. Telefon koji se ne da nazvati dodirom
Broj telefona napisan kao običan tekst na mobilnoj stranici je promašena prilika u najčišćem obliku. Posjetitelj drži telefon u ruci, želi vas nazvati, i sad mora prepisivati znamenke između aplikacija. Dio njih pogriješi broj, dio odustane. Broj mora biti link (tel:) koji jednim dodirom otvara pozivnik. Isto vrijedi za adresu koja bi trebala otvarati kartu i za WhatsApp gumb koji otvara razgovor s već upisanim brojem.
7. Forme koje traže doktorat strpljenja
Upitnik s deset polja, padajućim izbornicima i captchom na mobitelu ispuni rijetko tko. Mobilna forma treba tri do četiri polja: ime, kontakt, poruka, eventualno datumi. Uz to, polje za telefon treba otvarati numeričku tipkovnicu, a polje za e-mail tipkovnicu sa znakom @. Sitnice, ali upravo na njima pada pola upita.
Responzivna stranica, zasebna mobilna verzija ili aplikacija
Vlasnici firmi ponekad pitaju treba li im “aplikacija” ili posebna mobilna stranica. U 99 posto slučajeva odgovor je: ne, treba vam responzivna stranica. Evo usporedbe:
| Rješenje | Prednosti | Mane | Za koga ima smisla |
|---|---|---|---|
| Responzivna stranica | Jedna stranica za sve uređaje, jedan sadržaj za održavanje, Googleova preporuka | Traži pažljiv dizajn od početka | Praktički sve lokalne firme |
| Zasebna m.verzija | Teoretski potpuna kontrola nad mobilnim prikazom | Dvostruko održavanje, problemi s dupliciranim sadržajem, zastarjelo rješenje | Danas gotovo nitko |
| Mobilna aplikacija | Push notifikacije, rad bez interneta | Skupa izrada i održavanje, nitko ne instalira aplikaciju lokalne firme | Veći sustavi s čestim ponovnim korištenjem |
Aplikacija za restoran ili apartman zvuči moderno, ali računica je nemilosrdna: izrada košta višestruko više od stranice, a gost koji dolazi jednom godišnje neće instalirati aplikaciju da bi pogledao jelovnik. Responzivna stranica pokriva sve te potrebe za dio cijene.
Kontrolna lista: što dobra mobilna stranica mora imati
Kad preuzimamo postojeće stranice na popravak ili radimo nove, mobilni dio provjeravamo po ovoj listi. Vrijedi jednako za stranicu restorana, apartmana, obrta ili ordinacije:
- Stranica se preko mobilne mreže učita za manje od tri sekunde
- Sav tekst čitljiv bez zumiranja, minimalno 16 px
- Telefon, WhatsApp i adresa klikabilni jednim dodirom
- Poziv na akciju vidljiv bez skrolanja na svakoj stranici
- Nema horizontalnog skrolanja ni na najmanjem ekranu
- Gumbi dovoljno veliki i razmaknuti za palac
- Forme s najviše četiri polja i ispravnim tipkovnicama
- Galerije se učitavaju postupno, ne sve odjednom
- Meni jednostavan: najviše šest stavki, bez padajućih labirinata
- Cjenik kao pravi tekst ili tablica, nikad kao slika
Deset od deset znači da ste ispred velike većine lokalne konkurencije. Sedam i manje znači da svaki dan propuštate upite koje biste inače dobili. Listu spremite i prođite je ponovno nakon svake veće izmjene stranice, jer nova galerija ili dodatak znaju pokvariti ono što je do jučer radilo.
Koliko košta mobilna verzija web stranice
Prvo dobra vijest: kod novih stranica mobilna prilagodba nije zasebna stavka koja se doplaćuje. Svaka stranica koju danas radimo responzivna je po definiciji, i to je uračunato u cijenu. Kompletne okvire cijena držimo javno na stranici cijena izrade web stranice.
| Situacija | Što treba napraviti | Realna cijena |
|---|---|---|
| Stranica novijeg datuma, sitni mobilni problemi | Popravci fontova, gumba, formi i slika | 100–300 € |
| Starija stranica, tema podržava responzivnost | Temeljitija dorada mobilnog prikaza i brzine | 200–500 € |
| Stara stranica bez responzivnosti | Redizajn na modernim temeljima | 600–1.200 € |
| Nova stranica od nule | Responzivna, brza, sa SEO osnovama | od 400 € |
Granica isplativosti je jednostavna: ako stranica ima više od šest-sedam godina i nikad nije rađena s mislima na mobitel, dorade su bacanje novca, jer krpate temelj koji ne valja. U tom slučaju redizajn web stranice košta tek nešto više od opsežnih popravaka, a dobijete stranicu koja je spremna za sljedećih pet-šest godina.
Ako niste sigurni u koju kategoriju spadate, pošaljite nam adresu preko kontakt stranice ili WhatsAppa. Pregledamo, kažemo iskreno isplati li se popravljati ili ne, i pošaljemo ponudu s fiksnom cijenom. Kao i sve kod izrade web stranica u Zadru, ponuda je besplatna i ništa vas ne obvezuje.
Česta pitanja o mobilnoj verziji web stranice
Što znači da je web stranica prilagođena mobitelu?
Da se automatski prilagođava veličini ekrana i da se na telefonu može obaviti sve što i na računalu: čitati bez zumiranja, kliknuti bez promašaja, nazvati jednim dodirom, poslati upit bez muke. Sam prikaz “da stane na ekran” nije dovoljan.
Kako provjeriti je li moja stranica prilagođena mobitelu?
Otvorite je na telefonu preko mobilnih podataka i pokušajte pronaći cijenu i poslati upit. Zatim upišite adresu u PageSpeed Insights i pogledajte mobilnu ocjenu. Ako imate Search Console, provjerite i Core Web Vitals za mobilne uređaje.
Što je mobile-first indexing?
Googleov način rada u kojem njegov robot stranicu posjećuje kao mobilni uređaj i rangira ono što vidi na mobilnoj verziji. Sadržaj skriven ili nedostupan na mobitelu za Google praktički ne postoji, ma kako dobro izgledao na računalu.
Koliko posto posjetitelja dolazi s mobitela?
U Hrvatskoj oko 60 posto ukupnog prometa, ali kod lokalnih i turističkih djelatnosti znatno više: stranice apartmana i restorana u sezoni redovito bilježe 75–85 posto mobilnih posjeta. Što je pretraga “hitnija”, to je mobilni udio veći.
Utječe li mobilna verzija na poziciju na Googleu?
Da, izravno. Google rangira mobilnu verziju stranice, a brzina i upotrebljivost na mobitelu službeni su signali. Stranica loša na mobitelu s vremenom pada u rezultatima čak i ako je sadržajno bolja od konkurencije.
Treba li mi posebna mobilna aplikacija za moju firmu?
Za lokalnu firmu gotovo nikad. Aplikacija košta višestruko više od stranice, traži stalno održavanje, a gosti ne instaliraju aplikacije firmi koje koriste jednom godišnje. Responzivna stranica pokriva iste potrebe za dio cijene.
Koliko košta prilagodba stranice mobitelu?
Sitni popravci 100–300 €, temeljitija dorada 200–500 €. Ako je stranica stara i nikad nije bila responzivna, redizajn od 600 do 1.200 € isplativiji je od krpanja. Kod novih stranica mobilna prilagodba je uključena u cijenu, ne doplaćuje se.
Zašto se moja stranica čudno prikazuje na nekim mobitelima?
Najčešće zbog fiksnih širina u dizajnu, prevelikih slika ili starih dodataka koji se sudaraju s temom. Ekrani se razlikuju po veličini i gustoći piksela, pa stranica testirana na jednom telefonu može bježati na drugom. Test u više veličina ekrana otkriva krivca.
Je li responzivan dizajn skuplji od običnog?
Ne, jer “običnog” više nema: responzivnost je standard, ne dodatak. Svaka ozbiljna izrada stranice danas uključuje prilagodbu svim ekranima u osnovnoj cijeni. Ako vam netko responzivnost naplaćuje kao posebnu stavku, to je crvena zastavica.
Mogu li sam popraviti mobilni prikaz na WordPressu?
Dio toga da: veličinu fontova, smanjivanje slika prije uploada i skraćivanje formi možete srediti sami kroz postavke teme. Za probleme s rasporedom, preklapanjem elemenata i brzinom obično treba netko tko zna CSS, jer krive izmjene lako pokvare i prikaz na računalu.
Kako mobilna verzija utječe na rezervacije apartmana?
Izravno: gosti apartmane pretražuju i uspoređuju gotovo isključivo mobitelom, i prije sezone i tijekom nje. Stranica koja se sporo učitava ili ima nespretnu formu gubi upite u trenutku najveće namjere. Brz mobilni prikaz s klikabilnim WhatsAppom u praksi znači mjerljivo više direktnih rezervacija.
Stranica koja radi na svakom ekranu
Radimo responzivne stranice koje se učitavaju brzo i pretvaraju mobilne posjete u pozive. Standardna stranica gotova za 2–3 tjedna, cijena poznata unaprijed.
