Mobilni SEO, mobile (responsive) site in najpogostejše napake

SEO spletne strani in mobilne strani si je dokaj podoben, pa vendar se v nekaterih pomembnih točkah razlikuje.

Kaj potrebujete za odlično SEO uporabniško izkušnjo vaše mobilne strani?

Dizajn

Dizajn strani in mobilni – responsive design se med seboj razlikujeta, vendar to ne pomeni, da, če imate responsive web design, da je tudi uporabniška izkušnja le tega dobra.

Stran poenostavite, naj vsebuje resnično samo najpomembnejše podatke (ne naredite copy-paste web strani).
Po Google Mobile Playbook  57% uporabnikov pravi, da ne bi priporočilo podjetja s slabo mobilno stranjo, kar 40% pa se jih obrne k vaši konkurenci, če imate slabo mobilno stran.

Vir slike Google Mobile Playbook

Google vsekakor priporoča Responsive design. Zakaj?
Pravijo, da je manj onesnažen (če je narejen enostavno) ter da nima nikakršnega SEO tveganja, prav tako pa ga je lažje implementirat in je kopatibilen tudi z drugumi metodami.

Z responsive designom dosežemo tudi to, da je le ta prilagojen različnim mobilnim napravam kot tudi tablicam.
Velikosti pametnih telefonov se gibljejo nekje od 320 px do 400 px, velikosti tablic pa so nekej od 480 px do 800 px, vendar če jih postavimo vodoravno lahko merijo nekje do 1280 px.

Če vaš proračun ni velik, potem lahko v Google Analytics pogledate katere naprave največkrat uporabljajo vaše stranke.
Google Analytics – Audience – Mobile – Devices – Screen resolution.

Sliki sta uporabljeni iz našega Google Analyticsa.

Povezave

Uporabite lahko tudi drugačen link kot link spletne strani (za mobile naj bo napr; m.ddddd.six za spletno stran pa ddddd.six).

Pri preusmeritvah bodite prav tako pozorni, da se desktop url pravilno pretvori v mobile url.
Napr. dddddd.six/infos naj gre v m.dddddd.si/info in ne v m.dddddd.si

Torej pri tem gre za drugačen pristop grajenja mobilne strani kot pri responsive.
Če se ne morete odločiti ali bi uporabili Responsive, Ločeno mobilno spletno stran ali Dinamično prikazovanje, vam bo morda pomagal sledeč vprašalnik:

Vir slike: https://www.distilled.net/static/images/mobileguide/Flowchart.png

Iskalnik in navigacija strani

Uporabite veliki iskalnik (saj je mali web iskalnik zelo zoprn za telefone), ki naj se nahaja desno zgoraj.

Uporabite enostavni meni strani – navigacijo, naj uporabnik takoj vidi tisto kar išče.
Nap. če prodajate domene in gostovanja, naj bo to uporabniko “pred nosom”.
Kategorije, podkategorije naj bodo prilagojene za t.i. “debele prste”.

Navigacija strani (nasveti):

• ime podjetja naj se nahaja vedno zgoraj, pomeknjeno levo, sredino (če nimate desne vrstice)
• iskalnik naj se nahaja vedno zgoraj desno
• pod imenom ali nad imeno podjetja naj bo vedno naslov, telefonska številka, delovni čas, email
• levo ali srednisko (če nimate dense vrstice) naj se nahajajo glavne kategorije (na desni strani lahko uporabite manj pomembne kategorije, če jih morate)
• levo ali na sredini (če nimate desne vrstice) od glavne kategorije naj se nahaja besedilo
• lahko pa naredite srednisko postavitev kategorije in ko uporabnik nanjo klikne se mu pod kategorijo prikaže podkategorijo ali/in besedilo
• če uporabljate benerje naj se te nahajajo pod glavnimi kategorijami ali pod imenom podjetja

Seveda je navigacija strani in oblika odvisna le od vas, vendar predlagamo naj bo čim bolj enostavna in pregledna.

Za boljšo konverzijo

Za boljšo konverzijo takoj na začetku ponudite vaše storitve (povezano z navigacijo strani). Po Google Mobile Paybooku (spodnja slika) je kar 20% prodaje izgubljenje, ker uporabniki ne najdejo produkta zaradi katerega so zajadrali na vašo stran.
Uporabite velike gumbe z t.i. “call to action” in enostaven naročniški proces z dovolj velikimi polji, da uporabnik ne bo imel problema s pisanjem ali klikanjem.

Prav tako, pa naj bodo fonti prilagojeni, saj je za SEO najboljše, da uporabnik ne rabi uporabiti zooma (povečave).
Torej besedilo naj bo dovolj veliko, da bo takoj vidno.

Kje lahko preverite kakšno uporabniško izkušnjo nudi vaša stran:
https://developers.google.com/speed/pagespeed/insights/

Informacija in lokacija

Na vidno mesto postavite vašo telefonsko številko, naslov in delovni čas (tega uporabniki največkrat iščejo). Po Google Mobile Playbook (spodnja slika) raziskavi kar 94% uporabnikov pametnih telefonov išče lokacijo.
Zanjo lahko uporabite Google Maps za takojšno navigacijo do vaše trgovine.

Telefonska številka naj bo narejena tako, da nanjo uporabik lahko klikne in s tem tudi opravi klic – t.i. Click to Call (po raziskavi Google Mobile Playbook kar 48% mobilinih uporabnikov išče telefonsko številko in jo tudi pokliče, samo 29% pa opravi takojšen nakup).

Slike, video, animacije ter hitrost 

Optimizirajte slike na prave velikosti in uporabite čim manj flasha, saj imata ti dve strani pomembno vlogo pri hitrosti mobilne strani.
Slike naj bodo čiste in naj prikazujejo izdelek.
Za animacije uporabite HTML5.
Uporabite video embed, ki je kompatibilen z vsemi napravami.

Google je v svoj algoritem rangiranja strani uvrstil tudi hitrost spletne strani.
Počasna stran pomeni, da robotek lahko preišče manj spletne strani, kot mu je bilo dodeljeno in s tem se poveča negativni efekt, ki vpliva na indeksacijo.
Poleg tega pa ima počasnejša spletna stran slabši t.i. user experience, kar se kaže tudi v konverziji.

Kje lahko preverite kako hitra je vaša stran na različnih napravah:
https://developers.google.com/speed/pagespeed/insights/
ob analizi so vam na voljo tudi rešitve za hitrejšo stran.

Vsebina in naslovi

Optimizirajte svojo vsebino tako, da bo natančna, kratka in relevantna za uporabnika.
Če je vaš namen prodaja določenega izdelka, naj bo dolgotvezenja čim manj.

Napolnite vsebino z relevantnimi ključnimi besedami
(uporabite Google Keyword Tool – Keyword Planner – https://support.google.com/adwords/answer/2999770).

Za mobilne naprave prijazni Meta Tagi; Za vsebino je priporočljivo, da se uporabi nekje največ 90 znakov, medtem ko naslov naj ne vsebuje več kot 40 znakov.

Najpogostejše napake

Ne glede na to ali uporabite responsive ali drugi url za mobilno stran je za SEO najbolj pomembno to, da je stran pregledna in “easy-to-use”.
Najpogostejše napake, ki se pojavljajo pri mobilnih straneh so:

• uporaba flasha.
• nepomembne strani in informacije.
• uporaba pop-upov.
• blokiranje JavaScript, CSS in Image files. Dovolite Googlebotu, da dostopi do vaše Jvae, CSSja in Image file, saj ga bo le tako lahko videl kot uporabnik. Brez tega lahko vaša pozicija pade.
• če video ali animacija ne delujeta je ne imeti na strani.
• nepravilne preusmeritve urljev.
• premajhne črke, kategorije in nakupni proces (tako da je potrebno uporabiti zoom).
• neizpostavljenost kontakta, telefonske in naslova.
• neuporaba iskalnika ali napačno postavljen iskalnik strani.

Viri in članki v katerih izveste še več podrobnosti:

• https://developers.google.com/webmasters/mobile-sites/mobile-seo/
• https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/slow-mobile-pages
• http://searchengineland.com/infographic-mobile-seo-tips-217912
• http://www.themobileplaybook.com/en-us/#/chapter4_2
• http://moz.com/learn/seo/page-speed
• http://moz.com/learn/seo/mobile-optimization
• http://www.clickz.com/clickz/column/2367531/a-beginner-s-guide-to-mobile-seo
• http://www.feedthebot.com/mobile/
• https://www.distilled.net/training/mobile-seo-guide/