Dobar dan, dragi čitaoci 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 ovu poruku Google SERP, koji je rekao da stranica stranice nije optimizirana za mobilnih uređaja... Klikom na vezu provjeravate kompatibilnost sa mobilnih uređaja i dobijate 2 greške u prikazu: sadržaj je širi od ekrana i interaktivni elementi su pozicionirani prebrzo. Danas ću vam reći kako riješiti ovaj problem.
Google SERP nije optimizirana stranica
Optimizacija posebne stranice za kompatibilnost sa mobilnim uređajima
Problem je što se na mnogim stranicama pojavljuje sadržaj širi od ekrana. Najteže je što se ovaj problem pojavljuje čak i ako jeste responsive template web-mjesta ili napravili posebnu mobilnu verziju. Pokušao sam to riješiti stvaranjem zasebne mobilne verzije ovo pitanje, međutim, sve se pokazalo mnogo jednostavnijim. Malo o drugim pokušajima rješavanja ovog problema:
- Instalirao sam dodatak za kompresiju slika i medija za razne uređaje
- kreirao zasebnu mobilnu verziju stranice
- promijenio postavke keširanja za stranicu
- komprimirao CSS stranice i promijenio postavke prikaza
Ako čitate o rješavanju ovog problema na internetu, onda možete pronaći mnoga rješenja koja neće donijeti prave rezultate. Da biste riješili problem, dovoljno je riješiti samo jednu neslaganje. Nema potrebe za uređivanjem CSS koda i PHP promjene kod stranice. Moj metod je prikladan ne samo za wordpress stranicu, već i za druge admin panele gdje je otvorena postavka veličine medijske datoteke. Čini mi se da većina greš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 ekrana je primarni 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. U cilju eliminisanja dati razlog, potrebno je provjeriti sve prikazane elemente na stranici. Google po pravilu ima zamjerke na slike koje su šire od 600 piksela (nažalost, nisam našao tačne parametre u Google priručniku). Prva stvar koju trebate učiniti je promijeniti veličinu vaših medijskih datoteka na 500px (što je veličina koju koristim za svoje web stranice).
Pošaljite poruku da je vaš sadržaj širi od ekrana
Drugi uzrok problema je sadržaj širi od ekrana - širina grafičkih elemenata 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 (uprkos adaptivni dizajn) je bio 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 web stranicu za mobilne uređaje na Google-u
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 fajlove na sajtu, počevši od Head tag i završava sa podnožjem.
- Zapišimo veličine svake medijske datoteke
- Neka svaki medijski fajl bude manji od 600px
Nakon dovršetka ovih jednostavnih koraka, možete provjeriti stranicu u alatu za mobilnu optimizaciju. 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 tokom odluke imate dodatni problemi, svakako piš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 pogodnost i jednostavnost interakcije korisnika sa sajtom najveća. važan indikator kvalitet mobilne stranice. Osim toga, rezultati mobilnog pretraživanja su lokalizirani, odnosno vezani za lokaciju korisnika, tj mobilni saobraćaj, često se radi o regionalnom saobraćaju. Također donekle komplikuje mobilnu optimizaciju, trenutak u kojem je učestalost zahtjeva mobilna pretraga razlikuje se od frekvencije u redovna pretraga i stoga se statistika zahtjeva za mobilno pretraživanje mora prikupljati zasebno semantičko jezgro mobilna verzija stranica će biti drugačija. Usput, možete provjeriti učestalost zahtjeva u rezultatima mobilnog pretraživanja koristeći Yandex.Wordstat. I možete analizirati listu 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 svoju web lokaciju za upotrebljivost stranice mobilnih korisnika možete koristiti sljedeće alate:
- Glavni alat je Page Speed Insights- ne samo da provjerava lojalnost stranice mobilnim korisnicima, već daje i preporuke za ubrzanje i optimizaciju stranice za mobilne uređaje.
- - pomoću ovog alata možete vidjeti kako radi robot za mobilnu tražilicu google sistemi vidi vaš sajt.
- - interni servis pretraživača koji provjerava koliko vaša stranica ispunjava zahtjeve za mobilnost.
- TestMySite- eksterni servis, lijepo i vizualno provjerava mobilno prijateljski, mobilna brzina stranice i brzinu preuzimanja na desktop 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 je u fazi finalizacije.
- Resizer - interaktivni program view, koji pomaže dizajnerima da testiraju sadržaj stranice za desktop računare, mobilni i tablet
- Quirktools- servis za pregledavanje stranice različiti uređaji: mobiteli, tableti, kompjuteri, pa čak i televizori.
- Provjera mobilnih stranica u Yandex.Webmasteru - također provjerava lojalnost stranice mobilnim korisnicima
3. Koje su karakteristike različitih metoda mobilne optimizacije?
- mobilna verzija- kada se promijene i URL i kod. Server određuje tip 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čite vrste koriste se uređaji različite varijante koda i različitih URL-ova stranica. Pros: lako je izvršiti promjene u alternativnoj mobilnoj verziji bez utjecaja na glavnu stranicu; jednostavnost i pogodnost za korisnike, brzo učitavanje. minusi: različito od glavnog URL-a, postoji mogućnost dupliranja sadržaja i 404 greške, pojednostavljenje funkcionalnosti dovodi do ograničenja željeni sadržaj.
- Dinamički ekran (RESS - Responsive Design + Server Side)- jedan URL, drugačija šifra za različite korisničke agente. Server šalje odgovor na zahtjev specific url različite opcije HTML i CSS kod. Koji kod poslati određuje se skeniranjem robot za pretragu, hostovano Vary HTTP zaglavlje, koje pomaže u odabiru samog sadržaja na web lokaciji koji je optimiziran za mobilne uređaje. Pros: 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 tipova mobilnih uređaja.
- Adaptivni dizajn- kada se URL i kod ne mijenjaju. Server šalje svim uređajima, i mobilnim i desktop, isti HTML kod, koji se prilagođava u zavisnosti od veličine ekrana koristeći CSS... U tom slučaju morate se uvjeriti da je potrebno CSS fajlovi, JavaScript i slike. Pros: relativno lako razviti i URL se ne mijenja. minusi: spora brzina preuzimanja i bez alternative.
4. Šta pretraživači kažu o metodama optimizacije mobilnih stranica?
GOOGLE: Uputstvo kaže da sistem ne daje prednost nijednoj vrsti adaptacije, ali ipak ističe adaptivni dizajn prema preporuci, iako je na prvi pogled u TOP5 mobu. rezultati 3 od 5 - sajtova sa mobilnom verzijom, međutim, ovo je jedno zapažanje koje se samo dešava i ne zahteva.
V YANDEX Vladivostok algoritam za rangiranje mobilnog 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. Ali u isto vrijeme, on 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 odgovarajuću metodu optimizacije za sebe, preporučuje se da točno odredite 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 da se detaljno uporede sve prednosti i nedostaci Različiti putevi implementaciju mobilnih verzija sajtova i odaberite onu koja najbolje odgovara vašem sajtu 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 desktopa. Ne bi trebalo da traje duže od 3 sekunde, međutim, stranice iz rezultata mobilnog pretraživanja na korisnikovom uređaju se učitavaju u prosjeku čak 22 sekunde. Da biste razumjeli kako možete olakšati i komprimirati svoju web lokaciju, koristite uslugu Page Speed Insights- u njemu ćete naći detaljne preporuke da ubrzate svoju web lokaciju za mobilne uređaje. Naime, kompresija ili uklanjanje u zasebno JavaScript fajl i CSS, parser daje njihovu detaljnu listu. Ne zaboravite da možete koristiti asinkrono učitavanje skripte kako korisnici ne bi gubili vrijeme ili napuštali vašu stranicu dok se skripte učitavaju u pozadini.
<2> JavaScript, CSS i slike se ne mogu blokirati. Provjeri bravu, možeš Google pretraga 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 web surferima ne bi trebalo biti "greške 404". Dešava se da se stranica može normalno prikazati na desktopu, ali daje "grešku 404" na pametnim telefonima, na primjer, ili na tabletima. Možete provjeriti ima li grešaka pomoću Xenu, ScreamingFrog ili Google Search Console Za više informacija pogledajte Skeniranje >> Greš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 poddomenu uđe u redovne rezultate tražilice, onda ne morate kreirati poseban 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 i pretraživač će razumjeti koji je URL glavni.
<5> Za mobilne verzije stranica web-mjesta, morate ispravno konfigurirati preusmjeravanje za svaku od njih, jer će preusmjeravanje, na primjer, na glavnu stranicu pretraživači smatrati greškom. Međutim, na mobilne stranice ah, ne bi trebalo biti više od 5 preusmjeravanja, jer se vjeruje da ih nakon petog preusmjeravanja pretraživači ne indeksiraju.
<6> Ako mobilna verzija web-mjesta ima animaciju u Flash formatu ili video sa vlasničkim playerom, tada ih trebate zamijeniti HTML5 oznakama, jer ovu metodu podržavaju svi preglednici. Na primjer, možete kreirati ovakvu animaciju Google Web Designer.
Umjesto zaključka
Mobilna optimizacija je i lakša i teža od obične optimizacije web stranice. S jedne strane, stranica za mobilne uređaje treba biti pojednostavljena, napravljena što je moguće više lakonski, lakša, brza i preciznija. S druge strane, to nije tako lako učiniti. Slično je japanskom slikarstvu koje, koristeći najpreciznije linije, stvara jedinstvenu, impresivnu sliku. Isto tako, stranica koja se prikazuje korisniku 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 dobiti zaslužen mobilni promet, već ga i unovčiti u budućnosti, uz povećanje konverzije vaše mobilne stranice, čime se povećava povrat poslovanja . Ali o tome pročitajte u jednom od naših sljedećih članaka.
Radujemo 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 aprilu 2015 algoritam pretraživanja Gugl pod nezvaničnim imenom "Mobilegeddon", au februaru 2016. Yandex je najavio rad sličnog algoritma pod nazivom "Vladivostok". Njihova suština je 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 adaptacija više ne može zanemariti.
I ne radi se samo o zahtjevima tražilice... Globalni mobilni saobraćaj sustigao je saobraćaj sa desktopa još početkom 2014. A danas, oko 67% saobraćaja na ruskom Internetu otpada na mobilni uređaji. Uzimajući u obzir potrebe naših čitalaca, radimo na mobilizaciji bloga. Vrlo brzo ćete vidjeti naš ažurirani resurs, koji će biti vrlo zgodan za čitanje na raznim uređajima.
1. Analizirajte svoju ciljnu publiku
Prije nego započnete mobilnu optimizaciju, analizirajte svoju ciljnu publiku u sljedećim područjima (na primjer, koristeći standardne Metrica izvještaje):
- demografija (pol i starost);
- geografija (iz kojih regija najviše prelaza);
- uređaji (koji uređaji su najpopularniji među vašim posjetiocima - desktop računari, mobilni telefoni ili tablete);
- operativni sistem (Android, iOS, Windows Phone, Windows 7, itd.);
- ponašanje na sajtu (dubina pregledavanja, vreme na sajtu, odbijanja, itd.).
Poznavanje profila ciljana publika, moći ćete prilagoditi dizajn i sadržaj potrebama vaših posjetitelja.
2. Prilagodite predložak za gledanje na mobilnim uređajima
U principu postoje 3 različiti pristupi To mobilna adaptacija- svi su opisani u Google dokumentaciji za programere. Svaki od njih ima svoje prednosti i nedostatke.
mobilna verzija
U ovom slučaju, postojaće 2 lokacije: desktop i mobile. Mobilna verzija se nalazi na novoj domeni (kao što je m.site.ru).
Prednosti:
- dizajn stranice je potpuno izoštren za mobilne uređaje, nema potrebe tražiti kompromis;
- webmasteri imaju mogućnost optimizacije sadržaja u skladu sa specifičnostima gledanja na mobilnom uređaju;
- možete modificirati 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 unošenja izmjena.
Trgovina trial-sport.ru ima mobilnu verziju na zasebnoj domeni
Dinamički prikaz
U ovom slučaju, dizajn je prilagođen određenim rezolucijama ekrana. Mrežne linije i rasporedi stavki imaju fiksne veličine za različite uređaje.
Prednosti:
- lakoća razvoja;
- nema potrebe za posebnom izmjenom mobilne verzije;
- 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 ekrana ne odgovaraju onima koje su odredili programeri.
Decathlon.ru web stranica koristi jedan URL sa različitim skupom HTML koda
Adaptivni 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 za posebnom izmjenom mobilne verzije.
Nedostaci:
- složenost razvoja, posebno za postojeće projekte;
- može doći do problema s adaptacijom blokova na lokacijama sa složenim dizajnom.
Stranica kompanije Vostok-Service koristi adaptivni dizajn koji se prilagođava ekranima bilo kojeg uređaja
Pored ovih metoda prilagođavanja, 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
Dizajn adaptivna verzija sajt treba da bude jednostavan i koncizan. 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đe, kada razvijate mobilnu stranicu, zaboravite na flash playere, widgete i iskačuće prozore. Efekt paralakse, koji mnogi vole, takođe treba ostaviti po strani, jer se ne reprodukuje na svim mobilnim operativnim sistemima i usporava renderovanje stranica.
4. Raditi na poboljšanju upotrebljivosti
Prilikom dizajniranja navigacije, prije svega, razmislite o korisniku i njihovoj pogodnosti. Bilo kojoj stranici treba pristupiti u nekoliko koraka - bez složenih filtera i lista. Da biste uputili poziv jednim klikom, ispravno napišite format broja sa pozivnim brojem zemlje i grada +7 495…. Omogućiti autorizaciju jednim klikom putem društvenih mreža. Jednom riječju - pokušajte minimizirati sve akcije posjetitelja na cilju.
Pametni telefon koristi prst umjesto kursora 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, kovrčama, 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, pozitivno utiče na rangiranje. Koristi 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.);
- koristite keš pretraživača.
Provjerite brzinu učitavanja stranice i pogledajte mogući problemi možete koristiti uslugu PageSpeed Insights na ovom linku.
6. Koristite dugmad za društvene mreže
Korisnici mobilnih uređaja aktivno repostuju sadržaj. Nemojte im uskratiti ovu priliku. Tako ćete se osigurati dodatni promet i poboljšati društvene znakove. Dodajte dugmad-linkove na najpopularnije društvene mreže, ali ne više od 4-5 u vidljivom dijelu ekrana, inače će dugmad biti ili premala ili će zauzimati puno prostora.
7. Optimizirajte svoj sadržaj
Sadržaj treba kreirati ne samo uzimajući u obzir pogodnost njegovog pregleda mali ekrani ali i ponašanje mobilnih korisnika.
Slijedite ova pravila:
- linearnost sadržaja (najvažnije je na prvom ekranu, a zatim u opadajućem redosledu);
- koristite kratke naslove (mogu se brzo čitati);
- razbiti tekst na kratke, ali smislene pasuse (površina ekrana mobilnog telefona je mnogo manja od računara, a ako se korisnik ne zanese od prvih redova, brzo će izgubiti interes; izbjegavajte vodu u tekstu i prazno rezonovanje);
- dodati elemente za navigaciju za članak (sadržaj i sidra, dugmad "gore", "dole", "čitaj");
- pružiti priliku da pošaljete članak poštom (nemaju svi vremena da pročitaju do kraja - tako korisna funkcija dati priliku da kasnije pročitate materijal od interesa);
- prilagoditi tabele za mobilno gledanje (koristite posebne dodatke, skripte ili element horizontalno pomicanje samo sto).
8. Ne ograničavajte pristup sadržaju
Neki dizajneri, umjesto da sav sadržaj prilagode za mobilne uređaje, djelimično ga sakriju. To se obično radi zbog složenosti šablona, ali ovo je pogrešan pristup. Ponuda "lake" verzije nije fer prema mobilnim korisnicima. Moramo raditi na pojednostavljivanju i optimizaciji dizajna, a ne na smanjenju sadržaja.
9. Ostanite u trendu
Pratite trenutne trendove u oblasti 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 ređaju u jednu traku ili nekoliko traka, ovisno o veličini ekrana);
- ravan dizajn (sjene, polusjena, volumen - sve je to prošlost);
- mobilni pristup (ranije su sajtovi pravljeni za računare, a onda su iz nužde prilagođeni za mobilne – danas je obrnuto).
10. Ne zaboravite da analizirate lokaciju na mobilnost.
Povremeno provjeravajte usklađenost vaše web stranice sa zahtjevima pretraživača za mobilnu adaptaciju. Na Google-u to možete učiniti slijedeći link. Samo unesite adresu stranice i pričekajte rezultat verifikacije. Sve pronađene greške potrebno je ispraviti što je prije moguće.
Da biste provjerili mobilnost u Yandexu, dodajte web lokaciju Yandex.Webmasteru, a zatim idite na odjeljak "Alati" / "Provjerite mobilne stranice" i unesite adresu web-mjesta. Ako ima grešaka, takođe ih ispravljamo.
Ako nemate vremena da se samostalno bavite provjerama i greškama na mobilnom prikazu stranice, možete naručiti uslugu revizije i dobiti preporuke od usluge „Lični menadžer“.
Dakle, mobilna adaptacija nije samo faktor rangiranja, već i način povećanja prometa i poboljšanja ponašanja korisnika na stranici. Ako se fokusirate na to da korisniku olakšate interakciju s vašom web lokacijom, povećat ćete svoju konkurentnost i konverzije.
Via brze popravke možete sačuvati svoju web lokaciju sa Mobilegeddona i provjeriti je li prošla Google test kompatibilnosti.
Uvod
U aprilu 2015. dogodila se prava revolucija virtuelni svet, 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 sajtova masovno požurili da unesu izmene u svoje resurse.
U vrijeme pisanja ovog teksta možemo reći da utjecaj na rezultate pretraživanja izmijenjenog algoritma nije jako jak, ali ga već karakterizira dodavanje nove oznake pored rezultata 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 satjerani u ćošak, i morat ćete učiniti isto, ali brzo, malo razmišljajući o posljedicama.
Dakle, na šta test obraća pažnju? 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ćava pretraživaču da kontrolira širinu i skaliranje stranice za različite uređaje.
2. Jasnoća fonta
Koristi se zajedno sa okvirom za prikaz. Veličina fonta se može skalirati kako bi odgovarala pregledniku stranice. U ovom slučaju, možete odrediti osnovna veličina font, a tipografska skala će biti u relativnim stilovima.
3. Izbjegavajte korištenje dodataka
Flash, Java i Silverlight predstavljaju dosta neugodnosti za mobilne korisnike. Odlučite se za izvorne web tehnologije (kao što je HTML5).
4. Veličina sadržaja
Uvjerite se da se sadržaj uklapa u horizontalne granice uređaja i da korisnici ne moraju da se pomiču okomito i vodoravno da bi vidjeli sadržaj.
5. Veličina dugmadi i linkova
Ne samo da biste trebali sami testirati svoju web lokaciju 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
Sa proliferacijom pametnih telefona i tableta, mnogi vlasnici web stranica su otkrili da su njihove kreacije, koje su tako zgodne i izgledaju tako dobro na desktop računaru, neugodne i ružne na mobilnim uređajima. Većina lokacija 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 kompanije su jednostavno 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 stranice koje 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, ovo vam također omogućava da uštedite troškove održavanja druge, mobilne verzije stranice.
Pa, hajde da pokušamo ovo da uradimo.
Ali imajte na umu da su svi ovi popravci privremeni i da vam mogu pomoći dok gradite pravu, punopravnu web stranicu koja se prilagođava.
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.
Molimo konsultujte se sa kvalifikovanim SEO stručnjakom pre nego što napravite bilo kakve promene na sajtu uživo.
dakle,
* Imate postojeći sajt;
* Želite napraviti minimalne promjene u HTML-u i CSS-u web stranice.
U ovom slučaju imate nekoliko opcija:
Promijenite predložak web stranice
Mnogi današnji CMS-ovi omogućavaju vam da promijenite temu ili šablon. I mnogi predlošci su responzivni, odnosno prilagođavaju se željenoj širini ekrana.
Ako, na primjer, koristite WordPress, radite ovdje pet minuta. Tema se može promijeniti sa samo nekoliko klikova. Gotovo trenutno, vaša stranica će primiti svjež dizajn, i bit će pogodan za mobilne uređaje.
Ovisno o tome kako je postojeća stranica dizajnirana, možda ćete otkriti da se neki sadržaji ne pojavljuju automatski nova tema... Dakle, možda ćete morati obaviti neki ručni rad.
pros
Mogućnost trenutne promjene dizajna.
Postoji nekoliko hiljada dostupnih 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, po nekima, jednako priznanju poraza. Ali stvaranje samostalne web stranice prilagođene mobilnim uređajima vjerovatno će biti najisplativije. efikasno rešenje kratkoročno za mnoge web stranice koje nemaju pristup CMS-u ili koje se ne mogu redizajnirati.
