Comment et pourquoi avoir un site responsive ?

TRANSCRIPTION AUDIO DE LA VIDEO


Bonjour, aujourd’hui zekoolweb  vous présente en 3 minutes comment améliorer rapidement votre site web, sa présentation et son référencement. Nous allons voir en quoi consiste le responsive webdesign ainsi que l’importance des performances pour votre site.


En fin de vidéo, zekoolweb vous offre gratuitement un template responsive pour votre site, donc restez jusqu’au bout, ce ne sera pas long.


Tout d’abord, nous allons définir brièvement le responsive design, que l’on appelle également design adaptatif.


Le responsive c’est une solution technique permettant d'offrir à vos visiteurs le maximum de confort de navigation et cela dans une large fourchette de résolutions


Autrement dit, on développe une seule version du site qui s’adapte automatiquement à l’appareil depuis lequel votre site est consulté.


Voici un exemple de site responsive qui s’adapte parfaitement quand je réduis la fenêtre de mon navigateur. Le contenu se comprime et s’adapte en fonction de la place disponible.


Les avantages du design réactif sont considérables, nous pouvons en citer quelques uns :

le responsive est :

une Solution économiquement viable

permet une Amélioration de l’expérience utilisateur

et surtout vous apporte un Meilleur référencement !


En effet, depuis que le marché du mobile a pris le dessus sur la recherche en mode bureau, la lecture d’un site sur tout supports est vraiment capitale.


Printemps 2015, Google, N°1 des recherches dans le monde, pénalise les sites qui ne sont pas responsive. La solution, c’est de travailler le côté responsive de votre site au plus vite.


D’ailleurs, à propos du référencement de votre site, la vitesse, tout comme le responsive, est aussi un critère à ne pas négliger. Google et vos visiteurs n’aiment pas que votre site soit lent !


La solution pour avoir de bonnes performances, c’est d’adopter une approche mobile-first

et un régime allégé en terme de ressources web.


C’est dans cet esprit de performance que Zekoolweb a développé un design évolutif et léger.


Pour lui donner un contexte pratique, voici un exemple de rendu orienté CV en ligne mais il peut tout à fait s’adapter à d’autres thématiques. Il suffit de changer les contenus du site. Pour cette capture, une résolution Full HD et un zoom à 400% a été utilisé. C’est un autre moyen de voir qu’un site se comporte bien de manière responsive.


Notez que pour vous permettre de créer votre header, c’est à dire l’en-tête du site, la sidebar a été placé astucieusement dans la partie haute du site. A l’intérieur de la sidebar se trouve un module colonnes modifiable à volonté, ce qui rend la construction encore plus souple !


Enfin, zekooldesign, Le template responsive gratuit, vous est offert avec 9 coloris déjà installés et plus de 250 icônes modifiables à tout moment.


Comme promis au début de la vidéo, profitez-en maintenant gratuitement ça vous prendra seulement 2 minutes !


Pour cela, entrez l’adresse suivante dans votre barre d’adresse


bit.ly/jimrwd


Et voilà !


Merci d’avoir suivi cette vidéo, bon responsive à tous !