Conception de site web

La ‘Checklist Web’ de Ephrem

La réalisation d’un site Web performant en tant que plateforme marketing sur lequel repose vos objectifs d’affaires demande une charge de travail considérable en plus d’un minutie aux détails. Souvent pressez par les échéances, les développeurs, chargés de projet et les clients oublient d’effectuer plusieurs tâches importantes, affectant le rendement du site. C’est ainsi que Ephrem à élaborer une ‘Checklist Web‘ ou encore, une liste de tâches à ne pas oublier lors du processus de refonte et de lancement d’un site Web. Cette liste a été construite au cours des mandats réalisés et bonifiée avec de l’information provenant de différents articles de blogue.

 

Avant le lancement

Rédaction et SEO

  • Vérifier l’orthographe et grammaire
  • Cohérence
    • Mise en capitale (si nécessaire)
    • Style et concordance des temps
    • Phrases passe partout ou récurrentes (exemple : Plus d’infos sur…)
    • Variations de mots et nom (WordPress, wordpress ou USA, US)
    • Traitement des listes  à puces (virgule ou point à la fin de chaque élément)
  • Les titres de pages sont importants ; S’assurer qu’ils ont du sens et qu’ils contiennent les bons mots clés
  • Créer des meta description pour les pages importantes
  • Standardiser les termes pour les ‘Call-to-action’
  • S’assurer que le contenu est marqué sémantiquement (<h1> pour les titres, <ul><li> pour les listes etc…)
  • Vérifier que le mots clés que vous ciblez apparaissent dans votre contenu

Intégration des contenus

  • S’assurer qu’il ne reste pas de contenu de test sur le site (exemple : « lorem ipsum… »)
  • S’assurer d’avoir l’inventaire de tous les textes selon l’arborescence des pages statiques du site (et leur traductions selon le cas)
  • S’assurer d’avoir l’inventaire de toutes les images et vidéos au format web
  • Vérifier l’impression des pages importantes (faire un CSS pour l’impression si nécassaire)
  • Vérifier les tags ‘alt’ des images

Optimisation pour mobile

  • Création des CSS pour le ‘responsive design’
  • Ajout de fonctionnalités de détection
  • Ajout de fonctionnalités spécifique aux mobiles (geolocalisation ,notification , téléphone, etc.)


Standards et validation

  • Accessibilité
  • Validation HTML
  • Validation javascript
  • Validation CSS

Tests fonctionnels

  • Vérifier toutes les fonctions du site
  • Vérifier les fonctionnalité de recherche et la pertinence des résultats
  • Tester les site sur différents navigateurs (Internet Explorer, Firefox, Safari, Chrome etc), et différentes plate forme (Windows, OSX, Linux)
  • Tester le site avec différentes résolutions d’écran
  • Tester l’affichage sur les mobiles et tablettes
  • Tester tous les formulaires
  • Tester le site sans javascript, sans flash, et sans divers autres plugins
  • Vérifier que tous les liens externes sont valides

Sécurité / Risques

  • Mettre en place un système de sauvegarde et tester la restauration à partir de la sauvegarde
  • Protéger toutes les pages sensibles (c-à-d les pages d’administration)
  • Tester la sécurité / pénétration (hi-jacking)
  • Désactiver les erreurs verbose (PHP Warning, alert)
  • Paramétrer des alertes email / sms (pour les erreurs, les alertes serveur)

Performance

  • Test de chargement
  • Vérifier l’optimisation des images
  • Vérifier et implémenter un système de cache (si nécessaire)
  • Vérifier le poids des pages et le temps de téléchargement
  • Compresser les fichiers statiques (javascript, html et css)
  • Vérifier les configurations  à tous les niveaux (Serveur web, base de données et CMS)
  • Configurer les outils de mesures serveurs (base de données, serveur web)

Touches finales

  • Créer une page d’erreur 404 personnalisée
  • Créer un favicon

 

Le lancement

Migration d’un site web

  • Sauvegarde des fichiers et dossier de l’ancien site
  • Sauvegarde des base de données de l’ancien site
  • Déploiement des fichiers et dossier du nouveau site
  • Validation fonctionnelle

Optimisation SEO

  • Créer un fichier sitemap.xml
  • Créer un fichier robots.txt
  • Lors d’une refonte de site, redirection 301 des pages les plus importantes vers de nouvelles pages pertinentes
  • Vérifier les variations dans le nom de domaine (c-à-d les variations entre les liens de type http://www.mondomaine.com, http://mondomaine.com, http://www.mondomaine.com/index.php – tous les liens devraient être constitués de la même manière )
  • Créer et configurer un compte google Webmaster Tools et Google Analytics
  • Configurer le compte Google Analytics

 

Après le lancement

Marketing

  • Marketing social : Twitter, Linkedin, Digg, Facebook, Stumbleupon, etc.
  • Soumettre le site aux moteurs de recherche
  • Paramétrer un compte adWords si nécessaire
  • Vérifier le format des résultats du site dans les SERPs

Tâches courantes

  • Suivre et répondre aux retours des internautes (retours directs, via les médias sociaux, faire une recherche sur google de temps  à autre pour voir ce qui se dit du site ou de la marque)
  • Rechercher dans analytics d’éventuels problèmes, pages populaires etc… et procéder aux ajustements nécessaires
  • Mettre à jour le contenu