web-dev-qa-db-fra.com

Comment analyser un site Web et faire des optimisations?

Je suis invité à un atelier pour passer en revue et donner des conseils pour les mises à jour et les améliorations de sites Web. Je suis invité à travailler en informatique. Je suis un programmeur et je travaille dans le développement d'applications Windows. J'apprends aussi PHP maintenant, donc je n'ai pas beaucoup d'expérience dans le développement Web.

Le site Web que je suis invité à consulter et à donner mon opinion est un site Web qui couvre les actualités et les intérêts d’une région ou d’une région (par exemple: site Web de Brooklyn à New York). J'ai examiné le site Web, le site Web contient une radio, une galerie de photos, des blogs et un répertoire de magasins. J'ai trouvé quelque chose à raconter sur les sites Web. le droit chemin.

web-development
5
major

Je voudrais me concentrer sur ces domaines:

  • Ergonomie:
    1. L'architecture de l'information est-elle bien conçue?
    2. Des titres de page et des URL appropriés sont-ils utilisés?
    3. La navigation et le flux d'utilisateurs sont-ils bien conçus?
    4. Existe-t-il des goulots d'étranglement liés à la conversion liés à la convivialité?
    5. Effectuez des tests utilisateur pour vérifier votre intuition.
  • Accessibilité
    1. Le site Web est-il conforme à 508?
    2. Le site Web WCAG 1 & 2 est-il conforme?
    3. Le site Web exploite-t-il les fonctionnalités d'accessibilité de la sémantique WIA-ARIA/HTML5 ?
    4. Applique-t-il d’autres pratiques recommandées en matière d’accessibilité, telles que les liens de navigation et de contenu, et les options CAPTCHA non visuelles?
    5. Testez le site avec des lecteurs d'écran et un zoom du navigateur pour confirmer son accessibilité aux malvoyants.
  • Compatibilité multi-navigateur/plate-forme
    1. Identifiez vos plates-formes cibles en fonction de données démographiques (éventuellement via les journaux du serveur ou des études de marché).
    2. Testez sur toutes les plates-formes cibles (pas seulement une version de navigateur unique sur un seul système d'exploitation; des outils tels que BrowserShots et Adobe Browser Lab peuvent vous aider).
  • Performance
    1. Les graphiques et les fichiers multimédias sont-ils bien compressés (par exemple, en utilisant le format de compression approprié)?
    2. Quelle est la performance réelle des pages dans le navigateur pour les pages critiques?
    3. Tirez-vous le maximum des avantages de la mise en cache (mise en cache de codes octets, mise en cache de requêtes, mise en cache de pages, etc.)?
    4. D'autres améliorations des performances sont-elles nécessaires (par exemple, agrégation et minimisation de CSS et de JS, utilisation d'un serveur Web léger pour servir du contenu statique, utilisation d'un CDN, équilibrage de la charge, précompilation, etc.)?
  • Sécurité
    1. Le site est-il protégé contre XSS, CSRF, piratage de session, injections SQL, fuite d'informations et autres menaces?
    2. Exécutez des tests de blackbox, de fuzzing et de whitebox avec des analyseurs de code source statique.
    3. Évaluez les stratégies de sécurité: stratégie de mot de passe, utilisation du cryptage (HTTPS, SFTP/SCP) et stockage des données (PII et autres données sensibles).
    4. Le formulaire de connexion est-il protégé contre le piratage (retards dans les tentatives, interdictions IP temporaires déclenchées par des échecs de connexion répétés, utilisation de CAPTCHAs pour ralentir les craquelins, ne pas divulguer si un nom d'utilisateur existe, etc.) et le processus de connexion est-il protégé contre le sniffing (HTTPS forcé)? et ne pas utiliser l'authentification HTTP de base)?
    5. Autorisations de fichier/dossier, formulaires de téléchargement, formulaires de courrier électronique, protection anti-spam, etc.
  • Autres meilleures pratiques (maintenabilité, sémantique/référencement, marketing en ligne)
    1. À quoi ressemble le code (pré-minifié) du front-end et du backend? Est-ce modulaire, lisible et bien commenté/documenté? Utilisent-ils MVC ou une architecture similaire? Est-ce RESTful?
    2. Le site utilise-t-il l'amélioration progressive/la dégradation progressive? Le site fonctionne-t-il toujours sans JavaScript (s'il s'agit d'une exigence raisonnable pour ce créneau)?
    3. Existe-t-il une séparation du contenu et de la présentation?
    4. Le CSS est-il bien conçu, tirant parti des styles en cascade, des noms de classe sémantiques et des identifiants?
    5. Le balisage est-il sémantique et tire-t-il parti des microformats existants? Les attributs rel/rev appropriés, les plans de site, les flux de produits et autres métadonnées sont-ils définis pour aider les navigateurs, les robots d'exploration et les autres applications à comprendre/utiliser le contenu?
    6. Les CTA sont-ils affichés en évidence et le site est-il conçu autour d'une stratégie Web? Ou s'agit-il simplement d'un site de brochure générique créé sans détermination d'objectifs commerciaux spécifiques? Utilisent-ils des données d'analyse et d'autres mesures pour mesurer les performances du site? Le site est-il régulièrement mis à jour avec de nouveaux contenus et utilisé activement pour le marketing?
    7. Sont-ils tests (pour optimiser les dépenses de copie/conception Web et de marketing)?

Il existe une infinité d’autres domaines d’optimisation potentiels (il s’agit en grande partie de corriger les mauvaises pratiques, telles que les doublons d’URL, une conception Web médiocre, le manque de documentation, des présentations basées sur des tableaux, l’utilisation de cadres/iframes, les pages non bookmarkables, la rupture de navigation du navigateur/histoire, etc.), il est donc peu probable qu’un seul fil de questions/réponses puisse couvrir tout cela.

3
Lèse majesté

Les éléments clés à analyser sur un site Web dans un but d’optimisation sont les suivants:

  1. Essayez d’analyser la carte thermique des principales pages indexées et vérifiez si la signification des objets placés sur les pages correspond à la carte thermique (par exemple, les nouvelles chaudes et tendances affichées sur les points les plus chauds du site).
  2. Voyez si les pages permettent suffisamment d’interaction avec les médias sociaux pour l’époque actuelle, c’est le réseautage social. Plus le contenu est partagé, plus le nombre de personnes qui visitent le site a tendance à augmenter.
  3. Vérifiez si le site offre des installations de navigation faciles. Plus la navigation et le plan du site du site Web sont faciles et mieux classés, plus le nombre de pages susceptibles d’être consultées par les visiteurs est élevé. Non seulement cela, un meilleur sitemap offre une meilleure indexation des moteurs de recherche.
  4. Vérifiez si le site Web est conforme au W3C et compatible avec plusieurs navigateurs Web pour un site Web qui fonctionne bien ou même très bien sur un navigateur webkit/gecko ne fonctionnera pas nécessairement de la même manière sur les autres navigateurs (de manière évidente IE).
  5. Voir si le site Web est correctement optimisé pour les moteurs de recherche. Le titre, les balises méta et les mots clés appropriés garantissent implicitement la portée de la page au public visé. Une analyse des mots clés est recommandée pour choisir les bons mots clés.
  6. Et le plus important quand il s'agit d'optimiser un site Web - CONTENU. Aussi bon que soit un site web, il ne sert à rien sans le contenu qu'il offre.

    Je sais que je n’aurais peut-être pas abordé ici tous les aspects essentiels, mais c’est là les facteurs prima-facea que je me rappelle chaque fois que j’examine un site à des fins d’optimisation. La contribution d'autres personnes au poste est cordialement invitée.
4
ikartik90