Ceux qui s'occupent de SEO ne se posent guère le problème de résolution d'un site web, car cela ne semble pas être une fonctionnalité prise en compte par les moteurs de recherche.
Cependant, il s'agit d'une grave erreur, car quiconque accède à notre site et ne visualise pas correctement les pages qui s'y trouvent le quittera après quelques secondes. Pour cette raison, le choix de la résolution sur laquelle définir la mise en page d'un site Web est important.
Si nous utilisons un mise en page à 100% il s'adapte automatiquement à la résolution de l'écran. Cependant, il faut veiller à ce que tous les modules internes soient également capables de s'adapter. Cette technique est parfois préjudiciable à la mise en page, qui peut ne pas être très belle.
Pour voir quelle pourrait être la résolution optimale de notre site Web, nous pouvons nous fier à statistiques extraites d'autres sites afin de comprendre quelle résolution est la plus utilisée par les utilisateurs qui surfent sur le web. A partir des données fournies par part de marché.hitslink.com on constate qu'aujourd'hui la résolution la plus utilisée est 1024 x 768, Suivie d' 1280 x 800. La résolution optimale serait de développer des pages avec une largeur dynamique, mais avec une structure minimale d'environ 1000px.
Il est important de réserver un disposition spéciale pour les appareils mobiles, puis assurez-vous que notre site Web est également utilisable par les téléphones mobiles, les PDA, les smartphones, etc. Une fois la mise en page et le graphisme mis en place, il reste une dernière étape pour voir si notre site s'affiche correctement dans les différents navigateurs, tester ce qui a été créé dans d'autres résolutions ou sur d'autres navigateurs Web. À cet égard, quelques outils utiles viennent à notre aide pour vérifier comment notre site Web est affiché à différentes résolutions et sur différents navigateurs.
http://testsize.com
http://viewlike.us
Réaliser des soi-disant tests navigateur croisé c'est une étape fondamentale mais la plupart du temps cela s'avère être une tâche difficile.
Une première étape consiste à effectuer des tests préliminaires grâce à un logiciel de simulation qui vérifie la compatibilité du site Web au sein de différents navigateurs. Parmi les principaux services on peut citer :
http://browsershots.org
http://ipinfo.info/netrenderer
http://www.webdevlab.com/app/screenshots
http://www.browsercam.com
Grâce aux outils illustrés, nous pouvons comprendre si le travail effectué est adéquat ou si des modifications doivent être apportées aux graphiques ou aux composants pour rendre le site Web compatible avec différentes résolutions vidéo et sur différents navigateurs.
