Dobar dan, dragi čitatelji bloga! Danas ću vam reći o poteškoćama s kojima se susreću mnogi webmasteri. Sigurno su mnogi od vas naišli na tu poruku Google SERP, koji je rekao da stranica stranice nije optimizirana za Mobilni uredaji... Klikom na poveznicu provjeravate kompatibilnost s Mobilni uredaji i dobivate 2 pogreške prikaza: sadržaj je širi od zaslona i interaktivni elementi se prebrzo postavljaju. Danas ću vam reći kako riješiti ovaj problem.
Google SERP nije optimizirana stranica
Optimizacija zasebne stranice za kompatibilnost s mobilnim uređajima
Problem je što se na mnogim stranicama pojavljuje sadržaj širi od zaslona. Najteže je što se ovaj problem pojavljuje čak i ako jeste responzivni predložak web-mjestu ili napravio zasebnu mobilnu verziju. Pokušao sam riješiti stvaranje zasebne mobilne verzije ovo pitanje, međutim, sve se pokazalo puno jednostavnijim. Malo o drugim pokušajima rješavanja ovog problema:
- Instalirao sam dodatak za kompresiju slika i medija za razne uređaje
- izradio zasebnu mobilnu verziju stranice
- promijenio postavke predmemorije za stranicu
- komprimirao CSS stranice i promijenio postavke prikaza
Ako čitate o rješavanju ovog problema na Internetu, tada možete pronaći mnoga rješenja koja neće donijeti prave rezultate. Za rješavanje problema dovoljno je riješiti samo jedno odstupanje. Nema potrebe za uređivanjem CSS koda i PHP promjene kod web mjesta. Moja metoda je prikladna ne samo za wordpress stranicu, već i za druge administratorske ploče na kojima je otvorena postavka veličine medijske datoteke. Čini mi se da većina pogrešaka nastaje zbog činjenice da Google prijavljuje pogrešnu lokaciju interaktivnih elemenata stranice. Webmasteri se fokusiraju upravo na rješavanje ovog problema, međutim, gubeći puno vremena na to dati problem sekundarni – slijedi upravo zbog šireg sadržaja.
Sadržaj širi od zaslona primarni je razlog zašto Google polaže pravo na stranicu na web-lokaciji. Ako je stranica optimizirana za mobilne uređaje, onda se tvrdnje pojavljuju upravo na određene stranice, a ne cijeli web resurs. Kako bi se eliminiralo dati razlog, potrebno je provjeriti sve prikazane elemente na stranici. Google u pravilu ima pritužbe na slike koje su šire od 600 piksela (nažalost, u Google priručniku nisam našao točne parametre). Prva stvar koju trebate učiniti je promijeniti veličinu svojih medijskih datoteka na 500px (što je veličina koju koristim za svoje web stranice).
Pošaljite poruku da je vaš sadržaj širi od zaslona
Drugi uzrok problema je sadržaj širi od ekrana – širina grafički elementi premašuje instalirao google dimenzije za mobilne uređaje. To mogu biti klizači, zaglavlje stranice ili pozadinske slike... Upravo je problem širokog šešira (unatoč adaptivni dizajn) bio je razlog za nemobilnu optimizaciju od strane Google parametara na jednoj od mojih stranica. Nakon zamjene zaglavlja, stranica je postala potpuno optimizirana za mobilne uređaje.
Kako optimizirati svoju stranicu za mobilne uređaje na Googleu
Kako bi se stranica optimizirala za mobilne uređaje i otklonio problem širokog sadržaja, potrebno je izvršiti radnje prema sljedećem algoritmu:
- Odaberimo sve moguće medijske datoteke na stranici, počevši od Oznaka za glavu i završava s podnožjem.
- Zapišimo veličine svake medijske datoteke
- Neka je svaka medijska datoteka manja od 600px
Nakon što dovršite ove jednostavne korake, možete provjeriti stranicu u alatu za optimizaciju za mobilne uređaje. Kao što vidite, promjena interaktivnih elemenata može biti potrebna samo u rijetkim slučajevima. Nadam se da vam je moj članak bio koristan i da ste uspjeli riješiti problem sadržaja šireg od ekrana. Ako tijekom odluke imate dodatni problemi, svakako napišite o njima u komentarima, pokušat ćemo to shvatiti.
Provjerite sami, radite li sve za visoke rangove u mobilnom SERP-u?
Sadržaj članka:
-
-
-
-
-
-
- 1. Specifičnost mobilne optimizacije
Mobilna optimizacija ima svoje karakteristike i poteškoće, u tome što je praktičnost i jednostavnost interakcije korisnika sa web-stranicom najviše važan pokazatelj kvaliteta mobilne stranice. Osim toga, rezultati mobilnog pretraživanja su lokalizirani, odnosno vezani za lokaciju korisnika, tj mobilni promet, često se radi o regionalnom prometu. Također donekle komplicira mobilnu optimizaciju, trenutak u kojem je učestalost zahtjeva mobilno pretraživanje razlikuje se od frekvencije u redovita pretraga i stoga se statistika zahtjeva za mobilno pretraživanje mora prikupljati zasebno semantička jezgra mobilna verzija stranica će biti drugačija. Usput, učestalost zahtjeva u rezultatima mobilnog pretraživanja možete provjeriti pomoću Yandex.Wordstata. I možete analizirati popis zahtjeva u rezultatima mobilnog pretraživanja za koje se vaša stranica prikazuje u rezultatima mobilnog pretraživanja koristeći google Webmaster Tools i Google Analytics. Kako provjeriti mobilnost stranice?
Provjerite upotrebljivost web-mjesta za mobilnih korisnika možete koristiti sljedeće alate:
- Glavni alat je Uvid u brzinu stranice- ne samo da provjerava lojalnost stranice mobilnim korisnicima, već daje i preporuke za ubrzanje i optimizaciju stranice za mobilne uređaje.
- - s ovim alatom možete vidjeti kako mobilna tražilica robot google sustavi vidi vašu stranicu.
- - internu uslugu tražilice koja provjerava koliko vaša stranica ispunjava zahtjeve za mobilnost.
- Test MySite- vanjska usluga, lijepo i vizualno provjerava prilagođeno mobilnim uređajima, mobilna brzina stranice i brzinu preuzimanja na stolnim uređajima.
- W3 mobile checker je alat za web programere koji žele poboljšati svoje web stranice ili web aplikacije na mobilnim uređajima. Dok se dovršava.
- Promjena veličine - interaktivni program view, koji dizajnerima pomaže testirati sadržaj web-mjesta za stolna računala, mobitel i tablet
- Quirktools- usluga za pregled stranice na različitih uređaja: mobiteli, tableti, računala pa čak i televizori.
- Provjera mobilnih stranica u Yandex.Webmasteru - također provjerava lojalnost stranice mobilnim korisnicima
3. Koje su značajke različitih metoda mobilne optimizacije?
- mobilna verzija- kada se promijene i URL i kod. Poslužitelj određuje vrstu uređaja, a zatim preusmjerava na željenu stranicu- m.site.com (za pametne telefone), t.site.com (za tablete), phone.site.com - za jednostavnije telefone. Za različiti tipovi koriste se uređaji različite varijante koda i različitih URL-ova stranica. Prednosti: lako je napraviti promjene u alternativnoj mobilnoj verziji bez utjecaja na glavnu stranicu; jednostavnost i praktičnost za korisnike, brzo učitavanje. minusi: različito od glavnog URL-a, postoji mogućnost dupliranja sadržaja i 404 pogreške, pojednostavljenje funkcionalnosti dovodi do ograničenja željeni sadržaj.
- Dinamički zaslon (RESS - Responsive Design + Server Side)- jedan URL, drugačija šifra za različite korisničke agente. Poslužitelj šalje odgovor na zahtjev određeni url različite opcije HTML i CSS kod. Koji kod poslati određuje se skeniranjem robot za pretraživanje, hostirano Vary HTTP zaglavlje, koje pomaže pri odabiru samog sadržaja na web-mjestu koji je optimiziran za mobilne uređaje. Prednosti: nepotreban JavaScript se može ukloniti iz HTML-a; možete prilagoditi svoj izgled i svoje aplikacije za svaki uređaj. minusi: teško razviti i nije u potpunosti razrađena definicija vrsta mobilnih uređaja.
- Prilagodljivi dizajn- kada se URL i kod ne mijenjaju. Poslužitelj svim uređajima, i mobilnim i stolnim uređajima, šalje isti HTML kod, koji se prilagođava ovisno o veličini zaslona koristeći CSS... U tom slučaju morate biti sigurni da je potrebno CSS datoteke, JavaScript i slike. Prednosti: relativno lako razviti i URL se ne mijenja. minusi: spora brzina preuzimanja i bez alternative.
4. Što tražilice kažu o metodama optimizacije mobilnih stranica?
GOOGLE: Uputa kaže da sustav ne daje prednost niti jednoj vrsti prilagodbe, ali ipak ističe adaptivni dizajn prema preporuci, iako je na prvi pogled u TOP5 mobu. rezultati 3 od 5 - web-mjesta s mobilnom verzijom, međutim, ovo je jedno promatranje koje se samo događa i ne tvrdi.
V YANDEX Vladivostok mobilni algoritam za rangiranje pretraživanja određuje sve vrste optimizacije - adaptivni dizajn, mobilnu verziju i RESS. Kao i Google, Yandex prepušta izbor webmasterima, koji sami moraju odabrati metodu optimizacije. No, istodobno izvještava da postoji stalna tendencija smanjenja broja mobilnih verzija i povećanja broja stranica s responzivnim dizajnom i RESS-om u Runetu. Stoga, kako biste odabrali prikladnu metodu optimizacije za sebe, preporuča se točno odrediti koje zadatke korisnik treba obavljati koristeći svoj mobilni uređaj na vašoj web stranici. Razmišljanja zajedno s Googleom i rasprava u Klubu o Yandex pretraživanju pomoći će u detaljnoj usporedbi svih prednosti i nedostataka različiti putevi implementaciju mobilnih verzija stranica i odaberite onu koja najbolje odgovara vašoj web stranici i poslovanju. 5. Kako pravilno optimizirati stranicu za mobilne uređaje?
<1>
Brzina učitavanja stranica važnija je za mobilne korisnike nego za korisnike stolnih računala. Ne smije biti dulje od 3 sekunde, međutim, stranice iz rezultata mobilnog pretraživanja na korisnikovom uređaju učitavaju se u prosjeku čak 22 sekunde. Da biste razumjeli kako možete olakšati i komprimirati svoju web stranicu, upotrijebite uslugu Uvid u brzinu stranice- u njemu ćete naći detaljne preporuke kako biste ubrzali svoju web-lokaciju za mobilne uređaje. Naime, kompresija ili uklanjanje u zasebno JavaScript datoteka i CSS, parser daje njihov detaljan popis. Nemojte zaboraviti da možete koristiti asinkrono učitavanje skripte kako korisnici ne bi gubili vrijeme ili napustili vašu stranicu dok se skripte učitavaju u pozadini.
<2> JavaScript, CSS i slike ne mogu se blokirati. Provjerite bravu, možete Google pretraživanje Konzola ispod Google indeks>> Blokirani resursi. Blokiranje JavaScripta, CSS i slike mogu dovesti do niskog rangiranja u rezultatima mobilnog pretraživanja.
<3> Na stranicama koje se prikazuju mobilnim surferima ne bi trebalo biti "greške 404". Događa se da se stranica može normalno prikazati na stolnim računalima, ali daje "grešku 404" na pametnim telefonima, na primjer, ili na tabletima. Pogreške možete provjeriti pomoću Xenu, ScreamingFrog ili Google Search Console Za više informacija pogledajte Skeniranje >> Pogreške skeniranja.
<4> Ako imate mobilnu verziju, kako se sadržaj glavne i mobilne verzije ne bi duplicirao, morate ispravno konfigurirati njihovo indeksiranje. Ako mobilna verzija na poddomeni uđe u redovne rezultate tražilice, tada ne morate kreirati zaseban robots.txt i naznačiti: User-agent: * Disallow: / Bolje je registrirati sljedeći kod na stranicama m .site.com/page-1 - i na stranicama glavne stranice a tražilica će razumjeti koji je URL glavni.
<5> Za mobilne verzije stranica web-mjesta morate ispravno konfigurirati preusmjeravanje za svaku od njih, budući da će preusmjeravanje, na primjer, na glavnu stranicu tražilice smatrati pogreškom. Međutim, na mobilne stranice ah, ne bi trebalo biti više od 5 preusmjeravanja, jer se vjeruje da ih nakon petog preusmjeravanja tražilice ne indeksiraju.
<6> Ako mobilna verzija web-mjesta ima animaciju u Flash formatu ili video s vlasničkim playerom, tada ih morate zamijeniti HTML5 oznakama, jer ovu metodu podržavaju svi preglednici. Na primjer, možete izraditi ovakvu animaciju pomoću Google Web Designer.
Umjesto zaključka
Mobilna optimizacija je i lakša i teža od obične optimizacije web stranice. S jedne strane, web-mjesto za mobilne uređaje treba pojednostaviti, učiniti ga što je moguće jednostavnijim, lakšim, brzim i preciznijim. S druge strane, nije to tako lako učiniti. Slično je japanskom slikarstvu koje, koristeći najtočnije linije, stvara jedinstvenu, impresivnu sliku. Isto tako, stranica koja se korisniku prikazuje u rezultatima mobilnog pretraživanja trebala bi biti jednostavna, ali svijetla, sažeta, ali prilagođena potrebne informacije, brzo, ali jasno.Međutim, uzimajući u obzir sve gore opisane nijanse optimizacije za mobilne uređaje, ne samo da možete ostvariti zasluženi mobilni promet, već ga i unovčiti u budućnosti, istovremeno povećavajući konverziju svoje mobilne stranice, čime se povećava povrat poslovanja . Ali o tome pročitajte u jednom od naših sljedećih članaka.
Veselimo se vašim komentarima o tome koju opciju mobilne optimizacije ste odabrali za sebe. Jer ako dijelite iskustvo, ono se umnožava!
Ažuriranje je objavljeno u travnju 2015 algoritam pretraživanja Google pod neslužbenim imenom "Mobilegeddon", a u veljači 2016. Yandex je najavio rad sličnog algoritma pod nazivom "Vladivostok". Njihova je bit slična - u mobilnom pretraživanju prednost se daje onim stranicama koje su prilagođene za gledanje na mobilnim uređajima. To znači da se mobilna prilagodba više ne može zanemariti.
I ne radi se samo o zahtjevima tražilice... Globalni mobilni promet sustigao je promet s računala još početkom 2014. A danas oko 67% prometa na ruskom Internetu čine mobilni uređaji. Uzimajući u obzir potrebe naših čitatelja, radimo na mobilizaciji bloga. Vrlo brzo ćete vidjeti naš ažurirani resurs, koji će biti vrlo prikladan za čitanje na raznim uređajima.
1. Analizirajte svoju ciljanu publiku
Prije nego započnete mobilnu optimizaciju, analizirajte svoju ciljanu publiku u sljedećim područjima (na primjer, korištenjem standardnih Metrica izvješća):
- demografija (spol i dob);
- geografija (iz kojih regija najviše prijelaza);
- uređaji (koji su uređaji najpopularniji među vašim posjetiteljima - stolna računala, Mobiteli ili tablete);
- operativni sustav (Android, iOS, Windows Phone, Windows 7 itd.);
- ponašanje na stranici (dubina pregledavanja, vrijeme na stranici, odbijanja, itd.).
Poznavanje profila ciljanu publiku, moći ćete prilagoditi dizajn i sadržaj potrebama svojih posjetitelja.
2. Prilagodite predložak za gledanje na mobilnim uređajima
U principu su 3 različiti pristupi Do mobilna adaptacija- svi su opisani u Google dokumentaciji za razvojne programere. Svaki od njih ima svoje prednosti i nedostatke.
mobilna verzija
U ovom slučaju bit će 2 web-mjesta: stolna i mobilna. Mobilna verzija se nalazi na novoj domeni (poput m.site.ru).
Prednosti:
- dizajn stranice potpuno je izoštren za mobilne uređaje, nema potrebe tražiti kompromis;
- webmasteri imaju mogućnost optimiziranja sadržaja u skladu sa specifičnostima gledanja na mobitelu;
- možete mijenjati web stranice neovisno jedna o drugoj;
- lakše postići velika brzina Preuzimanja.
Nedostaci:
- potreba za potpunom administracijom nove stranice;
- zbog odvojene usluge povećavaju se troškovi izmjena.
Trgovina trial-sport.ru ima mobilnu verziju na zasebnoj domeni
Dinamički prikaz
U ovom slučaju, dizajn je prilagođen određenim razlučivostima zaslona. Mrežne linije i izgledi stavki imaju fiksne veličine za različite uređaje.
Prednosti:
- jednostavnost razvoja;
- nema potrebe zasebno unositi izmjene u mobilnu verziju;
- Webmasterima je lakše kontrolirati kako će dizajn i sadržaj izgledati na različitim uređajima.
Mana- može doći do problema pri prikazivanju na uređajima čije veličine zaslona ne odgovaraju onima koje su odredili programeri.
Web stranica decathlon.ru koristi jedan URL s različitim skupom HTML koda
Prilagodljivi dizajn
U ovom slučaju, izgled stranice je precizno prilagođen bilo kojoj veličini prikaza.
Prednosti:
- ispravan prikaz na svim uređajima;
- nema potrebe zasebno unositi izmjene u mobilnu verziju.
Nedostaci:
- složenost razvoja, posebno za postojeće projekte;
- mogu postojati problemi s prilagodbom blokova na mjestima sa složenim dizajnom.
Stranica tvrtke Vostok-Service koristi prilagodljivi dizajn koji se prilagođava svim zaslonima uređaja
Osim ovih metoda prilagodbe, možete koristiti dodatke za popularni CMS. Na primjer, WordPress ima WPtouch i WP Mobile Edition. Ovo je jeftino rješenje, ali je ispravnost stranica loša. A ako je za blogove ovo izlaz, onda za složenih projekata takvo rješenje je neprihvatljivo.
3. Pojednostavite svoj dizajn
Oblikovati adaptivna verzija stranica treba biti jednostavna i sažeta. Danas tzv. ravni dizajn“, koji karakterizira minimalizam, što ga čini lakšim za korištenje. Izraz se postiže igrom boja, a ne gradijentima, sjenkama, teksturama i složenim interaktivnim oblicima i elementima.
Primjer minimalizma u dizajnu
Također, kada razvijate mobilnu stranicu, trebali biste zaboraviti na flash playere, widgete i skočne prozore. Efekt paralakse, koji mnogi vole, također treba ostaviti po strani, jer se ne reproducira na svim mobilnim operativnim sustavima i usporava renderiranje stranica.
4. Raditi na poboljšanju upotrebljivosti
Prilikom dizajniranja navigacije, prije svega, razmislite o korisniku i njegovoj praktičnosti. Svaka stranica trebala bi biti dostupna u nekoliko koraka - bez složenih filtara i popisa. Da biste uputili poziv jednim klikom, ispravno napišite format broja s pozivnim brojem zemlje i grada +7 495…. Omogućite autorizaciju jednim klikom putem društvenih mreža. Jednom riječju - pokušajte minimizirati sve radnje posjetitelja na cilju.
Pametni telefon koristi prst umjesto pokazivača miša, tako da svi elementi moraju biti dovoljne veličine. Osoba ne mora povećavati sliku da bi kliknula na bilo koji element. Nemojte koristiti fontove sa serifima, uvojcima, kurzivom. Optimalna veličina font - 16 piksela, visina reda - 1,2 em.
5. Ubrzajte učitavanje stranice
Ubrzanje preuzimanja, s jedne strane, poboljšava faktori ponašanja, s druge strane, ima pozitivan učinak na rangiranje. Koristiti razne usluge kompresija:
- HTML i skripte (HTML kompresor ili Gzip);
- CSS kod (CSS minifier ili CSS kompresor);
- JS kod (Javascriptcompressor, jscompress, itd.);
- slike (Optimizilla, Resizepiconline, EWWW Image Optimizer, itd.);
- koristiti predmemoriju preglednika.
Provjerite brzinu učitavanja stranice i pogledajte mogući problemi možete koristiti uslugu PageSpeed Insights na ovoj poveznici.
6. Koristite društvene gumbe
Korisnici mobilnih uređaja aktivno repostiraju sadržaj. Nemojte im uskratiti ovu priliku. Tako ćete se osigurati dodatni promet i poboljšati društvene znakove. Dodajte gumbe-linkove na najpopularnije društvene mreže, ali ne više od 4-5 na vidljivom dijelu ekrana, inače će tipke biti ili premalene ili će zauzimati puno prostora.
7. Optimizirajte svoj sadržaj
Sadržaj treba stvarati ne samo uzimajući u obzir praktičnost pregledavanja male ekrane ali i ponašanje mobilnih korisnika.
Slijedite ova pravila:
- linearnost sadržaja (najvažnije je na prvom ekranu, a zatim u silaznom redoslijedu);
- koristite kratke naslove (mogu se brzo čitati);
- razbiti tekst na kratke, ali smislene odlomke (površina zaslona mobilnog telefona je mnogo manja od PC-a, a ako se korisnik ne odnese od prvih redova, brzo će izgubiti interes; izbjegavajte vodu u tekstu i prazno obrazloženje);
- dodati navigacijske elemente za članak (sadržaj i sidra, tipke "gore", "dolje", "čitaj");
- pružiti priliku za slanje članka poštom (nemaju svi vremena pročitati do kraja - tako korisna funkcija dat će priliku za kasnije čitanje materijala od interesa);
- prilagodite tablice za mobilno gledanje (koristite posebne dodatke, skripte ili element horizontalno pomicanje samo stol).
8. Nemojte ograničavati pristup sadržaju
Neki dizajneri, umjesto da sav sadržaj prilagode za mobilne uređaje, djelomično ga sakriju. To se obično radi zbog složenosti predloška, ali to je pogrešan pristup. Ponuda "light" verzije je nepravedna prema mobilnim korisnicima. Moramo raditi na pojednostavljivanju i optimizaciji dizajna, a ne na smanjivanju sadržaja.
9. Ostanite u trendu
Pratite aktualne trendove u području dizajna i upotrebljivosti i napravite brze promjene kako ne biste ostali iza lokomotive. Na primjer, danas su relevantni sljedeći trendovi:
- modularni dizajn (sadržaj je grupiran u blokove koji se slažu u jednu traku ili nekoliko traka, ovisno o veličini zaslona);
- ravni dizajn (sjene, penumbra, volumen - sve je to prošlost);
- mobilni prvi pristup (prije su se stranice radile za računala, a onda su iz nužde prilagođene za mobitele - danas je obrnuto).
10. Ne zaboravite analizirati web mjesto na mobilnost
Povremeno provjeravajte usklađenost svoje stranice sa zahtjevima tražilica za mobilnu prilagodbu. Na Googleu to možete učiniti slijedeći vezu. Samo unesite adresu stranice i pričekajte rezultat provjere. Sve pronađene greške potrebno je ispraviti što je prije moguće.
Da biste provjerili mobilnost u Yandexu, dodajte web mjesto Yandex.Webmasteru, a zatim idite na odjeljak "Alati" / "Provjeri mobilne stranice" i unesite adresu web-mjesta. Ako postoje greške, također ih ispravljamo.
Ako nemate vremena samostalno se baviti provjerama i pogreškama na mobilnom prikazu stranice, možete naručiti uslugu revizije i dobiti preporuke od usluge "Osobni upravitelj".
Dakle, mobilna prilagodba nije samo faktor rangiranja, već i način povećanja prometa i poboljšanja ponašanja korisnika na stranici. Ako se usredotočite na to da korisniku olakšate interakciju s vašom web lokacijom, povećat ćete svoju konkurentnost i konverzije.
Preko brza rješenja možete spremiti svoju stranicu s Mobilegeddona i provjeriti je li prošla Googleov test kompatibilnosti.
Uvod
U travnju 2015. dogodila se prava revolucija u virtualni svijet, koji je već dobio naziv "Mobilegeddon". To je zato što je Google promijenio svoj algoritam i počeo stavljati stranice optimizirane za mobilne uređaje ispred ostalih. Stoga su svi vlasnici web-mjesta masovno požurili uvesti promjene u svoje resurse.
U trenutku pisanja ovog teksta možemo reći da utjecaj promijenjenog algoritma na rezultate pretraživanja nije jako jak, ali ga već karakterizira dodavanje nove oznake uz rezultate mobilnog pretraživanja.
Ali u budućnosti se situacija može dramatično promijeniti. Stoga neće biti suvišno provjeriti kompatibilnost vaše stranice s mobilnim uređajima.
Možda prije niste imali dovoljno novca ili vremena da optimizirate svoj resurs. Ali sada je vrijeme da to učinite, jer ćete prije ili kasnije biti stjerani u kut, a morat ćete učiniti isto, ali brzo, malo razmišljajući o posljedicama.
Dakle, na što test obraća pozornost? mobilnu kompatibilnost od Googlea?
Google dijeli test na pet dijelova, za svaki prolaz možete osvojiti bodove:
1. Prikaz konfiguracije prozora
Postavljanje okvira za prikaz unutar stranice omogućuje pregledniku da kontrolira širinu i skaliranje stranice za različite uređaje.
2. Jasnoća fonta
Koristi se zajedno s okvirom za prikaz. Veličina fonta može se skalirati kako bi odgovarala pregledniku stranice. U ovom slučaju možete odrediti osnovna veličina font, a tipografsko mjerilo bit će u relativnim stilovima.
3. Izbjegavajte korištenje dodataka
Flash, Java i Silverlight predstavljaju mnogo neugodnosti mobilnim korisnicima. Odlučite se za izvorne web tehnologije (kao što je HTML5).
4. Veličina sadržaja
Provjerite je li sadržaj unutar vodoravnih granica uređaja i da se korisnici ne moraju pomicati okomito i vodoravno da bi vidjeli sadržaj.
5. Veličina gumba i poveznica
Ne biste trebali samo sami testirati svoju web stranicu na mobilnim uređajima, već i primijeniti Googleov PageSpeed Insights kako biste optimizirali vrijeme učitavanja i poboljšali korisničko iskustvo.
Neke pozadinske informacije
S proliferacijom pametnih telefona i tableta, mnogi vlasnici web stranica otkrili su da su njihove kreacije, koje su tako zgodne i izgledaju tako dobro na stolnom računalu, neugodne i ružne na mobilnim uređajima. Većina web-mjesta u to vrijeme bila je napravljena za određenu veličinu ekrana i nije imala "tečni" izgled.
Pronađen je vrlo specifičan izlaz iz situacije - mnoge tvrtke jednostavno su stvorile drugu, zasebnu stranicu dizajniranu posebno za mobilne uređaje.
Zatim su se pojavili CSS3 i medijski upiti. Sada web dizajneri i programeri mogu kreirati web-mjesta koja mogu testirati uređaj s kojeg se stranica gleda i prema tome prilagoditi izgled dizajna. Sadržaj se može prilagoditi određenom rasponu izlaznih uređaja bez potrebe za mijenjanjem samog sadržaja.
Između ostalog, to vam također omogućuje uštedu troškova održavanja druge, mobilne verzije stranice.
Pa, pokušajmo to učiniti.
No, imajte na umu da su svi ovi popravci privremeni i da vam mogu pomoći dok gradite pravu, punopravnu, responzivnu web stranicu.
Sve odluke koje donosite moraju uzeti u obzir potrebe vašeg poslovanja i posjetitelja vaše stranice. Bilo koja od ovih promjena može utjecati i na druge aspekte vaše SEO strategije.
Posavjetujte se s kvalificiranim SEO stručnjakom prije unošenja bilo kakvih promjena na web-lokaciju uživo.
Tako,
* Imate postojeću stranicu;
* Želite unijeti minimalne promjene u HTML i CSS web stranice.
U ovom slučaju imate nekoliko opcija:
Promijenite predložak web stranice
Mnogi današnji CMS-ovi omogućuju promjenu teme ili predloška. I mnogi predlošci su responzivni, odnosno prilagođavaju se željenoj širini zaslona.
Ako, na primjer, koristite WordPress, radite ovdje pet minuta. Tema se može promijeniti sa samo nekoliko klikova. Gotovo odmah, vaša će stranica dobiti svjež dizajn, i bit će prikladan za mobilne uređaje.
Ovisno o tome kako je postojeće web-mjesto dizajnirano, možda ćete ustanoviti da se neki sadržaj ne pojavljuje automatski nova tema... Stoga ćete možda morati obaviti neki ručni rad.
pros
Mogućnost trenutne promjene dizajna.
Dostupno je nekoliko tisuća tema (neke su besplatne).
Minusi
Neće sav prethodni sadržaj biti vidljiv u novom predlošku bez dodatnog rada.
Novi dizajn možda neće uvijek odgovarati vašem brendu.
Napravite zasebnu stranicu za mobilne uređaje
Možda je to, prema nekima, jednako priznanju poraza. No stvaranje samostalne web-lokacije prilagođene mobilnim uređajima vjerojatno će biti najisplativije. učinkovito rješenje kratkoročno za mnoge web stranice koje nemaju pristup CMS-u ili koje se ne mogu redizajnirati.
