Mobile-First Indexing

Promet pada, nove stranice se ne pojavljuju u pretrazi, a konkurencija vas polako prestiže – i ne znate zašto. Sve ste napravili “kako treba”: dobar sadržaj, ispravni naslovi, brz hosting. Pa ipak, Google vas ignorira.

Razloga može biti mnogo, a jedan od čestih je Mobile-first Indexing, odnosno vaša mobilna verzija nije najbolja verzija vaše stranice.

Google odavno više ne gleda vaš web kao cjelinu. On vidi isključivo mobilnu verziju – a desktop tretira kao sekundarnu. Ako između tih dviju verzija postoji nesklad u sadržaju, brzini ili tehničkim elementima, platit ćete cijenu nižim rangiranjem. Bez upozorenja, bez objašnjenja.

Što je Mobile-First Indexing i zašto je to “zakon” SEO-a?

Godinama je Googleov bot simulirao korisnika na stolnom računalu. Desktop verzija stranice bila je ta koja je određivala rang. Mobilna je bila “bonus”.

To se promijenilo. Danas je Googleov primarni crawler Googlebot Smartphone – program koji vašu stranicu posjećuje kao korisnik na mobitelu. I upravo na temelju toga što vidi na mobitelu donosi odluku o vašem rangiranju.

Praktična posljedica je jasna: ako na desktopu imate 2.000 riječi vrhunskog sadržaja, a na mobilnoj verziji ste taj tekst sakrili, skratili ili uklonili zbog “preglednosti” – Google će vas rangirati kao da tog sadržaja uopće nema.

Nije dovoljno da stranica “izgleda dobro na mobitelu”. Mora biti jednako kompletna kao i desktop verzija – sadržajno, tehnički i vizualno.

Pet ključnih područja koja morate optimizirati

Paritet sadržaja – najčešća i najskuplja pogreška

Vlasnici webova redovito uklanjaju “teške” tekstualne blokove s mobilne verzije kako bi stranica bila preglednija. Logično s dizajnerske strane – ali katastrofalno za SEO.

• Što učiniti: Sav primarni tekst, naslovi (H1, H2, H3), liste i informacije moraju biti identični na obje verzije. Google ne prihvaća “desktop ima, mobitel nema” kao opravdanje.
• Pametan kompromis: Umjesto brisanja sadržaja, koristite akordion izbornike ili tabove. Google indeksira sadržaj unutar njih čak i kada je vizualno sklonjen – a korisničko iskustvo ostaje čisto i pregledno.

Optimizacija slika i videa

Slike koje na desktopu izgledaju sjajno, na mobitelu mogu biti preteške i drastično usporiti učitavanje – što direktno utječe na rang.

• Što učiniti:
  • Koristite formate nove generacije – WebP ili AVIF umjesto klasičnih JPEG/PNG
  • Svaka slika mora imati ispravno popunjen alt atribut – i na mobilnoj verziji
  • Koristite srcset da poslužujete manje verzije slika na manjim ekranima
  • Aktivirajte lazy loading (loading=”lazy”) na slikama ispod prvog ekrana
  • Za video: Provjerite da videozapisi rade na iOS i Android uređajima. Izbjegavajte formate koji se ne učitavaju nativno u mobilnim preglednicima. Postavite video što je moguće više na stranici – ne skrivajte ga daleko ispod fold linije.

Tehnička pristupačnost i UX

Google formalno mjeri korisničko iskustvo kroz Core Web Vitals metrike. Mobilni UX direktno utječe na rangiranje.

Na što obratiti pažnju:

• Veličina gumba: Minimalna preporučena površina za klik je 48px. Gumbi moraju biti dovoljno veliki da se na njih može kliknuti palcem bez da slučajno aktivirate susjedni element
• Veličina fonta: Minimum 16px za tijelo teksta. Ako korisnik mora zumirati da bi pročitao sadržaj, Google to registrira kao loše iskustvo
• Razmak između elemenata: Linkovi i gumbi ne smiju biti preblizu jedan drugome – Google to označava kao “clickable elements too close together“
• Pop-up prozori: Agresivni skočni prozori koji prekrivaju cijeli ekran odmah po učitavanju strogo su kažnjivi. Google ih naziva intrusive interstitials i automatski snižava rang stranicama koje ih koriste

Brzina učitavanja na mobilnoj mreži

Desktop korisnik je često na brzoj Wi-Fi mreži. Mobilni korisnik je češće na 4G ili slabijoj mreži, ponekad na putu. Brzina koja je “dovoljno dobra” na desktopu, na mobitelu može biti katastrofa.

Konkretni ciljevi:

• LCP (Largest Contentful Paint): ispod 2,5 sekunde – mjeri koliko brzo se učita glavni vizualni element
• FID / INP: ispod 200ms – mjeri koliko brzo stranica reagira na korisnički klik
• CLS (Cumulative Layout Shift): ispod 0,1 – mjeri koliko se elementi “skaču” dok se stranica učitava

Ako ne znate gdje stojite, PageSpeed Insights će vam dati točne rezultate za mobilnu i desktop verziju odvojeno.

Blokirani resursi i robots.txt

Robots.txt je datoteka s uputama za Googleov bot – što smije, a što ne smije indeksirati. Jedna od najčešćih tehničkih pogrešaka je slučajno blokiranje CSS ili JavaScript datoteka.

• Posljedica: Google ne može renderirati vašu stranicu kako treba. Vidi je kao neoblikovan tekst i zaključuje da nije prilagođena mobilnim uređajima – čak i ako jest.
• Rješenje: U Google Search Consoleu koristite alat URL Inspection i kliknite “Test Live URL“. Vidjet ćete točno što Google vidi kada posjeti vašu stranicu – uključujući sve resurse koje ne može učitati.

Dvije tehničke “zamke” koje vas čine nevidljivima

Čak i ako ste sve gore navedeno napravili savršeno, dva propusta mogu potpuno ugasiti vašu vidljivost u pretrazi.

• Zamka 1: Noindex tag koji nitko nije uklonio
  Ovo je klasična pogreška pri lansiranju nove stranice. Razvojna (staging) verzija gotovo uvijek ima noindex tag koji govori Googleu da stranicu ne indeksira. Problem nastaje kada se taj tag zaboravi ukloniti prije objave.
  Rješenje: Nakon svakog lansiranja ili većeg tehničkog zahvata, ručno provjerite izvorni kod ključnih stranica. Tražite taj tag usekciji.
• Zamka 2: Canonical tagovi koji upućuju na krivu verziju
  Ako imate odvojene mobilne i desktop URL-ove (npr. m.vasdomena.hr), canonical tagovi moraju biti ispravno postavljeni. Ako mobilna stranica canonicalzira na desktop, Google može zanemariti mobilnu verziju – upravo onu koju koristi za indeksiranje.
  Rješenje: Responzivni dizajn (jedan URL, jedan kod, prilagođen ekranima) eliminira ovaj problem u potpunosti. Ako imate odvojene verzije, provjerite canonical tagove na svakoj stranici.

Kako provjeriti status svoje stranice – konkretni koraci

Ne morate nagađati. Evo točno gdje i što gledati:

Google Search Console

• Idite na Experience → Page Experience – vidjet ćete koje stranice prolaze ili padaju mobilne provjere
• Core Web Vitals izvještaj pokazuje konkretne URL-ove s lošim rezultatima, grupirane po tipu problema
• URL Inspection → “Test Live URL” → kartica “Screenshot” – vidjet ćete točno što Google vidi

PageSpeed Insights

• Uvijek testirajte mobilnu karticu – ona je relevantna za rangiranje
• Ciljajte zelenu zonu (90+) za Performance
• Svaki problem dolazi s konkretnim prijedlogom za popravak

Lighthouse

• Unesite URL i provjerite javlja li Google specifične greške: “tekst je premali za čitanje”, “elementi za klik su preblizu”, “sadržaj je širi od ekrana”
• Ove greške direktno koreliraju s lošijim rangiranjem

Zaključak: Razmišljajte “Mobile-Only”, a ne samo “Mobile-First”

Google nema dva odvojena indeksa. Postoji samo jedan, ali on se temelji isključivo na mobilnom iskustvu. Desktop verzija je tu za udobnost korisnika koji sjede za računalom. Mobilna verzija je ta koja određuje gdje ćete se nalaziti u pretrazi, koliki će vam promet biti i hoće li vas potencijalni kupci uopće pronaći.

Provjerite svoju mobilnu verziju danas – i to ozbiljno, ne samo vizualno. Otvorite Search Console, pokrenite PageSpeed test, pogledajte što Google zapravo vidi kada posjeti vaš web.

Ako je ono što vidite na mobitelu različito od desktop verzije, ili je isto, ali ne izgleda dobro i ne pruža dobro korisničko iskustvo, to je mogući razlog zašto stranica nije vidljiva u pretraživanju.

Ako trebate stručnu pomoć u otklanjanju svih poteškoća povezanih s niskom pozicijom i rangiranjem na Googleu, kontaktirajte h1 design.