Un site internet adaptatif c'est quoi?

Un site internet adaptatif (ou responsive en anglais) est un site qui s'adapte en fonction de l'appareil de l'internaute. Aujourd'hui, nous utilisons l'ordinateur, une tablette ou le smartphone pour surfer sur internet. Donc un site adaptatif va s'afficher différemment selon l'appareil que l'internaute va utiliser.

Quoi de plus ennuyeux que de consulter un site internet avec son téléphone portable si on doit faire glisser la page du site latéralement sur l'écran pour lire le contenu?
Si vous avez encore un tel site rigide, alors attendez-vous à ce que l'internaute au smartphone, passe à autre chose au lieu de lire votre contenu.

Quasi la moitié du public consulte internet avec un smartphone ou une tablette!

Donnez donc une bonne image de votre entreprise, fondation, groupe de musique association etc, et offrez une belle expérience aux internautes avec un site internet adaptatif. Vous gagnerez en impact et en conversion!

Comparons:

Site internet rigide:

[one_half_first]

Avec ordinateur

Sur l'image de gauche le site internet apparaît dans son entier avec un ordinateur.
Maintenant regardez l'image de droite, le site est coupé si on l'affiche sur un smartphone[/one_half_first][one_half_last]

Avec Smartphone

[/one_half_last]

Sites internet adaptatif

[one_half_first]

Avec ordinateur

regardez maintenant sur l'image de droite: Le site est adapté à la largeur du téléphone portable.
Le menu est passé en haut de la droite de l'écran. Oui c'est le petit carré avec les traits horizontaux:
Le formulaire d'inscription est aussi adapté. Les rubriques se sont adaptées à la largeur de l'écran du téléphone.

[/one_half_first][one_half_last]

Avec un Smartphone

[/one_half_last]

Comment tester si votre site internet est adaptatif?

Regardez simplement la vidéo, c'est en fait très simple!

Vidéo: Mon site internet est-il adaptatif?

[responsive_video type='youtube' hide_related='1' hide_logo='1' hide_controls='0' hide_title='0' hide_fullscreen='0' autoplay='0']https://www.youtube.com/watch?v=N5zxknqlImw&feature=youtu.be[/responsive_video]