En ce qui concerne l’avenir de votre site, le point de départ évident est l’écriture, du code propre, sémantique et conforme aux normes..

"Une séparation appropriée du contenu, de la présentation et de l'interaction signifie que le contenu de votre site sera toujours disponible sur de nouveaux appareils", a déclaré Bruce Lawson, évangéliste du Web chez Opera. "Et si vous devez modifier certaines choses, telles que l'ajout de requêtes multimédia pour la prise en charge d'appareils mobiles, il est plus facile de trouver le bon endroit."

RÉSOLUTION GRATUITE: La démonstration des requêtes multimédia de Bruce Lawson montre comment optimiser les styles en fonction de la largeur de la fenêtre du navigateur

Mais si un code conforme aux normes peut être une nécessité, il ne suffit pas en soi de garantir la pérennité de votre site. L'adoption de nouvelles normes étant ralentie par les problèmes de navigateur et l'adoption croissante de technologies de pointe telles que CSS3, une approche plus subtile est nécessaire. Et le mot d'ordre du moment est "l'amélioration progressive".

L'amélioration progressive commence par une base de fonctionnalités utilisables, puis augmente la richesse de l'expérience utilisateur en fonction de la prise en charge des améliorations proposées par le navigateur..

"S'agissant de l'avenir du front-end d'un site Web, il s'agit d'un concept indispensable", souligne le directeur d'Easy Designs, Aaron Gustafson. "Concentrez-vous sur le contenu de la page et assemblez votre balisage de la manière la plus appropriée. Cela constitue le niveau de base de prise en charge de tous les utilisateurs et fonctionnera quel que soit l'agent utilisateur ou le système d'exploitation accédant à ce contenu..

"Une fois la ligne de base établie, appliquez les styles progressivement, en offrant différents niveaux de conception en fonction des capacités du système de l'utilisateur. Pour certains, cela peut signifier une typographie plus simple, et pour d'autres, une belle mise en page multicolonne à couches utilisant RGBa. De même, les scripts peuvent testez si elles doivent être exécutées avant d’essayer de le faire, créant ainsi plus de niveaux potentiels d’expérience utilisateur enrichie. "

Il est essentiel de ne pas oublier l'aspect «amélioration» de l'amélioration progressive, ajoute le directeur général de Digital Marmalade, Marcus Brennand. "Bien sûr, utilisez CSS3", dit-il, "mais pas pour les parties intégrales d'un site. L'astuce consiste à s'assurer que les utilisateurs de navigateurs plus anciens ne sont pas conscients qu'il ne manque rien, et que vos améliorations ne doivent pas affecter la convivialité d'un site. . "

ÉVITER: Les services de raccourcissement tiers, tels que is.gd, ne s'intègrent pas bien à l'avenir, car si le site ou le service tombe en panne, les liens qu'il a créés ne fonctionneront pas.

L'important est au moins de commencer à explorer les possibilités. En travaillant maintenant avec les nouvelles technologies, un site a plus de chances de rester contemporain plus longtemps, sans aucune refonte majeure. En outre, Lawson note que les fabricants de navigateurs ont plus d’élan pour mettre en œuvre les normes que les utilisateurs exigent:

"Si personne n'utilisait, disons, border-radius, les éditeurs de navigateurs n'auraient pas dû mettre en œuvre cette priorité en priorité." Cela dit, il suggère de couvrir toutes les bases lorsque vous travaillez avec des propriétés expérimentales, en ajoutant les préfixes de fournisseur disponibles ainsi que le préfixe «standard» actuel. De cette façon, vous êtes couvert maintenant et lorsque les spécifications se stabilisent.

Accéder à tous les domaines

Gustafson soutient que l'amélioration progressive résout également les problèmes d'objet d'accessibilité, souvent en mouvement, en raison de l'accent mis sur le contenu et de la capacité de l'utilisateur à y participer. Cependant, il suggère de garder les rênes serrées sur l'interface et le contraste, en s'assurant qu'elles sont accessibles à tous..

Au Royaume-Uni du moins, les choses semblent s'être calmées dans le domaine de l'accessibilité et, bien que, comme le note Lawson, "une mauvaise législation impose des techniques spécifiques qui peuvent devenir obsolètes", la législation britannique exige simplement que vous "ne rendiez pas la tâche plus difficile aux personnes. les personnes handicapées à utiliser votre site, tant que cela ne nécessite qu'un ajustement "raisonnable" ".

L'utilisation des bonnes pratiques de codage mentionnées ci-dessus dès le début de votre projet, ainsi qu'une navigation et une mise en page cohérentes et cohérentes, devraient par conséquent garantir que des modifications radicales ne sont plus nécessaires en ce qui concerne l'accessibilité..

Le référencement est moins prévisible - les concepteurs souhaiteraient pouvoir faire face à l'avenir, mais la tâche est ardue. "Le référencement est une bête en constante évolution", déclare le concepteur et développeur Soh Tanaka. "Il n'y a rien que vous puissiez faire à part rester à jour et mettre en œuvre les techniques et stratégies les plus récentes. Cela dit, si un site est aussi dynamique que possible, il s'exécute sur un CMS où le contenu, les balises de titre, etc. peuvent être édités à la volée. , et les pages peuvent être nommées de manière conviviale pour le référencement - il sera suffisamment flexible pour s'adapter aux tendances du référencement. "

Tanaka ajoute que la pertinence est la seule véritable constante des moteurs de recherche: "Les moteurs de recherche veulent amener les utilisateurs vers les pages les plus pertinentes pour les termes recherchés", ajoute-t-il. "L'ajout et la maintenance constants de contenus pertinents permettent de garantir la qualité des liens entrants et, partant, un niveau de recherche élevé. visibilité du moteur. "

RECHERCHE EN DIRECT: Les moteurs de recherche intègrent désormais les résultats de recherche en direct de Twitter et Facebook.

Le directeur de la technologie et des opérations de Pod1, Mark Hopwood, ajoute que les moteurs de recherche intègrent désormais également les résultats de recherche en direct tels que Twitter et Facebook. Par conséquent, les sites qui souhaitent se prémunir contre l'avenir doivent diffuser du contenu dans leurs résultats..

Lors du codage, vous ne devez pas non plus oublier votre équipe et vous-même, plutôt que de vous concentrer uniquement sur les utilisateurs et les moteurs de recherche. "Concevez toujours votre travail de manière à ce que, si vous n'êtes pas là le lendemain, quelqu'un puisse reprendre là où vous l'avez laissé", déclare Brennand..

Il recommande de viser un code propre, ordonné et commenté, en utilisant une classe descriptive et des noms d'identifiant pour CSS, plutôt que d'abrégés, pour améliorer la lisibilité. "Pour une programmation plus complexe, produisez une documentation complète", ajoute-t-il, "et cela devrait être mis à jour au cours de développements ultérieurs. Cela peut sembler évident, mais lorsque de nouveaux développeurs mettent la main sur du code, ils ne tiennent parfois pas de documentation."

Pour finir, Lawson suggère de déplacer le plus possible votre travail vers des formats ouverts, notamment en ce qui concerne le stockage: "Assurez-vous que vos documents peuvent être importés à l'aide de divers programmes, pour ne pas être lié à un seul. type de fichier pris en charge par un fournisseur. "