Assurez-vous que les principales fonctionnalités de votre site sont toujours disponibles, accessibles, sécurisées, utilisables, visibles et rapides.
Cette page fournit des conseils pour vous assurer que votre site Web est disponible, accessible, sécurisé et utilisable par tous à tout moment.
Les conseils de cette page proviennent d'un ensemble pluridisciplinaire d'équipes Google qui s'orientent à court terme vers les sites Web qui aident les utilisateurs à se protéger pendant la pandémie de COVID-19. Ces Googleurs ont constaté que les sites font face à une augmentation sans précédent de la demande de la part d'internautes à la recherche d'informations critiques, dont la plupart n'ont jamais utilisé, voire rarement, le Web auparavant. Il peut être difficile de s'assurer que les sites sont disponibles pendant cette période et accessibles à tous.
Conseils
Disponibilité, fiabilité, résilience et stabilité
Si votre site rencontre des pics de trafic et qu'il échoue, ou si vous souhaitez éviter toute défaillance, les conseils ci-dessous peuvent vous aider à résoudre rapidement les problèmes ou à les détecter avant qu'ils ne deviennent des problèmes majeurs.
- Pour savoir comment détecter, limiter et prévenir les problèmes liés aux pics de trafic, consultez la section Corriger un serveur surchargé.
- Supprimez les images, vidéos, scripts et polices inutiles. Assurez-vous que chaque page vise uniquement à fournir les fonctionnalités dont les utilisateurs de votre site ont vraiment besoin.
- L'optimisation de vos images peut réduire considérablement l'utilisation de la bande passante de votre serveur, car les images sont la première source d'engorgement sur le Web.
- Déchargez le plus possible votre contenu statique sur des CDN. Plus d'informations auprès des fournisseurs courants : AWS, Azure, Cloudflare, Google Cloud et Firebase
- Vérifiez si votre CDN dispose d'optimisations faciles à activer, telles que la compression d'image dynamique, la compression de texte ou la minimisation automatique des ressources JS et CSS.
- L'optimisation de la mise en cache HTTP peut réduire considérablement les demandes sur vos serveurs avec un changement minimal de code. Consultez la section Le cache HTTP: votre première ligne de défense pour obtenir une présentation, ainsi que les sections Mise en cache HTTP et Bonnes pratiques de mise en cache pour obtenir des recommandations spécifiques. L'audit Diffuser des éléments statiques avec une stratégie de cache efficace dans Lighthouse peut vous aider à détecter rapidement les ressources qui ne sont pas mises en cache. N'oubliez pas que les différents types de ressources ont des exigences d'actualisation différentes et qu'ils nécessiteront donc différentes stratégies de mise en cache.
- Les service workers sont un autre moyen de réduire considérablement les demandes sur vos serveurs, mais ils peuvent nécessiter un investissement technique important. Elles permettent également à votre site Web de fonctionner hors connexion, ce qui vous permet de présenter les horaires d'ouverture, les numéros de téléphone et d'autres informations aux utilisateurs connus, même sans connexion. Workbox est l'approche recommandée pour ajouter des service workers aux sites Web, car elle automatise beaucoup de code récurrent, facilite le suivi des bonnes pratiques et évite les bugs subtils courants lors de l'utilisation directe de l'API
ServiceWorker
de bas niveau. - Si l'utilisation de votre site augmente considérablement, vérifiez si vous disposez d'une protection adéquate contre les attaques DDoS, car il est peut-être désormais une cible plus attrayante. Vous trouverez davantage d'informations auprès des fournisseurs courants : AWS, Azure, Cloudflare et Google Cloud.
Pour en savoir plus, consultez la section Fiabilité du réseau.
Accessibilité
Il est plus important que jamais de se concentrer sur l'accessibilité, car de plus en plus de personnes ayant des besoins divers et variés accèdent probablement à votre site. Suivez les consignes ci-dessous pour vous assurer que les fonctionnalités de base de votre site Web sont accessibles à tous.
- L'accessibilité est un travail d'équipe et chacun a un rôle à jouer. Commencez par consulter le guide d'accessibilité pour les équipes de Google, ainsi que le guide d'équipe du service numérique américain. Ces guides expliquent ce que chaque membre de l'équipe (chefs de produit, ingénieurs, concepteurs, contrôle qualité, etc.) peut apporter.
- Effectuez un examen de l'accessibilité pour déterminer ce qui fonctionne bien et ce qui doit être amélioré. Les extensions de navigateur WAVE peuvent vous guider tout au long d'un audit manuel de l'accessibilité de votre site.
- Lisez les guides d'accessibilité pour mieux comprendre des sujets spécifiques tels que la navigation au clavier et la compatibilité avec les lecteurs d'écran.
- Exécutez un audit Lighthouse pour détecter les problèmes d'accessibilité courants. Le rapport fournit également une liste des vérifications manuelles que vous pouvez effectuer pour améliorer le fonctionnement de votre site. Notez qu'un score d'accessibilité de 100 ne garantit pas que votre site sera accessible. Lighthouse ne peut pas tester de manière automatisée de nombreux problèmes importants. Il reste donc important d'effectuer des examens manuels. D'autres outils d'audit automatisés incluent l'API WAVE et l'extension AXE.
- Suivez le cours Commencer à créer des applications Web accessibles sur egghead.io ou consultez le cours sur l'accessibilité Web sur Udacity.
- Regardez la playlist A11ycast pour obtenir d'autres conseils sur des sujets d'accessibilité spécifiques.
Identité, sécurité et confidentialité
Il peut être tentant de prendre des raccourcis pour obtenir des correctifs essentiels, mais veillez toujours à ne pas créer de failles de sécurité en procédant ainsi. Les utilisateurs ont besoin d'accéder à du contenu sur des sujets extrêmement privés. Les sites Web doivent protéger ces données utilisateur sensibles à tout prix et convaincre les utilisateurs que leurs informations personnelles ne présentent aucun risque.
- Découvrez pourquoi tous les sites Web doivent être protégés par HTTPS, et pas seulement ceux qui traitent des données sensibles permettant d'identifier personnellement l'utilisateur.
- Adoptez un fournisseur d'hébergement qui utilise HTTPS par défaut, ou utilisez Let's Encrypt ou des services similaires pour activer HTTPS sur vos serveurs.
- Consultez la présentation des cookies SameSite pour savoir comment sécuriser davantage votre utilisation des cookies. Notez que l'application du libellé des cookies SameSite a été temporairement annulée.
Pour en savoir plus, consultez la page Sécurité et protection.
Convivialité, UI et UX
Le Web compte aujourd'hui de plus en plus d'utilisateurs pour répondre à leurs besoins fondamentaux. Beaucoup d'entre eux n'utilisent pas souvent le Web. Il est utile de vérifier l'usabilité des principales fonctionnalités de votre site et de vous assurer qu'elles sont aussi simples et faciles à utiliser que possible.
- Envisagez d'ajouter en haut de votre site Web une bannière bien visible (qui peut être supprimée à l'aide du bouton X) qui communique clairement les mises à jour du service. Utilisez une incitation à l'action dans la bannière pour rediriger les utilisateurs vers des ressources plus spécifiques. Envisagez d'utiliser des couleurs et des polices distinctes qui se démarquent du reste du contenu de votre page. Faites preuve d'empathie dans votre texte, concentrez-vous sur les besoins des individus et soyez transparent sur le type de service attendu.
- Recherchez des opportunités de minimiser les interactions physiques dans vos parcours utilisateur critiques et suggérez ces modifications à votre équipe produit. Par exemple, si votre service de livraison nécessite généralement une signature, voyez s'il existe un moyen de contourner ce problème.
- Vérifiez que vos CUJ sont aussi simples et intuitifs que possible, et suggérez des modifications à votre équipe produit si vous voyez des améliorations possibles.
- Consultez les principes d'une bonne conception mobile et essayez vos CUJ sur différents appareils mobiles pour vous assurer qu'il n'y a pas de problèmes flagrants. Les personnes qui n'utilisent pas souvent le Web et qui se retrouvent soudainement obligées de le faire davantage accèdent probablement à votre site à partir d'appareils mobiles.
- Refactorisez votre site pour utiliser autant que possible des modèles de responsive design.
- Assurez-vous que vos formulaires sont efficaces et bien conçus.
SEO
Les gens recherchent des informations essentielles sur la santé et l'emploi. Il est important de s'assurer que vos sites sont visibles par tous les moteurs de recherche. Les audits SEO Lighthouse peuvent vous aider à détecter les problèmes de base. Suivez les blogs officiels des moteurs de recherche pour connaître les dernières informations et informations : Google, Bing, Baidu, DuckDuckGo et Yandex. Posts récents liés à la COVID-19:
- Modifier vos activités en ligne tout en minimisant l'impact sur votre présence dans la recherche Google
- Nouvelles propriétés pour les événements virtuels, reportés et annulés
- Bing adopte le balisage schema.org pour les annonces spéciales liées à la COVID-19
- Ajouter des données structurées aux communiqués sur la COVID-19
- Aider les organismes de santé à rendre les informations sur la COVID-19 plus accessibles
- Bonnes pratiques générales pour la recherche pour les sites médicaux et gouvernementaux
Pour en savoir plus, consultez la section Visible.
Performances
Certains FAI (en Inde, par exemple) constatent une forte augmentation de l'utilisation d'Internet à la maison et ne disposent pas de l'infrastructure nécessaire pour répondre à la demande accrue. Dans de telles situations, la vitesse de votre site Web peut ralentir, sans que vous en soyez responsable. L'optimisation des performances de charge peut être un moyen de compenser les difficultés liées à la réduction de la bande passante. En d'autres termes, en réduisant le nombre d'octets à envoyer sur le réseau pour charger vos pages, vous pouvez compenser l'impact d'une bande passante réduite sur les performances.
- Les images sont la première cause d'engorgement sur le Web. Vous pouvez réduire de manière significative l'utilisation de la bande passante de votre site Web en optimisant vos images. Squoosh est un outil de compression d'images Open Source simple qui peut vous aider à compresser rapidement vos images.
- Exécutez WebPageTest ou Lighthouse pour identifier les principales opportunités d'amélioration des performances.
- Activez la compression de texte pour réduire la taille du réseau des ressources textuelles. Il s'agit souvent d'une amélioration simple des performances qui nécessite un investissement technique minimal.
- Consultez la page Améliorer la vitesse du site Web de manière pluridisciplinaire pour savoir comment collaborer avec d'autres services et obtenir leur adhésion.
- Utilisez le chargement différé standardisé pour les images afin de réduire le nombre de requêtes d'images que les utilisateurs ne verront peut-être jamais. La compatibilité du navigateur n'est pas à 100 %, mais la fonctionnalité peut être traitée comme une amélioration progressive. En d'autres termes, si un navigateur n'est pas compatible avec le chargement différé standardisé, l'image doit se charger normalement.
- Vérifiez si votre site comporte des scripts de tests A/B ou de personnalisation qui peuvent être chargés de manière plus asynchrone, ou si ces scripts comportent des fonctionnalités non essentielles qui peuvent être désactivées. Les scripts de tests A/B et de personnalisation ne peuvent généralement pas être chargés complètement de manière asynchrone, car ils doivent s'exécuter avant le chargement du contenu de la page. Toutefois, il peut être possible de charger des parties des scripts de manière plus asynchrone. Consultez la section Chemin d'affichage critique pour comprendre le compromis fondamental entre les scripts synchrones (également appelés scripts bloquants l'affichage) en général et le temps de chargement des pages, puis déterminez si vous devez donner la priorité aux scripts bloquant l'affichage par rapport au temps de chargement de la page, ou inversement.
- Le code tiers constitue environ la moitié de toutes les requêtes pour la plupart des sites Web. Envisagez d'optimizing, de supprimer ou de désactiver temporairement le code tiers qui n'est pas essentiel au fonctionnement de votre site.
- Si la priorité de certaines fonctionnalités n'est plus définie, le moment est peut-être idéal pour effectuer un nettoyage. Supprimez les balises de vos gestionnaires de balises, nettoyez les fichiers CSS et JavaScript volumineux, et supprimez les fonctionnalités ou le code obsolètes. L'onglet Couverture dans les outils pour les développeurs Chrome et la classe
Coverage
dans Puppeteer peuvent vous aider à détecter du code inutilisé.
Pour en savoir plus, consultez Temps de chargement rapides.
Image héros de la NASA sur Unsplash