Astăzi, majoritatea oamenilor merg la rețea prin intermediul gadget-urilor mobile - comprimate, telefoane, în legătură cu această optimizare a site-ului, merge și la un nou nivel. Dacă utilizatorul vine și vede că site-ul nu este optimizat pentru dispozitive mobile: imaginea nu poate fi vizualizată, butoanele s-au mutat, fonturile sunt mici și necitite, designul este materialul seminal - 99 din 100%, ceea ce va ieși și va începe Căutați un alt confortabil. Și puneți o bifă că resursa este nonreland, adică nu corespunde interogării de căutare. Prin urmare, proiectarea paginii trebuie să fie adaptată în mod necesar la diferite dispozitive mobile. Ce este o versiune mobilă a site-ului, cum să o faci și care este modul în care este mai bine să aplicați? Citiți mai multe în acest articol.

Deci, există patru modalități cheie de adaptare a site-ului sub versiunea mobilă.

Metodă Primul - design adaptiv

Șabloanele adaptive sugerează schimbarea imaginii site-ului în funcție de dimensiunea ecranului. De regulă, ele sunt setate la standardul 1600, 1500, 1280, 1100, 1024 și 980 pixeli. Pentru implementarea aplicați interogări. Ea însăși nu se schimbă.

Beneficiile acestei metode ar trebui să includă:

• dezvoltare convenabilă, deoarece structura în sine este ajustată pentru parametrii de ecran, iar orice actualizare nu necesită designul de la zero, este suficient pentru a corecta CSS și HTML;
• o adresă de adrese URL - utilizatorul nu are nevoie să memoreze mai multe nume, nu este nevoie să redirecționați (redirecționează de la o adresă la alta), care poate complica activitatea webmasterii, iar motorul de căutare este mai ușor de sortat și de a clasifica o resursă cu o singură adresă.

Desigur, modelele adaptive au dezavantajele lor, care, apropo, mai mult decât avantajele. Cu toate acestea, mulți dezvoltatori respectă acest concept, de exemplu, Google Corporation, versiunea mobilă a site-ului care are un design adaptiv. Deci, dezavantaje:

• Designul adaptiv nu acceptă aceleași sarcini pe dispozitivul mobil ca pe PC. Dacă acest lucru este, de exemplu, versiunea mobilă a site-ului Web al Băncii, în care utilizatorul va fi cel mai probabil informații importante despre cursul valutelor sau al celor mai apropiate ATM-uri, atunci un astfel de design este destul de suficient. Dar dacă este o resursă structurată complexă cu o varietate de secțiuni și subsecțiuni, este puțin probabil să facă vizitatori vizitatorilor.
• Load lent transformă locul preferat în urât. Acest lucru este valabil mai ales pentru resursele în care animația, videoclipurile, ferestrele pop-up și alte elemente active sunt prezente în abundență. Datorită greutății mari, pagina va fi pur și simplu "frână", utilizatorul este supărat și pleacă, iar poziția de căutare a site-ului este de a cădea.
• Incapacitatea de a dezactiva versiunea mobilă este un alt defect grele. Dacă un element este ascuns de un astfel de aspect, nu puteți face nimic pentru ao deschide, spre deosebire de site-urile în care acesta poate fi oprit și mergeți la un domeniu obișnuit.

Cu toate acestea, o astfel de versiune mobilă a site-ului rapid, fără abilități și costuri speciale, vă permite să adaptați resursele la orice obiect gadget. Dar va fi potrivit, având în vedere deficiențele enumerate, la resurse mici, simple, cu un minim de informații și multimedia, fără navigație complexă și animație. Pentru un loc complex, 2 metode vor fi potrivite.

A doua metodă este o versiune separată a site-ului.

Această metodă este foarte frecventă și adesea cu succes face site-ul pe un dispozitiv mobil mai convenabil pentru percepție. Esența sa este de a crea o versiune separată a paginii desenate sub aplicație și situată pe o adresă URL separată sau subdomeniu, de exemplu, m.vk.com. În acest caz, se păstrează principala funcționalitate, arată diferit ca designul site-ului. Avantajele acestei metode sunt evidente:

• interfață convenabilă de utilizator;
• modificați ușor și efectuați editări, deoarece versiunea există separat de resursa principală;
• datorită greutății reduse, o versiune separată a site-ului funcționează mult mai rapidă decât un model adaptiv;
• cel mai adesea este posibil să treceți la versiunea principală a paginii cu telefonul mobil.

Dar nu au existat probleme aici:

• Mai multe adrese - versiunea desktop și mobilă a site-ului. Cum de a face utilizatorul să-și amintească două opțiuni? Web Wizards sunt adesea prescrise dintr-o versiune dextată la Mobile, dar dacă această pagină nu există în versiunea mobilă, utilizatorul va primi o eroare. De asemenea, are dificultăți cu motoarele de căutare, care sunt dificil de clasat 2 resurse identice, iar acest lucru afectează în mod direct promovarea.
• Versiunea mobilă a site-ului de pe un computer, dacă utilizatorul face o eroare pe ea, va arăta ridicol, ceea ce poate afecta și participarea.
• Această versiune este mai des forată, desktop, astfel încât utilizatorul va primi o funcționalitate foarte limitată. Dar, în același timp, dacă lipsește ceva, vizitatorul poate ajunge la versiunea completă a paginii.

În general, un site mobil separat se justifică și este cele mai comune modalități de adaptare a resurselor pentru dispozitivele mobile. Este popular printre magazinele online importante, de exemplu, Amazon.

În al treilea rând - design-design

Motorul de căutare Google acceptă în mod activ această direcție de proiectare mobilă. Este cea mai dificilă, cost, dar eficace metodă de adaptare a site-ului sub telefon sau tabletă. Se numește ress. Aceasta este o vizită de resurse într-o aplicație mobilă care poate fi descărcată pentru fiecare dispozitiv separat. Pentru Android - cu GooglePlay și pentru Apple - cu iTunes.

Astfel de aplicații sunt rapide, gratuite, convenabile, au capacitatea de a găzdui diferite tipuri de informații, în timp ce memoria traficului de telefon și pe Internet nu sunt consumate ca atunci când vizitează site-ul prin browser. Ei vor merge cu ușurință pe ele, deoarece link-ul va fi întotdeauna pe ecran la îndemână și nu este nevoie să introduceți un nume provocat în bara de adrese a browserului.

Există, bineînțeles, aici și deficiențele sale, cum ar fi dificultatea dezvoltării, costul ridicat al muncii unui număr mare de programatori, necesitatea de a face mai multe opțiuni de aspect. Uneori, dispozitivul mobil nu este recunoscut de aplicație. Este necesar un suport tehnic regulat, stabilirea deficiențelor. Cu toate acestea, această opțiune este considerată cea mai bună dintre cele trei propuse datorită muncii sale productive, neîntrerupte.

Cea mai ieftină modalitate de a face un site mobil

Toate metodele de mai sus sugerează chiar și o muncă lungă și complexă, dar încă plătită pe Web. Dacă nu vedeți o nevoie acută pentru o astfel de dezvoltare, veți potrivi o versiune mobilă simplă și gratuită a site-ului. Cum să faci mai ușor?

Descărcați șabloane speciale (pluginuri) pentru designul adaptiv. De exemplu, detectorul mobil WP, pachetul WordPress Mobile, WPSMART MOBILE și altele. Acestea vă vor ajuta să afișați corect site-ul din telefon, în timp ce veți primi mai multe sfaturi, care ar trebui să fie fixate pentru a adapta mai bine pagina la versiunea mobilă.

Desigur, această metodă nu este adecvată pentru resurse grave. Mai degrabă, această oportunitate gratuită este destinată site-urilor mici și cele mai simple, blogurilor, feedurilor de știri. De asemenea, nu trebuie să uitați că motorul de căutare Google, precum și Yandex, astăzi face cerințe serioase pentru versiunile mobile, prin urmare există o șansă uriașă de a-și reduce pozițiile folosind o astfel de metodă.

Cu această metodă, cel mai probabil, bannere publicitare și pop-up vor fi întrerupte, dar pagina va fi încărcată rapid și fără "GAL-uri".

Principiile versiunilor mobile

Nu contează, versiunea mobilă a site-ului a fost creată gratuit sau folosind starea webmasterului, se face pe sistemul de rass sau folosind un șablon adaptiv. Cel mai important lucru este că pentru munca sa efectivă, trebuie să aderați la mai multe principii extrem de importante. Deci, ce ar trebui să fie versiunea mobilă a site-ului? Cum de a face productiv, eficient și productiv?

Eliminăm totul prea mult

Minimalism - Ce ar trebui să se străduiască dezvoltatorul versiunii mobile a site-ului. Imaginați-vă cât de greu este să percepeți informațiile care sunt împușcate de flori, butoane, bannere și pe care trebuie să le fragili în căutarea materialului dorit. Designul mobil ar trebui să fie simplu și curat. Selectați 2-3 culori pentru a separa spațiu (de exemplu, marca). Mai bine, dacă unul dintre ei este alb. Distribuiți spațiul unui mic ecran la zone de înțeles și lizibile. Cheile virtuale trebuie să fie vizibile, astfel încât utilizatorul să știe în mod clar unde să preseze și să fie văzut - acesta este produsul, aici este forma pentru umplerea datelor, aici este informații despre livrare și plată.

Toate opțiunile suplimentare care ar veni la îndemână în versiunea desktop vor facilita utilizatorul utilizatorului, aici va aduce doar dificultăți. Lăsați numai cele mai importante elemente. Animație, bannere publicitare, multimedia, cel mai probabil, va încetini doar locul de muncă sau aplicația și vor distrage atenția de la principalul lucru.

Aliniere

Nivelul de aliniere nu este mai puțin acută, deoarece dacă este greșit să o faci, utilizatorul va primi doar sfârșitul cuvintelor importante. În general acceptată este alinierea marginii stângi și verticală. Imaginați-vă cum parcurgeți feedul de știri la telefon. O faci de sus în jos, dar nu în partea stângă sau dreapta.

O asociere

Când nu există posibilitatea unui lanț lung de tranziții, încercați să combinați câțiva pași la unul. De exemplu, site-ul necesită date în mai multe etape - numele, apoi adresa, în cazul în care casa, stradă, apartament etc., este situată în fiecare celulă individuală. Pentru a nu forța utilizatorul să încerce să se înțeleagă foarte mult Din celule mici, oferiți-l să completeze numai 2 - Numele și adresa.

Și separarea

Uneori, dimpotrivă, este necesar să deconectați prea multe informații. De exemplu, în meniul derulant aveți o listă cu mai mult de 80 de orașe în care se efectuează livrarea. Grupați-le pe regiuni, astfel încât utilizatorul să nu trebuie să deruleze prin această listă uriașă. Când va împiedica cursorul la centrul regional sau în zonă, o altă listă de orașe va cădea.

Listele

Apropo, despre liste. Există două dintre ele - fixate într-o ordine alfabetică sau diferită și cu o substituție. Alegerea lor depinde de ceea ce va fi listat.

Fixat este convenabil dacă utilizatorul știe exact ceea ce caută. De exemplu, un oraș, un număr sau o dată. A doua opțiune este potrivită pentru nume complexe lungi sau pentru cazurile în care există multe variații în același nume și fiecare aduce utilizatorul la obiectiv. Opțiunea cu autodistribuția este mai des utilizată atunci când vizitatorul are nevoie de ajutor. De exemplu, site-ul pentru tricotat oferte pentru a cumpăra ace de tricotat. Utilizatorul introduce interogarea de căutare "rotiri metalice", iar în prompt vede "figuri de 5 mm", ace de tricotat "4,5 mm" etc.

Autocomplete.

Acest articol se referă în special la site-urile în care ceva este vândut online și este necesar să completați formele standard de plată, livrare etc. Dacă persoana face o achiziție de la telefon, atunci, cel mai probabil, el nu are timp să ajungă la Computerul, ceea ce înseamnă că cumpărăturile de proces trebuie să fie făcut cât mai repede posibil și convenabil.

Pentru acest formular poate conține date deja completate, puteți recurge la cele mai populare răspunsuri. De exemplu, introduceți data de astăzi, metoda de plată în numerar, orașul, dacă lucrați într-o singură regiune. Ele pot fi schimbate, dar dacă intră în țintă, timpul utilizatorului va fi salvat.

Totul este citit, totul este vizibil

Crearea unei versiuni mobile a site-ului, amintiți-vă că toate telefoanele sunt diferite și și viziunea. Poate că site-ul dvs. va fi vizualizat dintr-un mic ecran, astfel încât fonturile trebuie să fie simple și citite, butoanele sunt destul de mari, astfel încât să puteți face clic și să nu ajungeți la o altă pagină, iar imaginile ar trebui să se deschidă separat, mari, mai ales dacă noi vorbesc despre revista Internet -.

Unele statistici

Vorbind despre adaptarea site-ului la dispozitive mobile, este imposibil să nu recurgeți la statistici pentru a înțelege modul în care acest proces este important pentru promovare.

Numerele urmează. Astăzi, 87% din populație sunt folosite de gadget-uri, aparent, cu excepția celor mai tineri copii și câțiva oameni vârstnici. Economiștii prezic creșterea comerțului mobil de 100 de ori pentru următorii 5 ani. În același timp, doar 21% din site-uri au adaptat la locul de muncă cu dispozitive mobile. Aceasta înseamnă că traficul pe Internet și piața comerțului electronic este ocupată numai pe partea a 5-a.

Gândiți-vă la aceste numere. Are sens să vă adaptați resursele? Desigur ca da. Mai mult, în timp ce există atât de mult spațiu liber pe această piață, puteți să vă luați propriul segment pe acesta.

Unde aveți nevoie de o versiune mobilă

Utilizați versiunea mobilă este recomandabilă pentru orice platformă care urmărește obținerea unui rating ridicat. La urma urmei, acesta este un impact direct asupra utilizatorului, creând condiții confortabile pentru că rămâneți pe site-ul dvs.

Fără o versiune mobilă, nu puteți exista:

• newsports, deoarece majoritatea lor se uită de la telefon la muncă sau studiu;
• rețelele sociale - din același motiv, plus există un factor de comunicare online, ceea ce înseamnă că ar trebui creat chat convenabil, ușor de înțeles;
• referință, site-uri cu navigație etc., unde oamenii sunt abordați în timp ce în căutarea unui lucru;
• magazinele online sunt abilitatea de a atrage cumpărători care nu petrec timp la cumpărături și cumpără totul prin Internetul mobil.

În loc de închisoare

Astăzi, tehnologiile mobile se află în stadiul creșterii și dezvoltării active, prin urmare, încercând pentru leadership pe piață, orice companie trebuie să se asigure că resursele sale de Internet este consecventă. Datorită solicitărilor crescânde ale utilizatorilor, site-urile trebuie să facă upgrade și să se adapteze în mod constant la diferite dispozitive. Este clar că, dacă o persoană este incomod să se afle pe una sau altă resursă, el nu poate obține informații despre produs sau preț, să plaseze o comandă, să învețe despre livrare, atunci el va găsi acest site unde toate acestea devine posibil. Prin urmare, pentru a câștiga într-o luptă competitivă, este important să aveți o resursă flexibilă, convenabilă, funcțională și interesantă.

Asigurați-vă că va ajuta versiunea mobilă a site-ului Android sau IOS. Pentru a face acest lucru, selectați una dintre metodele de redesign de mai sus este un șablon adaptiv, creând un nou site pe subdomeniu și trecerea la acesta prin redirecționare, folosind șabloane gratuite sau crearea unei aplicații mobile, cu care utilizatorul va putea să meargă cu ușurință și să fie pe pagină.

Cu toții am auzit statistici: 2014 este un an, când tot mai mulți oameni folosesc smartphone-uri pentru a accesa internetul decât computerele sau laptopurile. . Nu doriți ca site-ul dvs. să rămână în urmă, dar cum să programați un site pentru acest internet mobil? Există trei opțiuni de bază, fiecare având avantajele și dezavantajele sale. În acest articol, luați în considerare avantajele și dezavantajele fiecăruia dintre aceștia să aleagă cea mai bună modalitate de a vă dezvolta site-ul.

Opțiunea 1: Design adaptiv

Designul receptiv Stabilește rezoluția ecranului pe care sunt vizualizate paginile utilizând solicitările media, apoi ajustează dimensiunea și aspectul paginii conform datelor obținute. Google El a declarat că preferă designul web adaptiv, ceea ce îl face greu în această discuție.

PROS :

1. Numai o versiune a fiecărei pagini. Pagina se adaptează la tipul de dispozitiv pentru a afișa conținutul (tipul de dispozitiv este determinat și apoi este afișat diverse conținuturi).
2. Această abordare simplifică foarte mult întreținerea site-ului.
3. Designul receptiv nu se bazează pe detectarea agentului utilizator, după cum fac alte două opțiuni. Detectare Agent utilizator (adică detectarea ce browser sau dispozitiv solicită o pagină web) nu este rău în sine, dar nu este complet și dacă există un eșec în acest proces, utilizatorii pot obține versiunea greșită a site-ului dvs. În plus, redirecționează păianjenii de căutare de la nevoia de a scana site-ul dvs., sub diverse Agent utilizator - Înseamnă că site-ul dvs. va fi mai bine indexat.
4. Designul adaptiv al site-ului, de regulă, este încărcat mai repede în browsere. Deoarece toate dispozitivele primesc același conținut, nu există niciun proces de detectare a unei posibile redirecționare a interogării datorată agentului utilizator. Toată lumea știe că viteza contează.

Minusuri:

1. Pentru a rescrie site-ul existent, va dura ceva timp și costurile forței de muncă. Deci, dacă aveți un site mare, mișcarea spre design adaptiv nu poate fi cea mai bună alegere.
2. În funcție de locația site-ului dvs., stoarceți conținutul de pe ecranul telefonului mobil va fi destul de dificil.
3. Elementele de navigare nu sunt afișate întotdeauna în dimensiunea dorită și când cursorul se deplasează, elementele de suprafață nu funcționează deloc pe ecrane tactile. Acest lucru poate provoca modificări la navigație.
4. Există cazuri în care paginile adaptive cu un număr mare de imagini sunt încărcate mai lent la un răspuns ridicat de design.

Dacă decideți să alegeți un site cu un design receptiv, rețineți că este necesar să verificați site-ul dvs. pe diferite browsere și dispozitive (sau să utilizați bine Agent utilizator Emulator) înainte de a rula site-ul.

Un bun exemplu de design adaptiv este un site web. website :

Versiunea mobilă schimbă site-ul destul de frumos.

Opțiunea 2: servirea dinamică

Esența servirii sau redirecționării dinamice este că este determinată pentru prima dată Agent utilizator Vizitator (adică ce dispozitiv utilizează pentru a vizualiza site-ul dvs.) și apoi redirecționarea se efectuează la nivelul serverului la ul dorit UL. Redirecționarea dinamică poate fi făcută în mai multe moduri.

Una dintre modalitățile de a implementa redirecționarea dinamică este redirecționarea unidirecțională la care utilizatorii de telefonie mobilă sunt redirecționați de pe site-ul principal principal pe versiunea sa mobilă.

Al doilea tip, redirecționarea bidirecțională - atunci când utilizatorii sunt redirecționați și de la versiunea mobilă la cea obișnuită. Părțile codului responsabile pentru o astfel de redirecționare sunt uneori numite etichete de control. Când implementați acest lucru indică eticheta rel \u003d »alternativ» Pe versiunea obișnuită, indicând un site mobil; Și pe site-ul mobil, este localizată eticheta rel \u003d »alternativ»indicând versiunea completă de bază a site-ului.

Pro:

1. Deoarece redirecționarea se efectuează la nivelul serverului, va exista doar unul URL. Pentru fiecare pagină.
2. Redirecționarea dinamică funcționează, de asemenea, bine pentru telefoanele mobile obișnuite, care conțin un set fix de funcții, dar nu la fel de largi ca smartphone-urile. De exemplu, telefoanele mobile nu pot descărca aplicații, dar, de regulă, aveți anumite pagini web. Diferența mare este că telefoanele mobile nu pot procesa Css.Deci, ei nu pot face față bine cu designul receptiv. Prin urmare, este important să cunoașteți publicul dvs. și ce tip de dispozitive mobile folosesc.
3. Dacă doriți să aveți special pentru utilizatorii dvs. de telefonie mobilă, această opțiune vă va permite să o faceți, deoarece utilizatorii mobili și utilizatorii versiunii obișnuite afișează un cod diferit HTML..

Minusuri:

1. O astfel de implementare dublează cantitatea de muncă, deoarece trebuie să faceți un site separat pentru dispozitivele mobile, cu un set separat de indexare HTML.care necesită separat SEO..
2. Lista necesară a rândurilor de agenți personalizați necesită, de asemenea, întreținere permanentă, deoarece trebuie adăugate noi linii atunci când produc un nou dispozitiv mobil.
3. În cele din urmă, rețineți că va trebui să utilizați " HTTP HEADER variază"Dacă site-ul dvs. oferă conținut dinamic dinamic. Titlul vă ajută să obțineți conținutul corect și ajută motorul site-ului corect cache. Google prezintă informații detaliate despre cum să adăugați acest titlu ( https://developers.google.com/webmasters/smartphone-sites/detals#dnamicserving) .

Opțiunea 3: Site-ul mobil

Această opțiune, după cum rezultă din nume, include crearea unui domeniu separat special pentru utilizatorii de telefonie mobilă. Cele mai frecvente exemple sunt m.domain.ru.sau mobile.domain.ru.. Aceasta este o opțiune populară pentru comercianții cu amănuntul mari. Această metodă include dezvoltarea conținutului, în special pentru vizitatorii care utilizează mobile (și fără redirecționare la nivelul serverului).

Pro:

1. Pentru site-urile mari cu numărul de pagini din sute de mii sau milioane, introducerea designului adaptiv va cauza prea multă muncă. În cazul unui site mobil - va fi posibilă creșterea treptată a versiunii mobile a site-ului (aceasta ca un sit separat), iar munca va fi mult mai mică.
2. Ca și în cazul redirecționării dinamice, site-ul pentru dispozitivele mobile arată mai bine pe telefoanele mobile decât site-ul cu un design adaptiv. În funcție de demografia site-ului dvs., acesta nu poate fi un criteriu; Dar pentru unele întreprinderi, este important.

Minusuri:

1. Site-ul dvs. mobil nu va beneficia de nici o creștere pozitivă a profilului backlink pe site-ul principal (dacă nu ați implementat redirecționarea bidirecțională). Deci, dacă doriți ca utilizatorii dvs. de telefonie mobilă să vă găsească într-o căutare organică, acest moment poate fi deosebit de negativ.
2. Site-ul dvs. mobil va necesita o lucrare suplimentară pe SEO. Va trebui să trimiteți carduri separate XML Sitemap pentru Google și Yandex. În plus, va trebui să editați etichetele metalice. Etichetele metalice mobile ar trebui să fie mai scurte decât pentru site-ul versiunii obișnuite.

Iată un exemplu în care site-ul mobil se face corect. Nytimes.com. Are un site principal pentru vizitatori de pe desktop PCS:

ȘI mobile.nytimes.com. Pentru vizitatorii mobili:

După cum puteți vedea, conținutul a fost reformat semnificativ și redus pentru a le citi pe un dispozitiv mobil.

Concluzii

Pentru a face alegerea potrivită pentru site-ul dvs., nu uitați să vă întrebați câte dintre vizitatorii dvs. folosesc dispozitivele mobile pentru a accesa site-ul. Verifică. Dacă procentul total de trafic mobil este aproape de nivelul de 5%, probabil că nu vă puteți grăbi să introduceți un design pentru mobil.

Dacă previziunile sunt justificate, utilizarea mobilă va continua să crească. Apoi, cei ale căror site-uri nu vor fi afișate corect pe dispozitivele mobile, pierd o parte semnificativă a traficului de căutare și nu numai. Faceți site-uri "pentru oameni" și veți fi fericiți!

În fiecare an, vizitatorii intră din ce în ce mai mult pe Internet și fac achiziții de la dispozitive mobile. Cu ei, conform lui Yandex.MERITS din primăvara anului 2016, 29% din toate vizitele pe situri sunt efectuate în Rusia, iar această cifră este în continuă creștere.

Motoarele de căutare care sunt întotdeauna obosite pentru confortul utilizatorului final sunt recomandate pentru a face site-urile lor să răspundă pentru diverse dispozitive. Acum, când clasați în emiterea mobilă, dacă pagina este optimizată pentru smartphone / tablete sau nu. Prin urmare, atunci când creați un site, este mai bine să vă gândiți imediat la asta. Dacă site-ul există deja și funcționează, atunci este necesar să o optimizați pentru a ține pasul cu vremurile și nu pierdeți clienții potențiali utilizând dispozitive mobile.

Există două opțiuni pentru optimizarea unui site pentru smartphone-uri și tablete: aspectul adaptiv și versiunea mobilă. Luați în considerare diferența dintre aceste moduri, vom învăța argumentele pro și contra.

Design adaptiv

Caracteristica principală este că toate elementele interfeței sunt ajustate automat la ecranele de diferite dimensiuni. Datorită acestui fapt, astfel de site-uri sunt la fel de bine și convenabil afișate pe computere personale, laptop-uri, smartphone-uri și tablete.

Beneficii:

• site-ul este întotdeauna ajustat pentru rezoluția curentă a ecranului - când schimbați orientarea pe un dispozitiv mobil sau cu o scădere a ferestrei browserului de pe desktop;
• nu este nevoie să configurați redirecționările;
• site-ul este mai bine clasat în emiterea mobilă;
• ușor de gestionat site-ul, deoarece conținutul este reglat automat pentru diferite dispozitive;
• economii - aspectul site-ului adaptiv vă va costa mai ieftin decât dezvoltarea unui site separat pentru dispozitivele mobile.

Dezavantaje:

Principalul dezavantaj al acestei opțiuni este că nu rezolvă problema încărcării site-ului. Și pe computer și pe dispozitivul mobil la deschiderea unui site adaptiv, aceeași cantitate de informații este încărcată. Prin urmare, este important să luați în considerare faptul că site-ul care se va deschide instantaneu pe PC pe telefonul smartphone sau tabletă utilizând Internetul mobil se va deschide încet.

versiune mobila

Versiunea mobilă presupune că sunt create două site-uri: principalul vizualizare din computere și mobil pentru smartphone-uri și tablete.

Beneficii:

• la fel ca la aspectul adaptiv, versiunea mobilă este mai bine clasată în emiterea mobilă;
• abilitatea de a posta pe site numai funcționalitatea și conținutul care este necesar pentru smartphone-uri și tablete;
• meniul, navigarea și alte elemente de design pot fi ajustate pe deplin la nevoile utilizatorilor de telefonie mobilă;
• versiunile principale (pentru computere) și mobil pot fi modificate independent unul de celălalt;
• timp de încărcare rapidă.

Dezavantaje:

• necesitatea de a cheltui resurse pentru a sprijini și a gestiona cele două resurse în același timp, monitorizează relevanța informațiilor pe ambele;
• la plasarea conținutului, este necesar să începeți adaptarea la ambele dispozitive mobile și apoi să publicați de două ori: pe versiunea principală și mobilă;
• necesitatea de a configura redirecționările;
• problema cu duplicarea conținutului - un articol are două adrese diferite, care afectează negativ indicatorul unicității și eficacitatea afișajului în motoarele de căutare;
• versiunea mobilă a site-ului necesită investiții mari: trebuie să țineți cont de costurile de dezvoltare, actualizând versiunea mobilă și achiziționarea unui domeniu separat.

Rezultatele comparației

Pe baza avantajelor și dezavantajelor de mai sus ale a două opțiuni pentru optimizarea site-ului sub dispozitive mobile, vă recomandăm să treceți la aspectul adaptiv: această opțiune nu este doar mai puțin costisitoare în cost și timp în comparație cu versiunea mobilă, dar și vă permite să gestionați convenabil site-ul.

Platformă de experiență pentru crearea de site-uri pentru animale

Pe baza Nethous, astăzi există mai mult de 50.000 de resurse active: magazine online, site-uri de firme și specialiști, vedere, portofoliu și bloguri. În decembrie 2016, am lansat noi șabloane adaptive și am oferit utilizatorilor să meargă la ei în câteva clicuri de mouse, fără a pierde informații și absolut gratuit.

Până în prezent, aproximativ 25% dintre utilizatorii noștri au trecut la șabloane adaptive. Să vedem cum a afectat statisticile site-urilor lor.

1. Căutați traficul.

Unii dintre utilizatorii noștri au experimentat că tranziția către design adaptiv poate afecta negativ traficul și trebuie să aștepte până la restabilirea acestuia. Potrivit programelor, este clar că acest lucru nu sa întâmplat.

2. Căutați traficul mobil.

Motoarele de căutare Clasati site-uri adaptive de mai sus în emiterea mobilă și Google chiar și în versiunea desktop a site-urilor de emitere fără adaptabilitate a șirului "pagina dvs. nu este optimizată pentru smartphone-uri". Graficul de mai jos arată că, după trecerea la aspectul adaptiv, traficul de căutare de la smartphone-uri este în continuă creștere.

3. Factori comportamentali.

Designul adaptiv nu numai că arată foarte bine și îndeplinește în exterior toate cerințele tendințelor moderne, dar îmbunătățește, de asemenea, indicatorii comportamentali ai amplasamentului, cum ar fi o rată de eșec, profunzimea de vizualizare și timpul pe site, ceea ce este deosebit de relevant pentru traficul de la dispozitive mobile. Graficele de mai jos prezintă modificări ale statisticilor privind factorii comportamentali în comparație cu perioadele "la" schimbarea șablonului și "după".

Pentru a determina ceea ce este mai bine - un design adaptiv sau o versiune mobilă a site-ului, trebuie să înțelegeți mai întâi de ce este necesar toate acestea.

Potrivit comScore.com, procentul de utilizatori care caută site-uri de la dispozitive mobile, în fiecare an devine din ce în ce mai mult:

Baza de date activă a bazei de date a abonatului, lumea, milioane de persoane, 2007-2015.

În acest sens, au fost dezvoltate noi algoritmi pentru motoarele de căutare și au fost introduse factori de rang suplimentar: acum căutarea extrădării este luată în considerare modul în care site-ul este prietenos mobil (convenabil pentru vizualizarea pe dispozitivele mobile). În Google, algoritmul prietenos mobil a fost lansat pe 21 aprilie 2015, în Yandex - Vladivostok la 2 februarie 2016.

Versiunea desktop a site-ului și versiunea adaptată pentru dispozitivele mobile

Pe măsură ce motoarele de căutare determină dacă pagina site-ului este confortabilă pentru vizualizarea de la dispozitive mobile:

• paginile ar trebui să fie conținut care nu necesită derulare orizontală sau scalare pentru vizualizare;
• site-ul nu ar trebui să fie elemente care nu funcționează pe multe dispozitive mobile - Flash, Java Applets și Silverlight-Plugins;
• textele de pe pagini trebuie să fie fără scalare fără scalare;
• referințele trebuie să fie la o distanță suficientă una de cealaltă, astfel încât să poată apăsa cu ușurință.

Care este cele mai importante motoare de căutare, evaluează site-urile web fără echivoc - fie prietenoase sau nu.

Utilizarea instrumentului Google PagesPeed Insights (https://developers.google.com/speed/pagespeed/), puteți determina cât de repede sunt încărcate paginile site-ului, precum și utilizarea lor. Evaluarea PartedPeed poate fi de la 0 la 100 de puncte în "Viteza paginii" și "Confort pentru utilizatori", de exemplu:

Rezultatele de la 85 de puncte și mai sus sunt considerate bune.

Dacă pagina site-ului nu îndeplinește cerințele serviciului, se emite un raport sub formă de recomandări pentru depanare, de exemplu:

Acest serviciu poate fi utilizat pentru diagnosticarea inițială și pentru a identifica problemele de pe site.

În ce cazuri este necesar să se dezvolte o versiune mobilă sau adaptivă pentru site-uri?

Pentru a înțelege dacă să se adapteze site-ul pentru o audiență "mobilă", este necesar să îl analizați în sistemele Web Analytics (Yandex.metric sau Google Analytics) privind participarea în contextul dispozitivelor de la care utilizatorii intră pe site. În cazul în care mai mult de 15% din audiență folosesc smartphone-uri sau tablete, se recomandă dezvoltarea unui aspect adaptiv sau versiune mobilă. Este important să luați în considerare traficul site-ului. De exemplu, pentru site-uri cu un număr mare de vizitatori (de la 1 000 000 și mai mare), acest plan este redus, deoarece este imposibil să neglijați acest segment mare al traficului site-ului.

Versiunea mobilă a site-ului

versiune mobila - versiune separată sau șablon separat adaptat pentru a afișa pe dispozitivele mobile. Este posibil să nu afișeze toate blocurile care se află pe versiunea principală a site-ului.

"Versiune specială Sick Mobile: Când se comută la acesta în bara de adrese, se modifică adresa URL - prefixul" M. "este adăugat, de exemplu: M.Example.ru.

Vizualizați pe monitorul computerului și pe un dispozitiv mobil: Versiunea mobilă diferă de partea principală

Un exemplu de site cu o versiune mobilă adaptată: http://www.lamoda.ru/ (m.lamoda.ru).

Principalele avantaje ale versiunii mobile a site-ului

• Greutate redusă și, ca rezultat, viteza de descărcare ridicată. Acest lucru este esențial pentru utilizatorii care au viteze scăzute de acces la Internet (GPRS sau Slab 3G).
• Prezența unei alegeri de alegere, care este vizualizată (mobilă sau de bază).
• Respectarea cerințelor motoarelor de căutare pentru confortul vizualizării site-ului pe dispozitivele mobile.

Dezavantaje ale versiunii mobile

• Dacă aveți nevoie să modificați site-ul, acestea vor trebui să contribuie la versiunea obișnuită a site-ului și pe mobil, adică volumul de muncă crește de 2 ori.
• La elaborarea acestuia, este adesea necesară abandonarea părții conținutului.
• Deoarece versiunea mobilă și principală a site-ului se află pe diferite domenii, nu îmbunătățește factorii comportamentali ai domeniului principal, adică va fi un minus pentru optimizarea SEO.

Acesta este un design special al paginilor web, în \u200b\u200bcare elementele site-ului își schimbă dimensiunea și locația cu rezoluții diferite de afișare. Site-ul este adaptat automat la dimensiunea dispozitivului pe care este deschis, fie că acesta este un monitor PC, smartphone sau tabletă. Datorită acestui tip de aspect, site-ul va fi convenabil și clar afișat pe diverse dispozitive. Odată cu utilizarea tehnologiilor adaptive de proiectare, funcționalitatea site-ului nu suferă.

Vizualizați pe monitorul computerului și pe un dispozitiv mobil - versiunea adaptivă diferă de partea principală

Un exemplu de site cu o versiune adaptivă: http://www.mvideo.ru/.

Avantajele designului adaptiv pentru dispozitivele mobile

• O adresă URL pentru întregul conținut.
• Interfață flexibilă - puteți configura un afișaj confortabil al site-ului pentru orice lățime a ecranului.
• Designul adaptiv îndeplinește cerințele motoarelor de căutare la confortul vizualizării site-ului pe dispozitivele mobile.
• Dacă site-ul are o versiune adaptivă, factorii comportamentali devin mai buni pe dispozitivele mobile și indicatorii generali ai site-ului sunt îmbunătățite. Pentru clasament în extrădarea căutării, acesta va fi un plus mare.

Dezavantaje ale designului adaptiv pentru dispozitivele mobile

• Necesitatea de a crea layout-uri separate ale paginilor pentru fiecare rezoluție a afișajului.
• Versiunea adaptivă, spre deosebire de Mobile, nu poate fi comutată în modul normal. Adică, utilizatorul nu rămâne alegerea afișajului site-ului. Dezavantajul este relevant dacă există erori în versiunea adaptivă - de exemplu, elementele sunt afișate incorect.
• Complexitatea adăugării unui nou șablon de pagini, deoarece acestea vor trebui să fie configurate pentru afișarea corectă din versiunea adaptivă. Dacă adăugați informații despre șabloanele de pagini deja existente, nu vor exista probleme cu cartografierea.

Ce este mai bine: aspectul adaptiv pentru dispozitivele mobile sau versiunea mobilă a site-ului?

Cea mai bună soluție pentru site este utilizarea aspectului adaptiv pentru dispozitivele mobile. În ciuda unui număr de deficiențe, site-ul cu aspect adaptiv este mai funcțional. De asemenea, prezența șabloanelor de pagini implică simplitatea adăugării conținutului pe site, spre deosebire de versiunea mobilă, în care conținutul conținutului este duplicat, deoarece există de fapt două site-uri diferite. Un BIG Plus este faptul că versiunea adaptivă îmbunătățește factorii comportamentali ai site-ului principal. Acest lucru este util în ceea ce privește promovarea și utilitatea. Pe baza acestui lucru, vă recomandăm alegerea dvs. în favoarea aspectului adaptiv.