La semaine dernière, un nouveau navigateur faisait son entrée. Avoir un site compatible avec l’ensemble des navigateurs devient donc de plus en plus dur, chaque navigateur ayant ses propres caractéristiques. Voici quelques conseils pour améliorer la compatibilité de votre site…
Google profite du lancement de Chrome pour donner quelques conseils afin d’avoir un site compatible avec l’ensemble des navigateurs (Internet Explorer, Firefox, Chrome, Safari…).
Ces conseils sont en 5 étapes :
1 – Assurez la compatibilité de votre site en vous focalisant sur l’accessibilité
Utiliser les standards HTML sans abuser des dernières techniques type Ajax et compagnie permet de s’assurer d’une bonne compatibilité tout en rendant le site accessible aux moteurs de recherche. Sur ce point on peut tout de même se poser des questions… Google via ces services ne lésine pas sur Ajax, c’est un peu bizarre qu’il conseille de ne pas abuser de cette technologie. Est ce que cela serai pour gommer certaines faiblesses de son navigateur ?
2 – Validez votre code
Utilisez des services pour valider votre code. Si votre code est valide, il y-a de grandes chances pour que celui-ci s’affiche correctement sur l’ensemble des navigateurs.
3 – Vérifiez que votre site soit utilisable sur l’ensemble des navigateurs
Il ne suffit pas que le site s’affiche bien sur les navigateurs… Certaines applications peuvent fonctionner sur un navigateur et pas sur un autre. C’est important de bien checker les applications surtout celles servant pour l’e-commerce (panier, paiement en ligne…).
4 – Utilisez Doctype pour vous aider
Google Doctype est une encyclopédie ouverte et bibliothèque de référence écrit par les développeurs web, pour les développeurs Web. Elle peut vous aider à trouver des références pour mieux afficher son site peu importe le navigateur utilisé. Lien : Google Doctype.
5 – Partagez vos expériences et vos astuces
Lorsqu’on bloque sur certains points techniques il peut être utile de prendre conseil auprès de personnes ayant rencontré des problèmes similaires. Les forums peuvent être un bon moyen de résoudre un problème d’affichage. Google propose également de la documentation à ce sujet ici.
J’ai pris le temps d’essayer Google Chrome ce week-end, si au niveau de l’affichage quasiment tous les sites s’affichaient bien, certaines applications ne fonctionnaient pas. Exemple, j’ai mis un objet en vente sur Ebay, l’application pour mettre en forme le texte de l’annonce (type word : gras, police, couleur…) ne fonctionnait pas. J’ai rencontré deux trois exemples du même style.
Et vous avez vous vu des sites ne fonctionnant pas bien sous Chrome ?
Source : Google Webmaster Central Blog.
"Avoir un site compatible avec l’ensemble des navigateurs devient donc de plus en plus dur"
J’ai envie de dire le contraire car plus IE (surtout 6) sera mis de côté par les utilisateurs, plus ce sera facile de faire un site compatible tout navigateur. Chrome accélèrera sûrement le mouvement.
Parmi les sites que j’ai créé depuis le début de mon activité, tous fonctionnent sur Chrome. De quoi enfoncer le clou sur la nécessité de répondre aux normes du W3C.
Les bugs que j’ai rencontré étaient surtout au niveau des applications. En même temps le navigateur est encore en béta et n’est sorti que depuis une semaine, je pense que ça devrait être réglé dans les prochaines version.
personnellement j’ai rencontré quelques problèmes sur la modification du style css de balise input de type submit et aussi sur les hover de certains éléments avec chrome,
pourtant mon site passe avec 0 erreurs sur le validateur w3c ^^
et aucun souci sur ie6, 7 et FF
il faut d’ailleurs que je m’occupe assez vite de ces soucis d’affichages
Hum… concernant le point 2 je crois qu’il y a une confusion (ou alors je n’ai rien compris).
Les services de validation ne servent qu’à vérifier qu’il n’y a pas d"erreurs de syntaxes dans le code HTML émis comme pour les CSS.
Il se peut très bien qu’il n’y ait aucune erreur de syntaxe et pourtant le rendu de la page peut être totalement naze dans n’importe quel navigateur.
En outre on peut très bien avoir des hacks (si l’on n’utilise pas les commentaires conditionnels) dans la CSS qui permettent un rendu identique dans les navigateurs mais empêchent la validation de la CSS.
Je ne maitrise pas à 100% tout ce qui est CSS et compagnie… Je pense que Google incite à respecter les standards web pour que cela s’affiche correctement dans la plupart des cas.
et en ce qui concerne eBay, qqn a une solution ?
Si Google conseillait (ou conseille toujours) de ne pas utiliser Ajax, ou Flash, c’est parce que leur spider est basé sur Lynx (navigateur texte), donc pas de Javascript, pas de Flash.
Ils ont fait ce choix par pur souci de performances, on ne peut pas se permettre de perdre quelques centaines de millisecondes sur chaque site crawlé.