Logo Angular
Angular et React
3 février 2021
E-commerce, quel CMS ?
5 février 2021

L’importance d’un site internet responsive

Différents supports de pages web

Un site responsive ça vous dit quelque chose ?

Qu'est-ce que c'est ?

Tout d’abord un site responsive est un site internet qui utilise une technique de mise en forme appelée “responsive design” cela consiste à s’assurer que le site web est affiché de manière entièrement lisible et accessible sur tous les supports tels que les écrans d’ordinateur, les téléphones mobiles et les tablettes, et ce, peu importe leurs dimensions.

C’est un élément primordial dans la création de votre projet de faire en sorte que votre site soit responsive car un site non responsive sera pénalisé par Google. En effet, depuis quelques années, de plus en plus d’utilisateurs utilisent un appareil mobile pour accéder aux sites web. L’adaptation aux écrans mobiles et aux tablettes est donc l’un des critères clés pour déterminer si un site Web est digne d’être placé en haut des pages de résultats des moteurs de recherche.

Par conséquent, quels que soient vos efforts pour que votre site internet soit bien référencé sur Google, si votre site Web n'est pas adapté à tous les supports sur lesquels il est possible de le consulter, alors il n'atteindra jamais la première page du moteur de recherche.


Vous pouvez rencontrer de plus en plus l'expression «mobile-first». Il s'agit d'une autre technique de création de sites Web, principalement axé sur la conception de sites Web au format mobile. Le responsive design s'adaptera aux différents formats d'écran, et "mobile first" garantira que le site est compatible et optimisé pour les mobiles dès le départ.

Comment ça marche ?

Pour avoir un site Web responsive, tout se passe au niveau du CSS. En fait, il faut repenser la façon dont on place les éléments selon la taille et la forme de l’écran. Par exemple; si les éléments de votre site sont plutôt placés à l’horizontale sur un écran d’ordinateur, il sera nécessaire de les placer à la verticale pour la version smartphone.

Mais comment savoir si le site est affiché sur un écran d’ordinateur ou un smartphone ? Grâce aux media queries !

Les media queries sont des requêtes qui permettent de changer / ajouter du CSS selon certains critères tels que les dimensions de l’écran, son orientation et beaucoup d’autres !


Par exemple :

@media screen and (max-width: 768px) and (orientation: portrait)
{
...
}

Permet d’appliquer du CSS lorsque le périphérique est bien un écran et que celui-ci a une taille inférieure à 768 pixels et est orienté en mode portrait (hauteur > largeur).

 

L'importance d'un site responsive

Avoir un site responsive est très important pour les points suivants :


  • Pour le bon référencement de votre site.
  • Pour améliorer les résultats de vos campagnes publicitaires digitales. (Google n'est pas la seule)
  • Pour éviter d’être pénalisé. Concernant votre visibilité, les grands groupes ont pour volonté d’appliquer une politique de pénalité aux entreprises qui n'ont pas de sites adaptés aux utilisateurs mobiles. Facebook a récemment annoncé que les entreprises qui ne proposent pas de fonctionnalités de navigation adaptées aux appareils mobiles seront pénalisées. Leurs pages ne seront donc pas mises en avant.
  • Pour les internautes. En effet, de nos jours de plus en plus de personnes se servent de leurs téléphones portables pour faire leurs recherches. Si votre site n’est pas responsive vos futurs clients risquent d’avoir une navigation désagréable et ne resteront pas bien longtemps sur votre site Web.
 

Ce qu'il faut retenir

Aujourd'hui il n’est pas envisageable que votre site internet ne soit pas adapté à tous les supports, sinon votre site passera à côté d’un bon référencement, vous perdrez en visibilité ainsi que de potentiels clients.
Avec un site responsive, vous avez tout à y gagner car il sera mis en avant, gagnera en visibilité et les utilisateurs auront une expérience beaucoup plus agréable lors de la navigation sur votre site Web.
Alors, qu'attendez vous pour passer au responsive design? ;)

L’équipe de l’agence Web ELYUM spécialisée dans la création de sites internet sur mesure est à votre disposition pour vous accompagner dans la création de votre site internet, dans la refonte de votre site internet, dans votre transition vers le digital, et vous conseiller dans votre stratégie de communication digitale. N’hésitez pas à nous contacter pour plus d’informations.