InternetOptimizacija za tražilice

Mobilna verzija sajta: kako napraviti? Odgovarajući dizajn

Danas, većina ljudi na internet putem mobilnih gadgeta - tableta, telefona, u vezi sa optimizaciju sajta kao novi nivo. Ako korisnik dođe i vidi da sajt nije optimizovan za mobilne uređaje: ne mogu pogledati sliku, izvukli dugme, mala i nečitljiva slova, dizajn iskrivljena - 99 od 100% da će izaći i da će početi tražiti još više zgodan. A bageri će čekirajte da resurs nije relevantno, t. E. Ne odgovara traženom upitu. Stoga, dizajn stranice uvijek treba prilagoditi na različite mobilnim uređajima. Koja je mobilnu verziju sajta, kako se to radi, i što bolji način da se prijave? Pročitajte više u ovom članku.

Dakle, postoje četiri ključna načina da se prilagode lokacije za mobilnu verziju.

Način jedan - responsive dizajn

Adaptive obrasci sugeriraju mijenjaju sliku lokacije, ovisno o veličini ekrana. Općenito, oni su postavljeni na standardni 1600, 1500, 1280, 1100, 1024 i 980 piksela. Za implementaciju korištenje CSS3 Media upita. sama web stranica dizajn se ne mijenja.

Prednosti ove metode treba da sadrži:

  • udoban dizajn kao i sama struktura prilagođava postavke ekrana, i bilo ažuriranje ne zahtijeva razvoj dizajna od nule, što je dovoljno da se podesiti CSS i HTML;
  • jedan na URL - korisnik ne treba da zapamtite nekoliko imena, ne postoji potreba za preusmjeravanje (prosleđivanje sa jedne adrese na drugu), što može zakomplicirati rad webmasterima i tražilice lakše sortiranje i rangirati resurs s iste adrese.

Naravno, adaptivni predlošci imaju svoje nedostatke, koji je, usput, više nego zasluga. Međutim, mnogi programeri se pridržavaju ovog koncepta, npr, Google Corporation, mobilnu verziju site koji ima odgovarajući dizajn. Dakle, nedostaci:

  • Odgovarajući dizajn ne podržava iste zadatke na mobilnom uređaju kao na PC-u. Ako je, na primjer, mobilnu verziju web stranice banke, gdje će vjerovatno biti važne informacije na kurs ili najbližem bankomatu korisnik, onda je ovaj dizajn je sasvim dovoljno. Ali, ako se radi o kompleksnom strukturiran resurs s puno sekcije i podsekcije je adaptivni raspored teško će privući posjetitelje.
  • Sporo loading pretvara favorit mržnje. Ovo se posebno odnosi na sredstva kojima postoje animacije, video klipove, pop-up i drugih aktivnih elemenata u izobilju. Zbog velike težine stranice jednostavno neće "usporiti" korisnik - naljutiti i otići i traženje položaj lokacije - padne.
  • Nemogućnost da isključite mobilna verzija - je još jedan značajan nedostatak. Ako je element sakriven raspored, ne možete učiniti ništa da ga otvorite, za razliku od web stranice na kojima možete ga isključiti i otići u redovnu domenu.

Ipak, ovaj mobilna verzija sajta brzo, bez posebnih vještina i troškovi resursa može se prilagoditi na bilo koji gadgeta. Ali to uklapa, zbog tih nedostataka, na mali, jednostavan, uz minimum informacija resursa i multimedije, bez komplikovanih navigaciju i animacije. Za složene stranice će prići 2 druge načine.

Drugi način - poseban verziju sajta

Ova metoda je vrlo česta i često sa uspjehom čini lokacije na mobilnom uređaju lakše za čitanje. Njegova suština je da se stvori poseban verziju stranice, izvući aplikacija i postavljen na poseban URL ili poddomenu, na primjer, m.vk.com. U ovom slučaju, osnovni funkcionalnost se održava, samo izgleda drugačiji dizajn web stranice. Prednosti takvih metoda je dostupan:

  • user-friendly sučelje;
  • .. Jednostavan za uređivanje i napraviti promjene, to je da je verzija postoji odvojeno od glavnog resursa;
  • zbog male težine pojedinačnih verziju sajta je mnogo brže nego adaptivni predloška;
  • često imaju priliku da ode u glavni verziju stranice iz mobilnog telefona.

No, ovdje nije bio bez mana:

  • Više adresa - desktop i mobilnu verziju sajta. Kako napraviti tako da korisnik sjetiti dvije opcije? Web majstori često propisuju za preusmjeravanje (redirect) na dekstopnoy verziju za mobilne, ali ako ovu stranicu u mobilnoj verziji ne postoji, korisnik će dobiti grešku. Evo, postoje poteškoće s tražilicama, što je teško rangirati 2 iste resurse, a to ima direktan uticaj na promociji.
  • Mobilna verzija sajta sa računara, ako korisnik greškom sići će to izgledati apsurdno, da može utjecati na prisustvo.
  • Ova verzija je mnogo veće šanse da smanji, desktop, tako da korisnik će imati vrlo ograničenu funkcionalnost. Ali, u isto vrijeme, ako se nešto nedostaje, posjetitelj može ići na punu verziju stranice.

U principu, poseban mobilnog sajta isplati i je najčešći načini adaptacije resursa za mobilne uređaje. To je popularan među najveće online trgovaca, na primjer, Amazon.

Treći način - RESS-dizajn

Pretraživač Google aktivno podržava ovaj trend mobilnih dizajna. Ovo je najsloženiji, skup, ali učinkovit način da se prilagodi sajt za telefon ili tablet. To se zove RESS. To je cilj resurs u mobilnu aplikaciju koja se može preuzeti na svaki uređaj zasebno. Za Android - iz GooglePlay, ali za Apple - sa iTunes.

Takve aplikacije su brzo, besplatno, jednostavno, imaju sposobnost da primi različite vrste informacija, a memorija telefona i internet saobraćaj nije jeo kao kada posjeta web preko pretraživača. Oni su lako ući, jer će link uvijek biti na ekranu pri ruci, i nema potrebe da uđe komplikovano ime u baru za adresu.

Postoje, naravno, postoje i nedostaci, kao što su poteškoće u razvoju visokih troškova rada velikog broja programera, trebate učiniti nekoliko raspored opcija. Ponekad mobilni uređaj nije prepoznat od strane aplikacije. Potreba za redovnim tehničku podršku, ispravljanje nedostataka. Međutim, ova opcija se smatra najboljim od tri predložene s obzirom na produktivan radni učinak.

Najjeftiniji način da se napravi mobilne stranice

Sve navedene metode uključuju, ako ne i uvijek dug i komplikovan, ali i dalje webmasteri plaćeni rad. Ako ne vidite hitnu potrebu za takav razvoj, vi ćete prići jednostavan i besplatan mobilnu verziju sajta. Kako se to radi na najlakši način?

Preuzimanje prilagođene predloške (plugin) za brzo dizajn. Na primjer, WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile i drugi. Oni će vam pomoći da pravilno prikazali lokaciju u svoj telefon, a vi dobiti nekoliko savjeta koje treba ispraviti kako bi se bolje prilagode mobilnu verziju stranice.

Naravno, ova metoda je jedva pogodan za ozbiljne resursa. Umjesto toga, to je besplatna opcija je namijenjen malim i vrlo jednostavna stranicama, blogovima, vesti. Nemojte zaboraviti da je Google tražilicu, kao i "Yandex", danas čini teške zahtjeve na mobilnu verziju, tako da postoji velika šansa da smanje svoje pozicije, koristeći ovu metodu.

Sa ovom metodom, najvjerojatnije će se smanjiti oglašavanja i pop-up banneri, ali stranica će se brzo učitati bez "rupe".

Načela za stvaranje mobilne verzije

Da li da se stvori mobilnu verziju sajta besplatno ili uz pomoć države webmaster, napravljen je na RESS sistema ili pomoću adaptivnog obrazac. Najvažnija stvar za nju efektivnog rada je potrebno slijediti nekoliko veoma važna načela. Dakle, ono što bi trebalo da bude mobilnu verziju sajta? Kako bi bio djelotvoran, efikasan i produktivan?

Ukloniti sve nepotrebne

Minimalizam - nešto što bi trebalo tražiti programer mobilnu verziju sajta. Zamislite kako je teško dobiti informaciju, koji je pun cvijeća, gumbi, zastave, i morate da se krećete beskrajno pronaći pravi materijal. Mobile dizajn bi trebao biti jednostavan i čist. Odaberite 2-3 za odvajanje prostora boja (npr kompanija). Bolje je ako je jedna od njih je bijela. Podijeliti prostor na malom ekranu jasan i čitljiv zoni. Virtualni ključevi trebaju biti vidljive korisniku jasno znaju gdje da kliknete i video - formu ovaj proizvod da ispunite podatke, tako da dostave informacije i plaćanja.

Sve dodatne opcije koje bi bilo korisno u desktop verziji i da život lakšim za korisnika, ovdje donosi samo teškoće. Ostaviti samo najvažnijih elemenata. Animacija, reklamni banneri, multimedija, najvjerovatnije, neće ometati samo radilište ili aplikaciju i umanji glavne tačke.

poravnanje

Pitanje usklađivanja nije ništa manje akutna, kao da je ispravno učiniti, korisnik će dobiti samo kraj važnih činjenica. Opšteprihvaćena lijevo poravnat i vertikalno. Zamislite kako prelistate svoj RSS feed na telefonu. To možete učiniti odozgo, ali ne i na lijevoj ili desnoj strani.

unija

Kada nije mogućnost dugog lanca tranzicije, pokušati kombinirati nekoliko koraka u jedan. Na primjer, stranice treba da unesete podatke u nekoliko faza - .. ime, a zatim adresu na kojoj u svakoj ćeliji su odvojene kuće, ulica, stan, itd da ne bi prisiliti korisnika da pokuša da se na setu malih ćelija, pitajte ih da popuni samo 2 - ime i adresu.

i isključenje

Ponekad, naprotiv, potrebno je da se odvoje pretjerane količine informacija. Na primjer, u padajućem meniju imate spisak od 80 gradova u kojima ste dostaviti. Grupa ih po regijama, tako da korisnik ne mora za kretanje kroz dugu listu. Kada će lebde nad regionalnom centru ili na području će pasti još jedan popis gradova.

listama

Usput, o listama. Njihovo dvoje - fiksni abecednim redom ili drugog reda, a uz izmjene. Njihov izbor ovisi o tome što će biti prebačen.

Fiksni zgodan u slučaju da korisnik zna šta traži. Na primjer, grad, broj ili datum. Druga opcija je pogodan za dugo komplikovana imena ili u slučajevima u kojima postoji niz varijacija na jedan te isti naziv, a svaka padajuće liste korisnik bliže korak do cilja. Opcija sa automatsku zamenu često koristi kada posetioca potrebna pomoć. Na primjer, sajt nudi da kupi igle za pletenje. Korisnik unese upit za pretraživanje "Metallic žbice", a na vrhu tačke "krakova 5 mm" "Krakovi 4.5 mm" i t. D.

AutoComplete

Ova tačka se posebno odnosi na lokacije koje prodaju nešto online i morate popuniti u standardni oblik plaćanja, isporuke i tako dalje. N. Ako osoba čini kupovinu iz telefona, a zatim najvjerojatnije, on nema vremena da se na računalu, što znači da je proces kupovina je potrebno da se što brže i povoljno.

Za ovaj oblik može sadržavati podatke već popunjen, moguće je pribjeći najpopularnijih odgovora. Na primjer, da biste umetnuli trenutni datum, način plaćanja u gotovini, grad, ako radite u istoj regiji. Oni se mogu mijenjati, ali ako pogodio metu, vremena korisnik može biti sačuvana.

Sve pročitane, svi su

Stvaranjem dizajn mobilnog sajta, imajte na umu da su svi telefoni su različiti, a istu viziju. Možda vaše stranice će biti pregledane s malog ekrana, tako da slova treba da bude jednostavan i čitljiv, dugme - dovoljno veliki da ne mogu dodirnete i dobiti na sljedeću stranicu, a slike moraju biti otvoreni odvojeno, velika, posebno kada je u pitanju internet shop.

neke statistike

Govoreći o lokaciji da se prilagode na mobilne uređaje, potrebno je posegnuti za statistiku da shvate koliko je važno ovaj proces je za promociju mreže.

Sljedeće brojke. Danas gadgeta su 87% populacije, po svemu sudeći, osim za vrlo malu djecu i malo starije. Ekonomisti prognoza rast mobilne trgovine je 100 puta u narednih 5 godina. Međutim, samo 21% od lokaliteta prilagođena za rad s mobilnim uređajima. Dakle, Internet saobraćaj i tržište e-trgovine zauzima samo mali dio 5..

Razmislite o ovim brojkama. Ima li smisla da se prilagodi vaš resurs? Naravno da. Osim toga, dok je toliko prostora na ovom tržištu, možete uzeti svoj segment na njemu.

Gdje je potreba mobilna verzija

Koristite mobilna verzija je pogodan za bilo koju platformu, koja ima za cilj da se visoki rang. Na kraju krajeva, ovo je direktan uticaj na korisnika, stvarajući za njega ugodnom okruženju ostati na svom mjestu.

Bez mobilna verzija ne može postojati:

  • portalima, jer je njihova najgledanije telefon na putu na posao ili u školu;
  • društvene mreže - iz istog razloga, plus tu je i faktor komunikacije na internetu, tako da je zgodan, prijateljski razgovor je da se stvori;
  • .. Pomoć, web navigaciju, itd, gdje se trgovalo ljudi, dok je u potrazi za nešto;
  • online shopping - sposobnost da privuku kupce koji ne troše vrijeme na odlazak u kupovinu i kupiti sve preko mobilnog interneta.

Umjesto zaključka

Danas, mobilne tehnologije su u fazi aktivnog rasta i razvoja, stoga, nastojeći da bude lider na tržištu, svaka kompanija mora osigurati da svoje online resurs ispunjavaju zahtjeve. S obzirom na sve veći zahteva korisnika sajtovima moraju stalno modernizirati i prilagoditi se različitim uređajima. Jasno je da ako je osoba neugodno biti na određeni resurs, to ne može biti tu da biste dobili informacije o proizvodu ili cijenu, staviti jedan red, raspitati se o isporuci, on će pronaći stranice, gdje će sve to biti moguće. Stoga, kako bi se pobijediti konkurenciju, važno je imati fleksibilan, user-friendly, funkcionalan i zanimljiv resurs.

Da pomaže mobilnu verziju Android stranice ili iOS. Da biste to učinili, odaberite jednu od gore navedenih načina za redizajn - adaptivni predložak, stvarajući novi sajt na poddomenu i prelazak na to preusmjeravanjem korištenje besplatnih predložaka ili otvorite mobilnu aplikaciju putem koje korisnik može jednostavno ući i ostati na stranici.

Takav pristup ne samo da će pomoći zadržati lojalnost postojećih kupaca, ali će također pružiti priliku da privuku nove posjetitelje.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 bs.unansea.com. Theme powered by WordPress.