Ei bine, intrebarile sunt diferite cand cineva ajunge in site prin intermediul unui smartphone: <\/span><\/p>\n \u201cCe l-a atras in magazinul meu de acolo <\/span>de unde provine<\/b>? Ce problema incearca sa rezolve <\/span>acum<\/b>?\u201d <\/span><\/p>\n Te intrebi ce tip de dispozitiv foloseste, care este marimea ecranului si ce sistem de operare foloseste (Android sau iOS). Toate acestea conteaza, ca sa afli cum il poti convinge sa converteasca in magazinul tau.<\/span><\/p>\n Numarul persoanelor care folosesc telefonul mobil pentru a accesa diferite site-uri este in crestere. <\/span><\/p>\n Statisticile prevad faptul ca la nivel global, pana in 2017, mai mult de 90% dintre utilizatorii de internet vor accesa continut online de pe telefon. <\/span><\/p>\n In aceeasi directie, echipa Silkweb a realizat un infografic privitor la situatia <\/span>SEO pentru Mobil in Romania<\/b><\/a>, in care se observa o disproportie evidenta intre evolutia numarului consumatorilor de internet pe mobil si numarul mic de website-uri optimizate corespunzator.<\/span><\/p>\n Avand in vedere acest aspect, optimizarea website-urilor pentru mobil devine varful de lance pe care trebuie sa il pregatesti pentru un impact pozitiv.<\/p>\n Aceasta reprezinta de multe ori prima impresie a companiei tale. Sa fii optimizat pentru mobil nu mai e doar o optiune, un moft, daca vrei sa faci bani (si presupun ca vrei). Cateva schimbari pot influenta radical numarul de conversii pe mobil sau desktop.<\/p>\n E greu, aproape imposibil si deloc practic sa creezi versiuni diferite pentru toate device-urile folosite de catre clienti pentru a accesa magazinul online. Lista dispozitivelor se intinde de la diferite tipuri de smartphone-uri, tablete, iPad, iPhone, Kindle si pana la infinit, daca stam sa apreciem cum evolueaza tehnologia moderna. <\/span><\/p>\n Adica, nu m-as mira daca in viitorul apropiat am ajunge sa intram pe net direct de pe\u2026frigider. De exemplu, sa comanzi mancare si produse alimentare direct de pe lista pe care a lasat-o sotia pe frigider. Suna bine, nu? \ud83d\ude42<\/span><\/p>\n Deci care este solutia pentru a remedia aceasta situatie? Problema este usor de rezolvat prin conceptul de <\/span>Responsive Web Design<\/a>, un trend intens discutat la ora actuala. Este, practic, cea mai simpla si eleganta solutie.<\/span><\/p>\n Design-ul Responsive este o combinatie intre griduri flexibile, imagini flexibile si Media Queries ce permit website-ului sa se adapteze oricarui dispozitiv folosit.<\/span><\/p>\n Practic, design-ul <\/span>raspunde<\/span><\/i> caracteristicilor fiecarui device prin care utilizatorul acceseaza un site. Numarul ratiunilor pentru care ar trebui sa te orientezi si tu spre acest tip de design (in caz ca nu ai facut-o pana acum) incepe sa creasca din ce in ce mai mult. <\/span><\/p>\n Salveaza timp, salveaza bani si, cea mai buna parte, permite utilizatorului sa-ti acceseze continutul de pe orice dispozitiv prefera.<\/span><\/p>\n Citeste si: <\/span>Vezi Legatura Dintre Web Design Si Afacerea Ta<\/a><\/b><\/p>\n De cand a fost mentionat pentru prima data de catre Ethan Marcotte in 2010, in <\/span>articolul<\/a> sau Responsive Web Design, publicat pe A List Apart, conceptul a capatat o importanta uriasa, transformandu-se intr-un adevarat trend.<\/span><\/p>\n Cu ceva timp in urma, majoritatea site-urilor aveau la baza griduri fixe si treaba functiona pentru ca cele mai multe calculatoare aveau cam aceeasi rezolutie. Situatia s-a schimbat tocmai datorita dispozitivelor cu rezolutii variate.<\/span><\/p>\n Sistemul flexibil de griduri urmareste ca toate elementele din layout sa fie redimensionate astfel incat sa creeze un intreg coerent, deci se bazeaza pe calculul proportiilor. Design-ul responsive este diferit de definirea unui site in pixeli. In acest caz, codurile responsive sunt scrise in procente si unitati relative.<\/span><\/p>\n Al doilea ingredient, imaginile flexibile, isi pot modifica latimea si inaltimea in functie de dimensiunea gridurilor. <\/span><\/p>\n In ceea ce priveste al treilea element, Media Queries, reprezinta o metoda practica de a incarca diferite stiluri CSS pentru diferite rezolutii, in vederea unei experiente calitativ superioare a vizitatorului in site.<\/span><\/p>\n RWD este potrivit atat pentru site-urile B2C cat si pentru cele B2B. <\/span><\/p>\n Cel mai proeminent beneficiu al site-urilor vine pe partea de SEO: au rate de respingere mai scazute datorita unui rank superior in Google, au un singur nume de domeniu mai usor de cautat, cu rezultate vizibile, optimizeaza si mentin un singur website comparativ cu efortul depus pentru a avea grija de versiuni separate pentru desktop si mobil. <\/span><\/p>\n Totusi, design-ul responsive nu influenteaza consumatorul doar in stadiul de recunoastere dar si in cel de finalizare a unei comenzi sau abonare. Prin urmare, conversiile se intampla si pe mobil iar numarul acestora creste. <\/span><\/p>\n Atunci cand construiesti un website si implementezi un design responsive, vei avea un singur URL catre care traficul din orice cuvant cheie folosit va fi redirectionat.<\/p>\n Fara conotatii biblice, acest principiu se refera la tehnica realizarii unui site pornind de la o baza simpla. <\/span><\/p>\n Multi developeri aleg sa creeze un site incepand cu varianta pentru un dispozitiv cu capacitate limitata, cu mai putine optiuni (pentru mobil) si apoi, sa adauge diferite functionalitati pentru a ajunge la versiunea website-ului pentru desktop. Logic, este mai usor sa dezvolti ceva adaugand optiuni decat sa te decizi ce elimini pentru a realiza ceva mai simplu.<\/span><\/p>\n Haide sa discutam putin si despre opinia lui Google despre design responsive. <\/span><\/p>\n Cel mai recent, pe 21 aprilie, Google a lansat un mobile-friendly update, pe care cei mai multi l-au numit Mobilegeddon. Sincer, mi se pare ca foarte multa lume a intrat in panica, crezand ca toate rezultatele vor fi afectate. <\/span><\/p>\n In fapt, Mobilegeddon actioneaza doar in momentul in care cautarea se face de pe telefonul mobil. Rezultatele afisate de Google pe desktop, laptop sau tablete au ramas la fel.<\/span><\/p>\n Practic, aceasta actualizare a avantajat site-urile optimizate pentru smartphones si rezolutii mici, urmarind modul de afisare si nivelul de usability al site-urilor pentru telefoanele inteligente. Daca inca nu stii daca magazinul tau este mobile-friendly, verifica-ti statusul in <\/span>instrumentul<\/a> pus la dispozitie de Google. <\/span><\/p>\n Partea trista, in aceasta situatie, este faptul ca a fost nevoie de penalizari din partea motorului de cautare pentru ca magazinele online sa se mobilizeze, sa ofere o experienta mai placuta clientilor magazinului lor.<\/span><\/p>\n Gandeste-te doar la email-urile pe care le trimiti clientilor, cu newslettere, oferte, mesaje etc. <\/span><\/p>\n Sunt acestea optimizate pentru mobil? Sau utilizatorul se enerveaza si il sterge doar pentru ca trebuie sa se chinuie sa-l citeasca pe smartphone? Clientul tau nu are timp si rabdare sa citeasca un mesaj care nu este optimizat pentru mobil si nici nu va cauta in graba un PC sau laptop doar ca sa-ti faca tie un favor. <\/span><\/p>\n
Design-ul responsive inseamna ca site-ul tau se adapteaza automat la dimensiunea ecranului vizitatorului \u2014 desktop, tableta sau telefon mobil. In 2025-2026, peste 75% din traficul eCommerce in Romania vine de pe mobil. Un magazin online fara design responsive pierde 3 din 4 potentiali clienti si este penalizat de Google in rezultatele de cautare (mobile-first indexing).<\/div>\n![\"decizie](\"http:\/\/www.silkmart.ro\/blog\/wp-content\/uploads\/2015\/11\/decizie-cumparare-1024x609.png\")
<\/p>\nPrincipiul \u201cLa inceput a fost mobilul\u2026\u201d<\/b><\/h3>\n
![\"utilizare](\"http:\/\/www.silkmart.ro\/blog\/wp-content\/uploads\/2015\/11\/utilizare-cercetare-mobil-1024x679.png\")
<\/p>\n