També anomenat disseny adaptable, disseny adaptatiu o responsiu. El disseny responsive gira al voltant de modificar l'aparença de la pàgina web per adaptar-la a el dispositiu des del qual s'està visitant la pàgina. D'aquesta manera, l'experiència de l'usuari millora notablement, i és un dels recursos d'optimització SEO que Google planteja encaridament. Tenint en compte que des de 2015, va canviar el seu algorisme per premiar aquelles webs que sí que ho feien.
Però el disseny responsive, és alguna cosa més que limitar-se a una simple visualització a cada dispositiu. Ens ofereix la possibilitat de modificar el disseny (sense fer-ho) i adaptar-lo de forma genuïna a cada dispositiu. De potenciar el nostre SEO, i que la nostra web no sigui relegada per d'altres que sí que ho incorporen. A la fin, tot suma, i avui parlarem sobre els dissenys adaptables.
El Disseny Responsive
Es tracta en essència de la adaptació d'una web a cada tipus de dispositiu des del qual es pretengui connectar. Antigament, internet era únicament accessible des d'un ordinador de taula o portàtil. Actualment, podem trobar connexions des dels mòbils (que és el més habitual), tablets, llibres electrònics, etc. El primer efecte que es nota en cas de no disposar d'un disseny web responsive, són errors bàsics de l'tipus, una mala estructura, o que el dispositiu no suport certes visualitzacions. Això a causa de les pantalles, els processadors que porten, els sistemes operatius, la resolució o que la memòria és diferent en cada dispositiu.
Gràcies a aquest tipus de disseny, des d'una sola HTML i CSS és possible solucionar i donar solució a tots els inconvenients anteriors, que per exemple són molt populars entre dissenys d'amplada fixa. A més, la necessitat de mantenir cadascuna de les webs queda unificada a un sol lloc. Aconseguiràs millors i més òptims resultats, i una menor càrrega de treball.
Com transformar una web a design responsive
Tens diferents vies per aconseguir-ho. Evidentment el cas ideal és si parts de 0, però anem a enumerar-les.
- Crea una versió mòbil. Imprescindible i després en parlarem. Aquesta és la forma més «aparatosa», però vas a aconseguir els mateixos beneficis (amb una mica més de treball). A l'tenir un pes d'escriptori menor, i l'opció de millors imatges, podràs millorar la velocitat del teu lloc. Si per exemple uses WordPress, pots utilitzar algun Plugin, que és el més econòmic i ràpid. Per exemple el WPtouch Pro.
- Utilitza una plantilla predissenyada responsive. En el cas de WordPress i altres sistemes de gestió de continguts (CMS) com Joomla, tenen en general gairebé totes les seves plantilles amb disseny responsive actualment.
- Descàrrega plantilles responsive. El millor d'aquests casos, és que arriben a detectar la mida de la pantalla de cada dispositiu i adapten el contingut a ell. Això sí, cal tenir en compte que cada tipus de producte o servei que ofereixis serà més interessant una que una altra. No és el mateix un model per a un bloc que una altra per a una botiga d'articles de cuina.
Per què Google prefereix el disseny responsive?
Google és a dia d'avui un perfecte equilibri entre eficiència i qualitat, que es tradueix en eficàcia. El fet de tenir un web adaptativa permet a Google 2 coses. D'una banda, oferir en els seus cercadors llocs que es preocupen en oferir la màxima comoditat als seus usuaris, i d'altra banda haver de indexar un sol lloc.
De vegades, és fàcil decantar-se per triar un disseny per ordinador, o fins i tot crear un web per a mòbil i bolcar-hi tots els esforços. Però és un error. La càrrega de treball que es genera és doble, no només per repetir el procés dues o més vegades, sinó per intentar posicionar doblement un web. En aquest cas, el més encertat és inclinar-se per un disseny responsive, que ens permeti la connexió i visibilitat des de qualsevol dispositiu indexant una única web.
Aquest algoritme no afecta les recerques des de ordinador, Però des 2016, la majoria de les recerques ja no es realitzen des d'ells. Una cosa seriós a considerar, si necessites visibilitat a la xarxa.
La importància d'un disseny adaptatiu
Molts usuaris poden entrar a la teva web i perdre'ls gairebé instantàniament. Tenir una web que està mal estructurada no és còmode, i si no tens un disseny responsive, pot generar-te aquests problemes. Per exemple, des de la visualització d'un dispositiu mòbil, que cada dia és més freqüentment usat.
Però penses ... No passa res, el meu perfil de l'usuari pels serveis que ofereixo estan inclinats a la visualització des d'un PC! Estàs segur? L'única cosa que s'aconsegueix és obtenir una alta taxa de rebot. I ja sigui perquè el teu contingut no sigui bo, o hagi problemes estructurals a la teva web, etc., els cercadors poden interpretar això com un mal senyal. Sobretot perquè a la fi, la gent passa poc temps a la teva web. Pel que paral·lelament, el teu posicionament es pot veure afectat, començant a baixar llocs. El que en certa manera, no és que sigui una mala idea adaptar el teu web a Multidispositius, sinó que es fa necessari. D'allí la importància que té.
Espero que hagis vist la importància de tenir un lloc web responsive, i si no el tens, fes-ho! És una de les coses més bàsiques que cal tenir en compte avui en dia.