Vendredi 5 septembre 2008
Pour les internautes,
Google Chrome
est un nouveau navigateur
rapide et passionnant. En tant que webmasters, c’est un bon rappel que, quel que soit le navigateur utilisé par vos visiteurs pour accéder à votre site (Firefox, Internet Explorer, Google Chrome, Safari, etc.), la compatibilité des navigateurs est souvent une priorité absolue. Lorsque votre site s’affiche mal ou est difficile à utiliser sur de nombreux navigateurs, vous risquez de perdre l’intérêt de vos visiteurs et, si vous gérez un site monétisé, peut-être leur chiffre d’affaires. Voici une liste rapide pour vous assurer de couvrir l’essentiel :
Garantissez la compatibilité des navigateurs en vous concentrant sur l’accessibilité
Les mêmes techniques qui rendent votre site plus accessible aux moteurs de recherche, comme le HTML statique par rapport aux fonctionnalités sophistiquées telles que AJAX, contribuent souvent à la compatibilité de votre site sur divers navigateurs et de nombreuses versions de navigateurs. Un HTML plus simple est souvent plus facilement compatible entre les navigateurs que les dernières techniques.
Envisagez de valider votre code
Si votre code
passe la validation, vous avez éliminé un problème potentiel de compatibilité avec les navigateurs.
Avec un code validé, vous n’aurez pas besoin de compter sur la technique de gestion des erreurs de chaque navigateur. Il y a de fortes chances pour que votre code fonctionne sur différents navigateurs et il est plus facile de déboguer les problèmes potentiels.
Vérifiez qu’il est utilisable (et pas seulement correctement rendu)
Il est important que votre site s’affiche bien, mais il est tout aussi important de vous assurer que les utilisateurs peuvent réellement utiliser les fonctionnalités de votre site dans leur navigateur. Plutôt que de simplement regarder une capture d’écran de votre site, essayez de naviguer sur votre site à l’aide de différents navigateurs ou d’ajouter des articles à votre panier. Il est possible que la zone cliquable d’une image liée ou d’un bouton change d’un navigateur à l’autre. De plus, si vous utilisez JavaScript pour des composants tels que votre panier d’achat, il peut fonctionner dans un navigateur et pas dans un autre.
Étape 4 : Aplanir les difficultés
Cette étape demande un peu d’essais et d’erreurs, mais il existe plusieurs bons endroits pour vous aider à réduire les « essais » lorsque vous rendez votre site compatible avec tous les navigateurs.
Doctype
est une référence open source avec des cas de test pour la compatibilité inter-navigateurs, ainsi que des astuces et conseils CSS.
Par exemple, disons que vous vous demandez comment trouver le décalage (offset) d’un élément sur votre page. Vous remarquez que votre code fonctionne dans Internet Explorer, mais pas dans Firefox et Safari. Il s’avère que certains navigateurs sont un peu délicats lorsqu’il s’agit de trouver le décalage — heureusement, les contributeurs de
Doctype
fournissent le code
pour contourner le problème.
Partagez vos astuces et ressources sur la compatibilité des navigateurs !
Nous aimerions connaître les mesures que vous prenez pour garantir que votre site fonctionne pour le plus grand nombre de visiteurs. Nous avons rédigé un
article du Centre d’aide plus approfondi
sur le sujet qui aborde des aspects tels que la spécification d’un encodage de caractères. Si vous avez des conseils supplémentaires, n’hésitez pas à les partager. Et si vous avez des questions sur la compatibilité des navigateurs concernant la recherche, n’hésitez pas à les poser !
Comment nous l'appliquons
We archive Search Central announcements because client questions often trace back to a change that was announced years ago. Reading the original is faster than reconstructing it from second-hand summaries.
Services associés