A quoi ressemble votre site sur un mobile?

En regardant mes stats, je me suis aperçu qu'un lecteur utilisait fréquemment son portable pour se connecter. J'ai voulu savoir à quoi pouvait bien ressembler mon blog, visionné d'un téléphone mobile.

Proposé par Opera, cet outil permet de simuler la visualisation d'un site web via un portable équipé du navigateur Opera Mini.
Le site http://ready.mobi permet quand à lui de tester le rendu d'un site sous plusieurs appareils tel que les Nokia N70, Samsung z105, Sony Ericsson k750i, Motorola v3i et Sharp GX-10.

Je n'ai pas encore eu l'occasion de développer un site devant être pleinement compatible mobile. A première vue, l'idéal serait selon moi d'avoir recours à une seconde version du site, allégée, spécialement destinée au utilisateurs de portables. Il me semble que c'est la solution choisie par Myspace notamment, et certainement beaucoup d'autres.
Concrètement, il y a plusieurs choses à prendre un compte pour une navigation optimale sur mobile, compte tenu de la taille réduite de l'écran et surtout de la différence de puissance comparé à un ordinateur.

Optimisez votre site

Bonnes pratiques:

• Un site conforme aux standarts et aux normes d'accessibilité
• L'utilisation de pourcentages ou d'ems au lieu d'unités fixe comme le pixel.
• Une mise en page compacte, par exemple sur une colonne unique
• Un code optimisé et rapide à charger

A éviter:

• Les images décoratives, le flash
• Le code Javascript
• Les tailles définies de manière fixe (pixels par exemple)

D'une manière générale, on constate que la plupart des sites respectant les standarts du W3C s'affiche d'une manière correcte et offrent une navigation agréable sur un mobile. Il n'en est pas de même pour les sites "à l'ancienne", bourrés de tableaux imbriqués et de spacer.gif.
Le W3C offre un ensemble de ressources disponibles ici, ainsi qu'un outil pour vérifier vos pages.