• Passer au contenu principal
  • Passer à la barre latérale principale
  • Passer au pied de page
  • Accéder à Pirate Bays
  • Accéder à RARBG Torrent
  • Accéder à KickassTorrent
  • Trouver les mots-clés les + recherchés
Logo Des Geeks Et Des Lettres

Des Geeks et des lettres

L'impact des technologies numériques sur l'individu

Adapter son site à la lecture mobile

Rédigé par Mallory Lebel le 15 septembre 2012

bureau mac

Mes nouveaux blogs, je les adapte de manière à ce qu’ils passent de mieux en mieux sur smartphone, tout simplement parce qu’il faut avoir à l’esprit que ce vecteur d’internet représente désormais l’avenir. Les smartphones, les tablettes, ou du moins leurs formats détrôneront tôt ou tard les ordinateurs portables, qui ont déjà détrôné l’ordinateur fixe. Malheureusement pour moi, je ne suis pas un spécialiste de la programmation et de nombreuses questions se posent.

Comment s’y prendre pour rendre votre site plus présentable sur un smartphone ? La question m’intéresse vraiment.

Sommaire

  1. 1 – La résolution 320*480
  2. 2 – Pour les images, j’ai un doute :
  3. 3 – Les marges
  4. 4 – Agencer le contenu à la verticale
  5. 5 – Réduire ou supprimer votre titre
  6. 6 – Je pense, finalement, qu’il faut créer des sites plus simples, plus clairs, plus propres

1 – La résolution 320*480

C’est dans ce petit rectangle qu’il faut savoir présenter ses écrits désormais. Finis les grands écrans 16 neuvième où l’on peut accoler deux sites côte à côte. De cause à effet, il faut parvenir à supprimer les colonnes, et j’envisage sérieusement de supprimer pour ma part mes sidebars affichant, sous wordpress, mes widgets tels que les articles récents ou les commentaires.

2 – Pour les images, j’ai un doute :

Est-ce que les navigateurs internet vont réussir à redimensionner automatiquement mes images ?

Et même si c’est le cas, est-il utile que mes images soient si lourdes si une dimension inférieure suffit ?

D’un côté les images sont importantes dans un blog ou un site, de l’autre il faut élaguer tout ça pour rendre la page la plus rapide possible, la marge de manoeuvre est assez faible il me semble. Pour ou contre la réduction de la taille des images ?

3 – Les marges

Il faut que votre site puisse adapter vos marges et votre texte au mode portrait ou paysage du smartphone. Le problème qui se pose, c’est que lors du changement, votre image va alors changer de place au sein du texte. Si vous comptiez sur cette image à un endroit précis, vous risquez alors de perdre l’ensemble de votre mise en page.

Tout ce mode de fonctionnement propre au smartphone reste encore un peu flou pour moi.

4 – Agencer le contenu à la verticale

C’est ce qu’il faut faire pour éviter que le lecteur ait, à chaque fois, à charger une nouvelle page pour afficher la suite du contenu. Si vous mettez tout votre contenu à la suite de haut en bas, il n’aura qu’à faire défiler l’écran vers le bas pour lire la suite de votre texte. D’où un gain de temps.

5 – Réduire ou supprimer votre titre

Si vous laissez un titre et un menu de navigation en haut monopolisant tout l’écran, le lecteur aura beau cliquer sur différentes pages, il tombera à chaque fois sur votre titre. S’il n’a pas le réflexe de descendre l’écran pour accéder au contenu (votre texte), il peut ne pas comprendre. Si vous supprimez ou réduisez votre titre, il pourra avoir accès au contenu tout de suite après le chargement de la page.

6 – Je pense, finalement, qu’il faut créer des sites plus simples, plus clairs, plus propres

C’est mon avis définitif. La navigation tactile sur un smartphone est moins précise : il faut des cases bien visibles, des liens assez gros, et supprimer les petits détails qui ne sont plus cliquables au doigt. Finalement, si ça permet de simplifier les choses, je suis pour la navigation mobile !

Lecture conseillée sur le sujet :

http://www.journaldunet.com/developpeur/expert/41563/conseils-et-bonnes-pratiques-pour-ouvrir-votre-site-aux-smartphones.shtml

Sending
Merci de penser à noter l'article
0 (0 votes)

Mes autres entrées sur le sujet: Web

Je vous conseille l'hébergement WPEngine

  • Hébergeur spécialisé dans Wordpress
  • Vitesse et CDN inclus
  • Tous les thèmes StudioPress inclus et gratuits

WPEngine Speed Test

SEMrush est l'outil SEO ultime pour :

  • traquer vos concurrents
  • absorber leurs mots-clés
  • trouver les vôtres
  • dégotter vos backlinks
SEMrush : Audit SEO de site

Utilisez notre moteur de recherche

Qui suis-je ?

DES GEEKS ET DES LETTRES aide les gens à protéger leur liberté en leur fournissant des conseils, des guides et un soutien qui aident les citoyens à protéger leurs communications, leurs actions et leurs discussions numériques. Cela inclut des conseils sur le chiffrage du courrier électronique, la cybersécurité et le cryptage des données.

Notre ambition ? Que les gens aient la liberté de vivre leur vie sans craindre d'être surveillés. Les tendances technologiques sont en constante évolution, et la cybersécurité ne fait pas exception à la règle. Rester informé est un élément crucial pour une utilisation sûre d'internet. Les lecteurs peuvent découvrir ici des sujets importants liés à la sécurité du web, se plonger dans les meilleurs produits de sécurité et mettre en pratique ce qu'ils ont appris.

9 Comments

  1. marie@zumba 25 janvier 2013

    Tellement d’accord avec l’intitulé de ton article, en 2013 plus personne ne peut passer à coté du mobile, nous sommes et serons de plus en plus connecté. Bonne continuation, Marie

    Répondre
    • Greg 26 janvier 2013

      Pour finir, Mimie avait raison, j’ai opté pour un thème « responsive » qui s’adapte à la dimension de l’écran – Tellement plus simple au final de ne plus s’occuper de la taille de notre site puisqu’il sera adapté au support.

  2. Digipad 12 décembre 2012

    Tout à fait, l’avenir appartient aux sites « responsive » .
    La tablette tactile est de plus en plus présente dans ménage et est en passe de remplacer l’ordinateur…

    Répondre
  3. Samuel 25 septembre 2012

    Tu as un plugin pour tes sites sous wordpress ici par exemple : http://wordpress.org/extend/plugins/wordpress-mobile-pack/
    Il switche de thème selon le support qu’utilise le surfeur. Tu devrais aussi installer KeyWordLuv sur ton site, c’est un bon complément avec le dofollow, ça permet de discuter avec de vrais gens et aux webmaster de poser un petit lien optimisé. 😉

    Répondre
    • Greg 26 septembre 2012

      Ok, même si j’aime pas trop les plugins.. Dommage que mon thème ne puisse pas s’adapter directement aux smartphones.

  4. Mimie 16 septembre 2012

    Oui, il faudrait un thème « Responsive Design » ou un plugin qui modifierai le thème utilisé.

    Une piste en se rendant sur ce site qui permettrait de changer n’importe quel thème en un thème « Responsive », mais à priori ce n’est pas encore disponible, pour être informé de l’ouverture il faut entrer son email.

    Sinon voici une liste de thèmes WordPress déjà « Responsive » qui s’adaptent déjà au support et au format.

    Répondre
    • Greg 19 septembre 2012

      Ok, thx.

  5. Mimie 15 septembre 2012

    Pour qu’un site s’adapte automatiquement (enfin de la façon dont vous l’avez programmé) à la taille d’un écran, il faut le coder avec le principe du Responsive Web Design.
    C’est avec ce terme qu’il faut chercher des informations sur Google.

    Pour tester ensuite son site « responsive », cette application est faite pour vous.

    Répondre
    • Greg 15 septembre 2012

      Ok, ces quelques adresses peuvent se révéler utiles – Ce qui m’inquiète c’est que quand je teste, mes blogs ne se redimensionnent pas automatiquement au nouveau format choisi…

Leave a Reply

Annuler la réponse

Barre latérale principale

Newsletter

Recevez nos articles dans votre messagerie pour ne rien rater

A lire aussi

Bannière LinkedIn modification

Comment choisir et changer sa bannière LinkedIn

Publié le 20 février 2021

Qwant le moteur de recherche

Qwant : vos recherches neutres, sans suivi, sans filtre

Publié le 8 février 2021

Pages utiles

  • Les auteurs du blog
  • A propos
  • Blog
  • Mentions légales
  • Plan du site
  • Contactez-nous

Je vous conseille l'hébergement WPEngine

  • Hébergeur spécialisé dans Wordpress
  • Vitesse et CDN inclus
  • Tous les thèmes StudioPress gratuits

WPEngine Speed Test

Footer

À propos

Vous êtes surveillé. De multiples organisations privées et publiques surveillent et enregistrent vos activités en ligne.

DesGeeksetdeslettres.com fournit des outils et des connaissances pour protéger votre vie privée contre la surveillance massive mondiale. Ce blog anime depuis 2009 une communauté florissante d'individus soucieux de la protection de la vie privée et s'informe au jour le jour des nouvelles avancées en matière de protection de vos données en ligne.

Notre but : rechercher et recommander les meilleures solutions logicielles pour notre communauté.

→ Les 7 meilleurs émulateurs d’iOS pour PC

La transparence

La transparence est notre plus grande valeur et c’est ce qui nous distingue du reste de la communauté. Les modifications rédactionnelles apportées à ce blog et aux produits que nous recommandons sont toujours discutées dans la section des commentaires, grâce au formulaire de contact ou encore via nos réseaux sociaux comme Facebook ou Twitter.

Ce blog tient à remercier les centaines de lecteurs, contributeurs et vérificateurs de faits qui s’assurent que nos recommandations sont solides et fiables.

De même, nous ne pourrions rien faire sans nos entreprises affiliées ainsi que les membres de la communauté qui aident à partager nos nouvelles et à faire passer le mot. Je vous remercie du fond du coeur!

Recherche

Articles les plus populaires

  • Pirater Netflix
  • Aspirer un site gratuit
  • Erreurs VPN les plus courantes
  • Où trouver ses torrents français
  • Télécharger une vidéo Facebook privée
  • La différence Proxy / VPN

© DES GEEKS ET DES LETTRES blog français depuis 2009 Facebook Twitter Pinterest Newsletter

Desgeeksetdeslettres.com est un site web à vocation populaire qui fournit des informations pour protéger la sécurité et la confidentialité de vos données.

Ne confiez jamais votre vie privée à une entreprise, chiffrez toujours vos données.