Vés al contingut (premeu Retorn)

Responsive web design

El "responsive web design" et permet estar a l'última tendència de desenvolupament en línia. Ara que l'ús d'internet mòbil i apps està creixent, s'han de tenir en compte diverses implicacions: els costos de desenvolupament i manteniment i la visibilitat en els motors de cerca. Les claus del benefici d'un disseny responsive estan en tots aquests factors combinats amb un enfocament unificat per al disseny.

Què és Responsive web design?

Responsive web design o Disseny web adaptatiu és una tècnica de disseny i desenvolupament que crea un lloc web o sistema que s'adapta a la mida de la pantalla de l'usuari. Responsive design millora l'experiència de navegació de l'usuari a oferir una pàgina web adaptable i flexible, optimitzada per al dispositiu que utilitzeu.

Millora la teva visibilitat per als motors de cerca

El disseny responsive permet gestionar la teva lloc web amb molt pocs hypertext links, reduint així el temps dedicat a gestionar la teva web. Això permet centrar-se en la difusió i mantenir una estratègia SEO consolidat. Les campanyes SEO pots ser molt costoses i requerir molt de temps, però amb un disseny responsive, tots els teus esforços se centren en un únic lloc, amb una estratègia comuna per a tots els dispositius.

El contingut és vital per al SEO, el contingut de qualitat generat regularment millora el posicionament de la teva pàgina en els motors de cerca. Amb el responsive design s'evita la necessitat de duplicar el contingut per a cada dispositiu i es tenen més possibilitats de millorar la posició en els motors de cerca.

A més Google esmenta que els llocs responsive i optimitzats per a mòbils estan obtenint un lloc destacat en els resultats de cerca.

Com saber si un lloc web és reponsive design?

Una manera senzilla des del nostre ordinador o portàtil és augmentant o disminuint la mida de la finestra del nostre navegador, si el lloc web és responsive design observarem que el contingut s'adapta segons variem la mida de la finestra del navegador.

Incrementa la teva visibilitat a usuaris de tauletes i dispositius mòbils.

L'augment de l'ús d'internet i la proliferació de les tauletes i els dispositius mòbils han estat les forces motores d'aquest nou desenvolupament. Típicament els usuaris eren redirigits a un lloc específic per al dispositiu (ex. Versió mòbil de la web), però un disseny responsive permet ara que el lloc web es pugui veure en diversos dispositius.

Mides de pantalla

Per a pantalles més grans de 980 px el contingut es visualitza tot deplegat.

Per a pantalles menors de 980 px el contingut s'adapta a tauletes en horitzontal.

Per a pantalles menors de 768 px el contingut s'adapta a tauletes en vertical o mòbils.

Per a pantalles menors de 639 px el contingut s'adapta a mòbils petits.