{"id":4886,"date":"2016-11-24T10:02:19","date_gmt":"2016-11-24T10:02:19","guid":{"rendered":"https:\/\/360advertising.ro\/new\/?p=2614"},"modified":"2016-11-24T10:02:19","modified_gmt":"2016-11-24T10:02:19","slug":"site-responsive-pentru-dispozitive-mobile","status":"publish","type":"post","link":"https:\/\/360advertising.ro\/new\/site-responsive-pentru-dispozitive-mobile\/","title":{"rendered":"Site responsive. De ce este important s\u0103 ai un site adaptat pentru dispozitive mobile?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Potrivit Agerpres, un studiu realizat \u00een anul 2015 de c\u0103tre Biroul Rom\u00e2n de Audit Transmedia (BRAT) a relevat faptul c\u0103 aproximativ <\/span><span style=\"font-weight: 400;\">70% din popula\u021bia ora\u0219elor \u0219i 44% din cea a satelor din Rom\u00e2nia utilizeaz\u0103 <strong>internetul<\/strong>. \u0218i, potrivit smartinsights.com, circa 80% dintre utilizatori de pe glob navigheaz\u0103 pe Internet de pe un<strong> smartphone<\/strong> (octombrie 2016).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A\u0219adar, <\/span><span style=\"font-weight: 400;\">atunci c\u00e2nd \u00eencepi s\u0103 construie\u0219ti un <strong>site web<\/strong> al afacerii tale, trebuie s\u0103 te g\u00e2nde\u0219ti la<\/span><i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><span style=\"font-weight: 400;\">modul \u00een care este vizualizat site-ul de c\u0103tre vizitatori<\/span><span style=\"font-weight: 400;\">. Pentru ca site-ul t\u0103u s\u0103 fie vizibil tuturor utilizatorilor, acesta trebuie s\u0103 poat\u0103 fi accesat de pe <strong>toate dispozitivele<\/strong> pe care poten\u021bialii clien\u021bi le folosesc (desktop sau laptop, tablet\u0103, telefon mobil). <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00cen prezent, nu se mai creeaz\u0103 versiuni separate pentru desktop \u0219i pentru telefoanele mobile. Acum, speciali\u0219tii realizeaz\u0103 website-uri <strong>responsive<\/strong>, care s\u0103 poate fi accesate u\u0219or de pe orice dispozitiv utilizat. Astfel, ei<\/span><i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><span style=\"font-weight: 400;\">recomand\u0103 s\u0103 nu se creeze versiuni separate pentru varianta de desktop \u0219i mobil, ci site-ul s\u0103 fie adaptabil (responsive), de aceea, t<\/span><span style=\"font-weight: 400;\">rebuie s\u0103 \u0219tii c\u0103 Google penalizeaz\u0103 site-urile care nu au versiune responsive.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">C\u00e2nd spunem c\u0103 un website este responsive, ne referim la faptul c\u0103 acesta este capabil s\u0103 \u00ee\u0219i adapteze layout-urile paginilor \u00een func\u021bie de rezolu\u021bia ecranului de pe care este accesat. Acest lucru este favorabil utilizatorilor, oferindu-le o experien\u021b\u0103 de navigare formidabil\u0103.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tipul de site adaptat pentru dispozitivele mobile se nume\u0219te <strong>mobile-friendly<\/strong>, iar tipul de site adaptat pentru toate dispozitivele (desktop, tablet\u0103, laptop \u0219i mobil) se nume\u0219te <strong>responsive<\/strong>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Con\u021binutul de pe varianta mobil ar trebui s\u0103 coincid\u0103 cu con\u021binutul de pe varianta desktop, dar Google spune c\u0103 po\u021bi avea un con\u021binut diferit pentru ambele variante. Sfatul nostru este s\u0103 creezi acela\u0219i con\u021binut at\u00e2t pentru varianta pentru mobil, c\u00e2t \u0219i pentru varianta pentru desktop.<\/span><span style=\"font-weight: 400;\">\u00a0\u00cens\u0103 s\u0103 fie afi\u0219at\u00a0\u00een mod diferit, pentru a asigura o navigare c\u00e2t mai simpl\u0103 a site-ului \u0219i o vizibilitate c\u00e2t mai bun\u0103.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Prin urmare, atunci c\u00e2nd creezi un website, trebuie s\u0103 \u00eel faci responsive, pentru c\u0103 acest tip de design are multe avantaje de care ar trebui s\u0103 \u021bii cont :<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><span style=\"font-weight: 400;\"><strong>Accesibilitate<\/strong> \u2013 versiunea responsive este func\u021bional\u0103 pe toate dispozitivele! Astfel, costurile vor fi reduse, pentru c\u0103 nu mai este nevoie de versiuni speciale \u0219i create separat. \u00cen plus, un site responsive cre\u0219te vizibilitatea con\u021binutului, deci atrage trafic (adic\u0103 poten\u021biali clien\u021bi). Va cre\u0219te vizibilitatea \u0219i pentru motoarele de c\u0103utare, care vor ajuta la optimizarea site-ului.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<strong>\u00a0<\/strong><\/span><span style=\"font-weight: 400;\"><strong>Navigarea<\/strong> \u2013 utilizatorii vor avea o experien\u021b\u0103 excelent\u0103 de navigare de pe orice dispozitiv datorit\u0103 adapt\u0103rii rezolu\u021biei pentru fiecare ecran, elimin\u00e2nd erorile, scroll-ul orizontal sau nevoia de a da zoom pentru a ap\u0103sa anumite butoane.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><span style=\"font-weight: 400;\"><strong>Distribuirea<\/strong> \u2013 con\u021binutul poate fi distribuit u\u0219or, deoarece va exista un singur URL.<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><span style=\"font-weight: 400;\"><strong>Butoane<\/strong> \u2013 atunci c\u00e2nd utilizatorul viziteaz\u0103 site-ul de pe un telefon mobil, el trebuie s\u0103 g\u0103seasc\u0103 informa\u021biile \u0219i s\u0103 aib\u0103 la dispozi\u021bie butoane vizibile \u0219i func\u021bionale de Google, Facebook, Youtube. Acestea trebuie s\u0103 fie mari \u0219i s\u0103 aib\u0103 suficient spa\u021biu \u00eentre ele pentru a asigura o accesare u\u0219oar\u0103 a lor.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Con\u021binutul pentru dispozitivele mobile, de\u0219i trebuie s\u0103 coincid\u0103 cu cele de pe versiunea desktop a site-ului, trebuie s\u0103 \u00eendeplineasc\u0103 c\u00e2teva criterii esen\u021biale pentru a atrage c\u00e2t mai mul\u021bi utilizatori. <strong>Titlurile<\/strong> sunt primele citite de c\u0103tre utilizatori \u0219i, de aceea, este bine ca ele s\u0103 fie atractive \u0219i s\u0103 reprezinte sinteza a ceea ce se g\u0103se\u0219te pe site. \u00cen plus, trebuie s\u0103 fie scurt, la obiect, s\u0103 st\u00e2rneasc\u0103 curiozitatea astfel \u00eenc\u00e2t poten\u021bialul client s\u0103 se arate interesat \u00een continuare. Al doilea criteriu se refer\u0103 la <strong>m\u0103rimea textului<\/strong>. C\u00e2nd scrii un articol pentru site-ul t\u0103u, g\u00e2nde\u0219te-te c\u0103 utilizatorii \u00eel vor accesa \u0219i de pe mobil \u0219i nu vor avea r\u0103bdare s\u0103 citeasc\u0103 un text foarte lung de pe un ecran mic. De aceea, este recomandat s\u0103 fie scurt \u0219i la obiect, f\u0103r\u0103 fraze complicate sau de \u201edecor\u201d. De asemenea, a\u0219a cum spuneam mai sus, trebuie s\u0103 te asigur c\u0103 ai butoanele de Social Media pentru ca utilizatorul s\u0103 distribuie u\u0219or con\u021binutul. Ai mai putea ad\u0103uga butoane pentru Call-to-action (chemare la ac\u021biune), videoclipuri sau date de contact.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00cen concluzie, atunci c\u00e2nd \u00ee\u021bi construie\u0219ti un site al afacerii, trebuie s\u0103 te g\u00e2nde\u0219ti la caracteristica responsive. Astfel, site-ul t\u0103u va putea fi accesat de pe toate dispozitivele \u0219i vei ob\u021bine mai mult\u0103 vizibilitate \u00een mediul online.<\/span>    \t<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Potrivit Agerpres, un studiu realizat \u00een anul 2015 de c\u0103tre Biroul Rom\u00e2n de Audit Transmedia (BRAT) a relevat faptul c\u0103 aproximativ 70% din popula\u021bia ora\u0219elor \u0219i 44% din cea a satelor din Rom\u00e2nia utilizeaz\u0103 internetul. \u0218i, potrivit smartinsights.com, circa 80% dintre utilizatori de pe glob navigheaz\u0103 pe Internet de pe un smartphone (octombrie 2016). A\u0219adar, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4898,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,23],"tags":[],"class_list":["post-4886","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-web-development"],"_links":{"self":[{"href":"https:\/\/360advertising.ro\/new\/wp-json\/wp\/v2\/posts\/4886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/360advertising.ro\/new\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/360advertising.ro\/new\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/360advertising.ro\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/360advertising.ro\/new\/wp-json\/wp\/v2\/comments?post=4886"}],"version-history":[{"count":0,"href":"https:\/\/360advertising.ro\/new\/wp-json\/wp\/v2\/posts\/4886\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/360advertising.ro\/new\/wp-json\/wp\/v2\/media\/4898"}],"wp:attachment":[{"href":"https:\/\/360advertising.ro\/new\/wp-json\/wp\/v2\/media?parent=4886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/360advertising.ro\/new\/wp-json\/wp\/v2\/categories?post=4886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/360advertising.ro\/new\/wp-json\/wp\/v2\/tags?post=4886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}