Qualité web

Non seulement faire, mais bien faire des sites internet, avoir des exigences pour le produit fini mais aussi dans la façon de procéder.

Illustration de la qualité d'un site internet un checklist.

Construire une relation étroite avec le client, découvrir son métier pour cerner au mieux ses besoins, ses problématiques, l'accompagner et lui apporter les connaissances nécessaires pour prendre part à la réalisation de son site. Une méthodologie faite d'étapes simples et précises (étude du projet, prototypage, tests, validations...) permettant progressivement de créer un produit de qualité.

De nombreux critères sont utilisés pour juger de la qualité d'un site : sémantique, design, ergonomie, référencement, compatibilité, performance, accessibilité... Notre expérience nous permet d'évaluer ces critères en continu tout en nous appuyant sur les standards et référentiels qui font consensus auprès des professionnels.

Nos sites sont validés par le W3C, organisme international de référence qui développe les standards pour le Web. Cette validation assure que le contenu des pages sera compréhensible par les navigateurs, robots de moteurs de recherche, logiciels d’assistance.

Plus pragmatique, le référentiel Opquast est un guide des bonnes pratiques qui nous permet d'évaluer, de gérer et garantir la qualité de nos sites.

Performance & compatibilité

Un site qui s'adapte aux principaux supports, performant pour l'utilisateur, votre entreprise et la planète !

Illustration des performances et compatibilité Un chronométre vintage.

La compatibilité et la performance sont des éléments à ne pas négliger si l’on ne veut pas voir l'internaute quitter son site. D’un point de vue économique : un site performant et accessible améliore le trafic, la prise de contact, la vente et la fidélisation. Nos sites sont réalisés dans cette optique et nous mettons en place des outils de suivi afin d'analyser ensemble des pistes d'amélioration.

Devant la multiplication des supports et des navigateurs associés et pour être au plus proche de la réalité du marché, nous maintenons à jour une liste de compatibilité basée sur nos statistiques de fréquentation et celles fournies par d'autres organismes.

En terme de performance, notre manière de concevoir vise à améliorer le temps de chargement, rendu de la page, fluidité de l'interface. Nous prenons donc soin d'optimiser les serveurs qui délivrent les pages, le code que nous produisons, les ressources associées (image, vidéo,...), l'impact de services tiers (réseaux sociaux, publicité,...).

L'impact écologique de l'Internet est aujourd'hui une réalité. Des actions sont déjà menées, par exemple, pour utiliser des énergies propres et réduire la consommation des data center, mais le concepteur d'un site a aussi son rôle à jouer. L'Éco-conception web est une démarche, en association avec le client, et qui vise à trouver le compromis entre le besoin et les moyens pour y parvenir. Il s'agit de mettre en place l'essentiel et éviter tout ce qui peut être gourmand en ressources.

Référencement & visibilité

Optimiser la structure du site et rédiger le contenu pour améliorer le positionnement dans les résultats de recherche.

Illustration référencement et visibilité Un badge avec le chiffre 1.

Pour rendre compréhensible le contenu par les robots qui l'analysent, nous l'optimisons "à la source" du code en HTML 5. C'est ce contenu qui donne la structure adéquate permettant d'apporter une valeur sémantique comprise par les moteurs de recherche. D'autres optimisations sont apportées au site : réécriture des url, balises méta, données structurées...

Nous vous conseillons également tout au long de la réalisation de votre contenu afin de l'organiser, de choisir les bons mots clés, l'iconographie... D'autre part, dans le cadre de notre offre comprenant le gestionnaire de contenu (Wordpress), tous ces points sont repris et mis en pratique lors de la formation.

Cette méthodologie, dit référencement naturel, se complète d'une part en optimisant les liens vers votre site (pour qu’ils soient de qualité et nombreux) et d'autre part en étant présent sur les réseaux sociaux (plus vous avez de personnes qui vous suivent, plus un moteur de recherche peut vous faire confiance).

Ergonomie & Accessibilité

Ne pas limiter l'accès au Web aux personnes qui lisent parfaitement sur écran et manipulent sans problème la souris et le clavier.

Illustration ergonomie et accessibilité une tablet avec une main qui touche l'écran.

L'ergonomie dans le web design renvoie à la conception d'une interface, à la manière de rendre accessible et intuitif les fonctions du site, afin de simplifier l'accès au contenu. La mise en forme et les fonctions du site s'adaptent aux préférences de l'utilisateur : taille d'écran, programme (navigateur, synthèse vocale), interface (souris, clavier, tactile). C'est pour ça que nous sommes webdesigner et développeur, autant à l'aise avec le graphisme que la programmation.

L’accessibilité du Web est avant tout un enjeu pour les personnes en situation de handicap (visuel, auditif, moteur, mental), bien que les résultats bénéficient à tous (un sportif qui s'est cassé un bras, une personne âgée,...). En France, c'est la loi pour l’Égalité des Droits et des Chances qui pose le principe d’une obligation d’accessibilité pour les sites web publics.

Si pour le privé, rien n'oblige à rendre son site accessible, les bénéfices sont pourtant nombreux : audience accrue, image de marque valorisée, non-discrimination et fidélisation. La mise en accessibilité d’un site va dans le sens des standards du web, privilégie le respect des bonnes pratiques, joue ainsi le jeu de la qualité et améliore le référencement.

Gestion du contenu

Être autonome dans la gestion et la mise à jour des contenus d'un site web.

Illustration gestionnaire de contenu Un écran avec un crayon.

Un outil de gestion de contenu (CMS) est une application Web qui permet de créer, modifier et stocker le contenu d'un site internet sans connaissance en programmation. Directement en ligne, depuis un navigateur, dans un cybercafé, dans le bus sur un téléphone mobile, les modifications peuvent être instantanées ou sauvegardées pour une utilisation ultérieure. L'application est accessible uniquement par les administrateurs du site avec un nom d'utilisateur et un mot de passe.

Nous utilisons Wordpress, un logiciel open source (libre de droits) en constante évolution, sécurisé, respectueux des standards et optimisé pour le référencement. Il s'adapte à tous les projets en permettant de développer des fonctionnalités sur-mesure ou en s'appuyant sur une très large communauté qui met à disposition nombre de didacticiels et fonctionnalités supplémentaires.