Vodič za mobile SEO
Kao što već znate upotreba mobilnih uređaja postala je deo našeg svakodnevnog života. Sa njih pretražujemo i kupujemo, pomoću njih komuniciramo sa drugima, naš život ne može da se zamisli bez mobilnog telefona.
Danas najlakše dolazimo do informacija zahvaljujući našim mobilnim uređajima. Ako imamo neko pitanje na koje ne znamo odgovor, uzećemo mobilni u ruke, otvoriti pretraživač I pretražiti Gugl za brzim odgovorom.
Guglovo istraživanje je pokazalo da većina mobilnih pretraživanja dovodi do kupovine – to znači da korisnici koji pretražuju preko mobilnih telefona će radije obaviti kupovinu nego korisnici koji pretražuju preko desktop računara.
E sad, od pre nekoliko meseci, recimo godinu dana, Gugl je prebacio fokus indeksiranja prvo na mobilnu verziju sajta pa tek na desktop verziju.
Pre toga situacija je bila kada pretražujete nešto sa mobilnog telefona , svi rezultati su bili sa Gugl indeksa ali verzije za dekstop sajtove.
Danas totalno drugačija situacija. Sve ide ka Gugl mobilnim rezultatima pretrage.
U prevodu, mobile SEO (mobilni SEO) je postao potreba, i to preka potreba da bi se naši sajtovi našli među prvima na Gugl rezultatima pretrage za mobilne (Google mobile index).
Ideja koju imam jeste da prikažem aspekte mobile SEO u odnosu na desktop SEO: od sadržaja, UX-a (user experience = korisničko iskustvo), tehničkih dodataka i brzine sajta.
MOBILE SEO VS. DESKTOP SEO: SLIČNOSTI I RAZLIKE
Obe optimizacije imaju slične pristupe, čak su i ciljevi obično isti.
Sadržaj je uglavnom glavni fokus za oba tipa optimizacije – jer ukoliko nemaš relevantan i dobro napisan sadržaj za date ključne reči, džabe trud za datu ključnu reč.
UX (korisničko iskustvo) je takođe važna stavka u oba SEO slučaja – potrebno je osigurati da korisnici mogu lako da navigiraju kroz sadržaj i da lako nađu ono što traže kod vas.
Pored ovoga, performanse sajta su takođe bitan deo fokusa – zašto? Zato što niko neće kupiti sa vašeg sajta ako se on otvara jako sporo.
Kada je u pitanju SEO za desktop uređaje, mi se obično fokusiramo na web prikaz za generalnu publiku.
Optimizujemo postove i stranice za određene ključne reči, ali bez geografskog fokusa.
Mobile SEO (mobilni SEO) se uglavnom fokusira na lokalnu pretragu. Zašto? Zato što su mobilne pretrage nasleđivale lokaciju korisnika pa samim tim prikazivale ono što je bitno korisniku na lokalu.
ODGOVARAJUĆI (RESPONSIVE) SAJT & SADRŽAJ
O tome šta je responsive sajt do sada bi trebali da znate, ali da ponovimo onda još ovaj put.
Responsive sajt je sajt koji može da prilagodi svoj izgled bilo kom uređaju, bez da odstupa od svog koncepta.
Google preporučuje responsive sajt i ako nemate takav sajt, vreme je da ga napravite. Odavno su počeli penali za sajtove koji nisu responsive.
Što se tiče sadržaja, većina ne razmišlja o konceptu za mobilni prikaz nego sve radi za desktop verziju. Zašto? Navika koja treba da se promeni.
Ovo je jedna od stvari o kojoj sam počeo da razmišljam često i da savetujem druge da razmišljaju u tom pravcu. Uvek treba da uzmete uobzir kako će vas sadržaj za sajt izgledati na mobilnom telefonu.
Ukoliko vas interesuje koji je to broj poseta sa mobilnih telefona, proverite vašu Google Analitiku. Postoji znatan porast u posetama koje dolaze sa mobilnih telefona. Mislim da je procenat negde iznad 75%.
Pošto je za poznavanje responsive design koncepta potrebno malo znanja iz CSS i HTML-a, moj savet vam je da se ne uplićete u to previše nego da unajmite nekog ko to već radi i da ceo proces prepustite profesionalcima.
TEHNIČKI ASPEKTI MOBILE SEO
Kada radite optimizaciju SEO elemenata na stranici, počinjete sa osnovnim elementima kao što su Naziv stranice (title tag), H1 headings, sadržaj, fotografije i ALT tag, URL-ove i meta opise, kao da radite klasičan SEO za vaš desktop sajt.
Kada pravim sajt, obavezno odradim taj deo, bez obzira da li je klijent tražio optimizaciju ili ne. Po meni, dobra praksa treba da se poštuje jer će svakako doneti neki početni rezultat.
E sad, što se tiče Mobile SEO dela, obratite posebnu pažnju na naziv stranice i meta opis. Zašto? Zato što na mobilnoj pretrazi ti isti podaci se ne prikazuju kao za desktop. Nazivi stranica i opisi su mnogo kraći.
Bitno je da iskoristite ovo i da te potrebne informacije prilagodite za mobilnu pretragu.
Jedna od bitnih tehničkih stavki jeste da ne blokirate CSS niti JavaScript. Ranije je to bila opcija, sa starijim uređajima, ali to danas nije situacija. Gugl botovi treba da vide sajt kako ga vide i ljudi, te opcija za blokiranjem tih resursa otpada. Zašto je ovo bitno da znate? Ukoliko su ti resursi blokirani Gugl neće moći da vidi kako zaista izgleda stranica na kojoj se nalaze botovi i imaćete problem sa vidljivošću sajta sa tehničke strane.
Ono što je mene najviše izluđivalo jeste kada klijent traži da se ubace neka popup rešenja da bi animirao buduće korisnike koji dolaze na sajt. Sa jedne strane, to je okey ako želite da pokupite npr. email ili broj telefona, posle za kampanje. Ali generalno ta popup rešenja su veoma iritantna i ako naiđem na sajt koji ih ima ja taj sajt često i preskočim.
Mislim da to i korisnici obično rade, kada vide takva rešenja na sajtovima koje posećuju. Bilo da je u pitanju prikaz sa mobilnog ili desktopa.
Sledeća bitna stvar je schema markup. Ovo sam počeo da primenjujem u poslednjih godinu dana zbog silnih promena u Gugl algoritmima, bacajući fokus na lokalnu pretragu. Sa bogatim snipetima (rich snippets) u pretrazi imate šanse da se izdvojite u gomili rezultata, ako uspete da ih setujete kako treba.
I poslednja stavka, nikad ali nikad ne koristite Flash na sajtu. Odavno je već blokiran na većini browsera, I ako baš imate potrebu za nekim posebnim efektima koristite HTML5. On može da vam zameni u potpunosti Flash tehnologiju.
KORISNIČKO ISKUSTVO (UX)
Po meni najbitnija stavka kada je u pitanju Mobile SEO.
Jedan od glavnih UX problema na mobilnim jeste veličina klika, tj. prostora gde postoji dugme za akciju (button).
Ovaj problem često prijavi Gugl Konzola (Google Search Console) ako nije dobro podešeno. Dešavalo se na sajtovima koji su ručno kodirani (custom made) kao i oni koji koriste WP kao pozadinu.
Ovom problemu moramo posebno da se posvetimo, jer ako je dugme za navigaciju klikabilno, moramo da napravimo dovoljno velik prostor za korišćenje prsta na tom dugmetu.
Korisnici su takođe frustirani ako su dva dugmeta za akciju blizu, pa ne mogu da pogode onaj koji hoće. Njih će ovo da odbije sa sajta pa će preskočiti kupovinu ako je u pitanju online prodaja.
Počeo sam u poslednjih godinu dana da vodim brigu o brojevima telefona koji su klikabilni sa mobilnih uređaja, pa je i to preporuka da se uradi kako treba. Pravilno postavljen kod za broj telefona da može korisnik direktno da pozove sa sajta.
Najmanje brige sam vodio oko navigacije jer sam se uvek trudio da ona bude jednostavna i pregledna, i sa desktopa i sa mobilnih uređaja.
Sledeći od problema koji je mučio korisnike jesu forme na sajtu. Mogu da kažem da su zaista pravile problem. Ukoliko niste setovali da forme budu responsive imali ste problem. Kad radite ručno prilagođen sajt onda se to podrazumeva, međutim kod CMS platformi to nije slučaj. Obični svi dodaci u vidu formi koriste neki od CSS biblioteka za responsive design pa je sa tim rešen problem prilagođavanja formi na različitim uređajima. Takođe, veličina polja u formi je bitna da bi korisnik mogao normalno da unosi vrednosti. Međutim, postoji još jedan manji problem kada su upitanju forme a to je vrsta tastature koja je podešena za formu, tj. kako su definisana polja u samoj formi (npr. kako se piše broj telefona i slično).
I kao poslednju stavku i prepreku za loše korisničko iskustvo su fotografije velikih formata koje se na mobilnom jako sporo očitavaju. Potrebno je dodatno optimizovati fotografije i servirati ih različite u odnosu na veličinu ekrana samog uređaja. Npr. ako imate neki slajder, servirajte specifičan set fotografija prilagođen mobilnom prikazu za taj slajder.
BRZINA MOBILNOG SAJTA
Brzina sajta je jedna od stavki koju Gugl koristi kao faktor za rangiranje a pošto Gugl koristi određeni algoritam, mi znamo da je brzina učitavanja sajta na mobilnom veoma bitna.
Sajtovi koji su ekstremno veoma spori su penalizovani od strane Gugla i ako se oni poprave u brzini očitavanja, to im neće pomoći da se rankgiraju bolje.
Može im pomoći samo u dobijanju novih korisnika zahvaljući pristupačnosti i brzini očitavanja sajta.
O ovoj temi nisam pisao ranije, ali sam u poslednjih 2-3 godine jako puno eksperimentisao sa nekim „mobilnim“ rešenjima kao što su AMP, Progresivna aplikacija (PWA) i sl.
Za sada bih samo izdvojio nekoliko stvari koje bi pomogle u vezi sa brzinom učitavanja sajta:
- Prva stavka je kvalitetno hosting rešenje. Dobri i brzi serveri mogu zaista da naprave razliku kada je u pitanju brzina očitavanja stranica sajta.
- Budite pažljivi sa pluginovima koje koristite na sajtu zato što oni mogu da naškode performansama sajta. Testirajte sve i odlučite koji su vam pluginovi neophodni.
- Zatim obratite pažnju šta prvo pokazujete korisniku i da li renderujete dodatno neke stvari na sajtu.
- Optimizacija fotografija pre nego što ih postavite na sajt.
- Budite oprezni sa redirekcijama. Previše redirekcija može da uspori sajt.
- Imate opciju da optimizujete sam kod sajta i da ga na kraju minifikujete.
- Koristite keširanja sajta – ili kroz pluginove ili kroz podešavanje servera na kom se nalazi sajt.
- Takođe, možete koristiti i CDN kao opciju za serviranje vašeg sadržaja (fotografije, dokumenti i sl.)
AMP & DODATNE APLIKACIJE
Kao što sam i spomenuo ranije, AMP i PWA su dodatna rešenja za mobilne prikaze sa kojima dolazi do bržeg prikazivanja sadržaja za korisnike.
AMP iliti Accelarated Mobile Pages predstavljaju Guglov proizvod koji dozvoljava da se specijalnim kodiranjem sajt „oslobodi“ suvišnog koda i samim tim ubrza otvaranje istog.
Jedina mana AMP rešenja jeste da su sajtovi koji su rađeni tom tehnikom za mobilni prikaz indeksirani i skladišteni na Guglovim serverima a samim tim uskraćeni za podatke iz analitike.
AMP koriste sajtovi koji su pretežno iz novinske industrije, što i možete videti na pretrazi za tu nišu i u delu gde Android sistem izbacuje vesti sa Gugla.
Ako tražite neko drugo rešenje za mobilni prikaz, za brzo prikazivanje, za novo korisničko iskustvo aplikacije su onda opcija za vas.
Native aplikacije vam dozvoljavaju da uradite neke stvari koje nisu moguće na sajtu. Ono što vidim kao nedostatak i možda kao prepreku, korisnik mora da skine aplikaciju da bi je koristio.
Progresivna web aplikacija iliti PWA daje najbolje od oba sveta. U pitanju je hibridna aplikacija između mobilnog sajta i klasične aplikacije. Nju direktno skinete sa vašeg browsera, bez opcije da morate da se prijavite na neku od postojećih online prodavnica za aplikacije.
AMP sajtovi su dobri ukoliko imate samo da plasirate razni sadržaj i želite da to bude instantno ka krajnjem korisniku. Međutim, nisam imao previše prilika da testiram PWA ali mogu da kažem da su ovo dobra rešenja za određene biznise.
Istražite šta bi bilo najbolje za vašeg klijenta ili za vas pa to implementirajte. Iz iskustva AMP jeste dobro rešenje, ali postoje određena doza uzdržanosti kada je ova tehnologija u pitanju.
Jedan od pluginova za AMP koji sam koristio postoji u free opciji kao i u plaćenoj. U plaćenoj imate jako puno dodataka za AMP, kao što su razne kontakt forme, popup rešenja, pa čak i kombinacija sa PWA u sklopu sistema.
Odaberete vaš AMP plugin po želji i krenete u implementaciju.
OPTIMIZACIJA ZA LOKAL – MOBILE SEO
Kao što to obično biva na kraju, prelazim na lokalnu pretragu i na njenu optimizaciju.
Gugl zna kada pretražujete sa mobilnog uređaja, i sve što tražite pokazaće vam na nivou lokalnog biznisa i lokalne pretrage.
Guglova studija pokazuje da 76% korisnika koji su pretraživali nešto u blizini posetili određeni biznis u roku od 24h od date pretrage.
Još bolje, 28% od tih koji su posetili završeni su kupovinom. I sve to zahvaljujući lokalnom SEO i njegovim rezultatima.
Da bi vi imali ovakav rezultat, morati da radite na vašem sadržaju, morate ga lokalizovati. Sadržaj mora da referencira lokalnu oblast, a pored toga morate da uključite određene informacije u vaš sadržaj, kao što je ime grada.
Pošto kreirate sadržaj, bitno je napomenuti da ime grada ne mora da bude u svakoj rečenici, nego da ga povremeno pomenete. Takođe je korisno da pišete lokalno fokusirane tekstove na blogu – pružajući specifične informacije o lokalnoj oblasti.
Pored ovoga, NAP informacije moraju biti prikazane na svakoj od stranica. NAP predstavlja ime, adresu i broj telefona. Potrudite se da broj telefona bude klikabilan. Ovo sam spominjao gore u tekstu.
NAP sam koristio u kombinaciji sa Lokalnom biznis šemom (Local Business schema) – vrsta koda koja pokazuje Guglu da je u pitanju lokalni biznis. Postoji nekoliko pluginova za WordPress koji mogu da se iskoriste za schema podatke. Npr. ja sam često koristio plugin ekipe koja je pravila AMP plugin za WordPress. Taj plugin se zove Schema & Structured Data for WP & AMP.
Jedan od poslednjih koraka jeste planiranje “drugačije” link building strategije. Tu bi cilj bio da se počne targetiranje linkova sa lokalnih biznisa. Guglov lokalni algoritam vrednuje linkove od lokalnih biznisa, iako su njihove metrike autoriteta niže od onoga što smo navikli da vidimo.
Na kraju mogu samo da spomenem da korišćenje i Gugl Biznis profila (Google My Business profile) donosi direktnu vezu sa Guglom, ali je potrebno da bude podešen I optimizovan sa svim potrebnim podacima za lokalnu pretragu.
Naravno, kad ovo sve odradite pozabavite se I malo menadžmentom reputacije. Šta to u prevodu znači? Online ocenjivanje iliti online reviews igraju veliku ulogu u lokalnom algoritmu I potrebno je I ovome dati malo pažnje.
Na kraju, sve ovo što sam naveo kao detalji Mobilne SEO su pod „must“ (moranje) da bi imalo efekta na kompletnu optimizaciju, a sa osvrtom na lokalne rezultate pretrage.
Ako vas bude više interesovao ovaj vodič za mobile SEO, javite se za konsultacije, da zajedno rešimo vaš problem.
