SEO - Analyse mobile

Comprend : une analyse complète de votre site web actuel présentant des problèmes d'affichage sur les téléphones mobiles ainsi que les solutions à apporter pour éviter ces bogues d'affichage.

Corrections des bogues d'affichage et/ou développement d'un thème pour mobile ou responsable en sus.

______________________________________

 

Les normes MWI ou WebMobile

Après les normes du W3C (qui tente d'assurer l'universalité de lecture des pages web par tous les navigateurs), il faut également penser à développer votre site selon les normes MWI ou Web Mobile. (http://www.w3.org/2005/MWI/BPWG)

Qu'est-ce qui est si différent?

  • Petit écran
  • entrée de contenu limitée
  • prix et vitesse de l'accès au réseau
  • grande diversité d'appareils et de navigateurs

Pour résumer ces normes, il faut prévoir une mise en page simple à une seule colonne pour s'assurer que le contenu des pages puisse être lu sur les petits écrans des téléphones portables. La plupart du temps, il faut créer une feuille de style (CSS) distincte qui sera optimisée pour les petits écrans.

Nous pouvons également réaliser un site web responsable qui s'adaptera aux différents formats d'écran. L'avantage est que le site web avec un visuel responsable nous évite le développement de plusieurs thèmes, mais le désavantage est que le site sera un peu moins « conforme » aux anciennes normes du mobile.

Pour en savoir plus sur le web mobile

Recommandations et standards
- Mobile Web Initiative du W3C (en)
- Recommandations «60 bonnes pratiques pour le web mobile» du W3C (en)
- XHTML Basic 1.1 (en) - Spécification (Candidate Recommandation)
- SVG Tiny 1.2 (en) - Spécification (Candidate Recommandation)

Conseils et règles de conception
- Design de poche : Porter votre site web au petit écran
- Designing pages to work on all devices, and small mobile ones in particular (en)
- Comment faire un site web mobile ?
- Résumé (en français) des Web mobile Best Practices 1.0
- Coding for the mobile web
- Designing for the Mobile Web
- Return of the Mobile Style Sheet (A List Apart)
- Tableau comparatif du support CSS des mobiles

 

Émulateurs
- Émulateur Opera Mini
- Émulateur dotMobi (apparemment, le rendu est plus proche des navigateurs mobiles comme NetFront que de Webkit ou d'Opera Mobile)
- iPhone Testeur (simule un écran d'iPhone via CSS... intérêt assez limité)
- le SDK pour Google Android propose un émulateur (documentation) -- le moteur du navigateur est Webkit (Safari, etc.)
- NetFront Browser Emulator (en) et NetFront Mobile Content Viewer (fr) (le téléchargement nécessite une inscription par formulaire)
- Émulateur Blackberry


Texte corrigé par Caro




Vous avez article(s) dans votre panier




  Nathalie - L'aide soignante de votre image web

Agente web, gestionnaire de contenu, médiamaticienne web, responsable de communauté virtuelle et organisatrice d'événements (tant physiques que virtuels), Nathalie connait bien le jargon des techniciens, les outils marketing 2.0 et les pratiques éthiques pour influencer favorablement votre image sur la toile du net. Nathalie explorera avec vous l’ensemble des outils marketing nécessaires à l’atteinte de vos objectifs.




Courriel
La publicité c'est dans notre nature. conception design, multimédia, production et buzz marketing