Logo Des Geeks et des lettres

sitemap

Pour les lecteurs qui m'ont demandé

la liste de tous les articles :

Ici le plan du site

Vous cherchez à surfer sur internet de manière anonyme ? Sur Des Geeks et des lettres nous vous conseillons le VPN Hide My Ass (voir ici notre test)

Adapter son blog à la lecture sur Smartphone

L’avenir du web, c’est clair maintenant, c’est internet sur les smartphones. Les marqueteurs l’ont bien compris, Google en tête puisqu’il investit des millions dans Android et les pubs Adsense adaptées à la téléphonie. Aujourd’hui, localiser un portable devient un plus.

Nos blogs doivent se mettre à la page, à mon avis c’est vital. Les gens, dans un avenir proche, consulteront plus internet depuis leur mobile que depuis leur domicile. Concrètement, que faut-il faire ? Comment faire en sorte que notre site soit lisible et lu sur un petit écran bien plus restreint que nos 24 pouces ?!

Tentative de réponse.

1/ Testez votre blog sur un émulateur !

Personnellement j’utilise l’émulteur Opéra Mini, il me suffit largement et je le trouve simple d’usage. Il me permet d’avoir une bonne idée de la façon dont mon blog est retranscrit sur un portable et d’adapter s’il le faut. Le principe est simple : vous rentrez l’adresse de votre blog dans une fenêtre qui prend la forme d’un téléphone portable. La page s’ouvre telle qu’elle le ferait sur un smartphone.

URL : http://www.opera.com/mobile/demo/

internet mobile

2/ Limitez le JavaScript

Certains navigateurs mobiles supportent le JavaScript (NetFront et IEMobile), mais pas tous, et ils ne le supportent que de façon limitée.

3/ Limitez la largeur de votre site

Un petit écran de portable digérera mal un site très horizontal… Lorsque vous créez votre site, permettez si vous le pouvez le découpage des mots en fin de ligne. Limitez la largeur de vos images (chose que je fais désormais). Enfin, utilisez des titres et des sous-titres courts.

4/ Pas la peine d’écrire des pavés d’écritures

Un long texte sera difficile à lire sur un smartphone. Personnellement, je crois que l’écriture va évoluer en fonction des technologies. Finis les Balzac ou les Proust. Les nouveaux écrivains devront s’adapter aux liseuses électroniques et autres iPad, en écrivant de façon adéquate.

Si votre article est long, aérez-le.

5/ N’utilisez pas trop d’images

Les images sont lourdes. Faîtes en sorte de mettre des images utiles, quand elles servent votre contenu, et non uniquement pour faire joli. C’est une règle que j’ai apprise avec le temps. L’image, ou la vidéo, fait parti de votre contenu et doit avoir un sens.

Pour vos logos, pensez aux CSS. Pour les photos, utilisez le format .jpg avec une compression élevée. Pour les .png, utilisez une optimiseur comme OptiPNG ou PngOptimizer (celui que j’utilise avec ma liberkey).

6/ Facilitez la navigation sur votre site

  1. Pour cela, faîtes une belle pagination en bas de vos pages.
  2. Créez des liens renvoyant en bas / en haut de vos pages, facilement.
  3. Affichez votre sitemap sur votre blog.
  4. Proposez un moteur de recherche adapté à votre blog.
  5. Mettez en évidence les liens de vos menus et de votre contenu.

7/ Allégez le poids de vos pages

Un objectif idéal : moins de 15 KO par page :D ça va être dur… D’ailleurs je cherche une extension pour Chrome qui me permet facilement de connaître le poids de mes pages, si quelqu’un a un lien à me donner je le remercie d’avance. Bon courage à tous.

Pour aller plus loin :

Une webpage espagnole qui traite de la localisation de smartphones : Localizador de moviles.

{ 4 commentaires… J’ajoute le mien }

  • Mimie 3 juillet 2011, 10 10

    Super article d’Alsacréations qui explique comment Émuler Google Android pour mobile. Ce n’est pas un service en ligne car il faut installer des choses sur son ordi mais bon c’est tout de même bien de pouvoir tester sur son ordi.

    Discutez
    • Greg 3 juillet 2011, 13 01

      En effet, solution assez sympathique, va falloir que je l’installe quand j’aurai cinq minutes.

      Discutez
  • paul 4 juillet 2011, 17 05

    c’est vrai que beaucoup de gens oublient de prendre en compte qu’aujourd’hui il n’y a plus simplement l’ordinateur, c’est valable pour les blog tout comme les sites en général

    Discutez
  • Léa 20 décembre 2011, 14 02

    Bonjour, j’ai trouvé sur Sanctius cet article : http://www.sanctius.net/outils/creer-version-mobile-site.html

    Assez sympa!!

    Discutez

Vos participations


9 − sept =

Article suivant:

Article précédent:

Coup de pouce

Recherche

Derniers Commentaires

  • { multiplication } – 30 sept, 7:15
  • Greg { :) Franchement la galère quand on ne trouve pas } – 24 sept, 16:04
  • Phil { J'ai contourné mon problème en passant directement sur le port wifi de l'imprimante } – 24 sept, 15:41
  • DD WAS { excellent !!!!! Merci beaucoup. J'ai galéré deux bonnes journées. } – 24 sept, 15:33
  • Ellenack { Ok. Personne a jamais aidé niveau entretien ? Je veux dire, bosser à plusieurs aurait... } – 20 sept, 23:49
  • Mimie { Le coût (hébergement + domaine) et l'ajout des nouvelles éditions qui est compliqué ... } – 20 sept, 12:02
  • Greg { Ok. } – 20 sept, 11:25
  • Greg { Le build Blâme est très fort, pour ma part quand j'aurai suffisamment d'items spécifiques je... } – 20 sept, 11:25
  • Greg { Oui c'est ça, c'était ce que je recherchais pour insérer un encart publicitaire sous chacun... } – 20 sept, 11:22