J’ai été jeter un oeil sur mes stats de visite, hier…

Je voulais voir quelle était la page de mon blog qui apportait le plus de visiteurs sur Google.

Sans grande surprise, c’est le Générateur d’Accroches Hypnotiques. Puis ensuite, je suis allé regarder la répartition des connexions.

Il s’avère que plus de 60% utilisent cet outil via leur téléphone ou leur tablette.

Et quand je regarde l’ensemble de mon blog, il n’y a que 41% des gens qui se connectent via un ordinateur.

Et encore, je suis dans la fourchette basse.

Certains de mes clients ont 95% de consultation sur téléphone.

Il s’ensuit que lorsque l’on crée une page de vente, il faut la créer D’ABORD pour les téléphones.

Et c’est facile :

Une fois qu’on a créé ça, on peut tenter de l’améliorer pour l’ordinateur.

En CSS, c’est super facile :

Il suffit d’encadrer votre texte avec des balises <div> et de rajouter 3 lignes dans le style :

Vous pouvez aussi rajouter ce qu’on appelle un « padding » (une marge intérieure, pour que le texte ne colle pas aux bords de la page) et une bordure :

Et voilà.

Avec cette mise en forme somme toute assez simple, vous vous assurez du « responsive » facile et salutaire pour tous les supports.

Voici le style complet et final :

Il existe une fonction php qui arrive à reconnaître quel style d’appareil est en train de visiter votre site.

Cela peut permettre ainsi de rajouter des trucs spécifiquement pour les ordinateurs, sans que les téléphones les affichent (c’est le cas des pop-up par exemple, qui ne s’affichent jamais correctement sur un portable).

Je vous parlerai de cet fonction dans un prochain article.