Cum să vă asigurați că site-ul dvs. arată bine pe toate dispozitivele

Cu doar 10 ani în urmă, webmasterii nu trebuiau să-și facă griji cu privire la crearea mai multor versiuni ale unui site web pentru vizualizare pe diferite platforme. Consumatorul a folosit computere desktop sau laptop de acasă sau de la birou pentru a căuta produse, pentru a rezerva vacanțe și pentru a citi cele mai recente știri. Ecranele, deși diferite ca dimensiuni, prezentau informații pentru consumatori în aceleași modele de design și a existat un sentiment de predictibilitate care a făcut munca puțin mai ușoară.

Astăzi, consumatorii accesează web-ul de pe desktop-uri, laptopuri, smartphone-uri, tablete, e-Readers și console de jocuri. Aceste dispozitive folosesc diferite viteze de conectare, au numeroase dimensiuni de ecran, rezoluții variabile și oferă viteze de procesare care variază de la broasca țestoasă la iepure de câmp în ceea ce privește timpul de reacție. Cum consumatorii navighează pe pagina dvs. pe orice număr de dispozitive diferite, cum vă puteți asigura că site-ul dvs. arată bine, indiferent de dispozitivul pe care îl folosesc pentru a interacționa cu marca dvs.?

În această postare, vom discuta factorii pe care trebuie să-i țineți cont și vom oferi câteva sfaturi utile pentru a vă ghida prin optimizarea paginii dvs. web pentru vizualizare pe mai multe dispozitive.

Cum să vă vedeți site-ul pe diferite dispozitive

Dacă ești ca majoritatea americanilor, probabil că ai un smartphone sau o tabletă, sau ambele. Cu toate acestea, este puțin probabil să aveți aceste dispozitive echipate cu toate dimensiunile diferitelor ecrane, procesoare și sisteme de operare care plutesc pe piață astăzi. Din fericire, oamenii buni de la HubSpot au creat un instrument care vă permite să vă vizualizați site-ul web pe diferite dispozitive fără a fi nevoie să îl testați pe fiecare dispozitiv. Laboratorul lor de dispozitive a fost lansat în 2013 și vă permite să introduceți pur și simplu adresa URL a site-ului dvs.

Device Lab nu numai că vă va arăta cum arată pagina dvs. pe diferite dispozitive și sisteme de operare, ci va genera rapoarte rapide cu privire la procentul de vizitatori de pe mobil de pe diferitele platforme. Veți vedea rapoarte pentru iPhone 4/4S, iPhone 5 și iPhone 6/6 Plus, precum și pentru dispozitivele Samsung Galaxy S3/S4/S5 și pentru cele mai populare tablete de astăzi.

Cum să creați un site prietenos cu dispozitivele mobile

Device Lab vă va ajuta să vă vizualizați site-ul pe diverse platforme. Veți vedea dacă pagina dvs. este tăiată pe tablete sau necesită prea multă acțiune de zoom și derulare din partea vizitatorilor, dar nu vă va spune cum să faceți modificările necesare pentru a dezvolta o platformă prietenoasă pentru dispozitive mobile. Doriți să vă asigurați că consumatorii dvs. găsesc un site web captivant, ușor de utilizat, indiferent de dispozitivul pe care vă accesează site-ul.

Antreprenorul oferă câteva puncte de plecare de bază pentru webmasterii care doresc să creeze un site care să arate grozav pe orice dispozitiv. Pentru început, ar trebui să vă faceți timp să vă uitați la site-ul dvs. actual și să vă asigurați că se potrivește cu utilizatorul web de astăzi. Peste un miliard de oameni folosesc smartphone-uri pe tot globul și mulți le folosesc ca punct de acces principal pentru Internet.

Începeți prin a simplifica designul general al site-ului. Trebuie să luați în considerare modele de pagini mai simple și dimensiuni mai mari ale fonturilor pentru timpi de încărcare mai rapidi și vizualizare mai ușoară pe dispozitivele mobile. Vechiul termen de ziar „de mai sus” este important în designul web modern. Dacă spectatorii dvs. trebuie să deruleze în jos în pagină pe un dispozitiv mobil, ei vor renunța rapid în favoarea unui site bine conceput. Asigurați-vă că informațiile dvs. critice se află deasupra pliului (adică nu trebuie să derulați pentru a le găsi) și utilizați butoane mari, care se pot atinge. Apelarea la fund este un lucru din trecut, dar degetele grase duc la apăsări accidentale de butoane pe smartphone-uri în fiecare zi.

Dacă nu doriți să vă încurcați cu adaptarea site-ului dvs. actual, aveți și opțiunea de a crea un site mobil. Dezvoltarea unui site mobil pentru afacerea dvs. stabilește un site web paralel care există separat de site-ul dvs. tradițional, dar conectat la acesta. Procesoarele determină dacă vizitatorii provin sau nu de pe computere desktop/laptop-uri sau smartphone-uri/tablete și îi redirecționează către site-ul tău mobil imediat când introduc adresa URL.

Există totuși compromisuri care vin cu un site mobil. Construind un site mobil care folosește o a doua adresă URL, în special subdomeniul .m, vizibilitatea ta în motoarele de căutare va avea de suferit. Google și Bing nu sunt găsite în subdomeniul .m și solicită ca webmasterii să folosească o singură adresă URL de dragul unei vizibilități mai mari și al optimizării motoarelor de căutare.

Acestea fiind spuse, bugetul vă poate obliga să creați un site mobil separat în loc să vă reconstruiți site-ul principal. Un site mobil care este mai puțin vizibil este mai bine decât să ratezi publicul mobil. Doar asigurați-vă că vă conectați site-ul mobil la site-ul principal și veți putea elimina o parte din decalaj.

Cea mai bună opțiune

Desigur, puteți face oricând o investiție semnificativă în afacerea dvs. și puteți reconstrui un site care va funcționa pe orice dispozitiv în orice moment. Prin design adaptiv și receptiv, puteți construi un site web care s-a dovedit că se afișează corect de fiecare dată când vizitatorii fac clic pe pagina dvs., indiferent de dispozitivul pe care îl folosesc. Iată o scurtă introducere a ambelor concepte:

• Design adaptiv: marile companii investesc mult în design adaptiv. Un site web adaptiv detectează și identifică dispozitivul fiecărui utilizator în câteva secunde și generează o pagină potrivită cu capabilitățile dispozitivului respectiv.
• Design responsiv: folosind tehnologia Cascading Style Sheets (CSS), designul responsiv creează o singură versiune a site-ului dvs. web care se ajustează automat pentru a se afișa corect pe majoritatea dispozitivelor, cu excepția telefoanelor mobile mai vechi. Design-urile responsive sunt suficient de flexibile pentru a vă asigura că site-ul dvs. arată bine, indiferent de dimensiunea afișajului sau viteza procesorului de pe un dispozitiv.

Există dezavantaje ale acestor abordări. Designul adaptiv reprezintă apogeul designului site-ului web astăzi, dar este incredibil de costisitor de implementat și susținut. Designul responsive este mai accesibil, dar nu chiar la nivelul designului adaptiv. Totuși, în comparație cu alte opțiuni, receptivitatea este mai presus de construirea unui site mobil simplu.

Pe măsură ce vă gândiți la o reproiectare web, țineți cont de factorii pe care i-am menționat în această postare. Indiferent de bugetul tău, trebuie să aloci fonduri pentru a proiecta un site web vizibil și ușor de utilizat pe orice dispozitiv. Astăzi sunt smartphone-uri, tablete și un număr tot mai mare de televizoare inteligente. Mâine, consumatorii ar putea să vă vadă pagina în bucătărie pe ușile frigiderului sau în baie pe oglinzi. Pregătește-ți site-ul web astăzi pentru provocări.