Un site compatible avec les téléphones mobiles

oct
7
2008

Créer un site Internet en prenant en compte sa restitution sur des téléphones mobiles devient de plus en plus nécessaire. Sans aller jusqu’au développement de sites spécifiques aux mobiles (intégration en XHTML Basic 1.1), quelques points peuvent permettre d’obtenir une bonne restitution du site…

Quelques règles de bonnes pratiques recommandées

Intégrer le site avec un chartset utf8;
Intégrer le site en XHTML/CSS;

Utiliser la détection du media pour délivrer une css spécifique :

1
2
3

<style type="text/css" media="handheld">
    @import url("mobile.css");
</style>

Parmi les balises META, la présence de
1
<meta http-equiv="Cache-Control" content="public"/>
est nécessaire.
La page doit peser moins de 20 Ko, il faut donc utiliser les CSS spécifiques aux mobiles pour épurer les éléments lourds de la page;
Les images ne doivent pas excéder 200 pixels de large (attention donc à la découpe des images).

Pour le reste, il faut savoir que pour l’heure chaque opérateur, fabricant, ou créateur de navigateur ne respecte pas à la lettre les préconisations émises par le W3C dans le domaine des mobiles. Le fait de prendre en compte ces règles est de l’anticipation et permet de créer un site qui tiendra la route à terme lorsque les standards seront mieux suivis et respectés.

Pour en savoir plus sur la portabilité et l’interopérabilité

http://ready.mobi/launch.jsp : pour valider le code de vos pages ou de votre site en entier (en mode authentifié) et obtenir des informations pertinentes et pédagogiques sur les moyens de corriger les erreurs ;
www.validator.w3.org/mobile/alpha : le validateur du W3C ;
http://www.w3.org/Mobile/planet : toutes les recommandations du W3C ;
http://www.operamini.com/demo/ : simulateur d’opéra pour téléphone portable pour juger du rendu final.