La checklist ultime pour le lancement d’un site web

Dan Zambonini a écrit cet article en février dernier. Depuis je l’ai vu tourner plusieurs fois dans mon agrégateur de news et je ne compte plus le nombre de fois où je l’ai vu en lien sur twitter. Un article plutôt pertinent donc puisque repris et cité de nombreuses fois. Je vous en livre la traduction avec l’accord de l’intéressé :

Nous avons créé une checklist que tous les sites devraient consulter avant chaque lancement. Faites-nous savoir si nous avons oublié quelque chose, ou si un élément mérite de plus amples explications.Quelque étapes connues et bien documentées (telle que la validation du code et l’accessibilité) ne sont pas expliquées en détails.

Dan Zambonini, The Ultimate Website Launch Checklist

Avant le lancement

Contenu et styles

  • Typographie et mise en page
    • vérifier la ponctuation, spécialement le apostrophes, les marques de citations et les traits d’union et les tirets
    • Vérifier les titres et les endroits où vous pourriez utiliser des ligatures
    • vérifier les orphelins et les veuves dans les paragraphe importants
  • Orthographe et grammaire
  • Cohérence
    • Mise en capitale (spécialement dans les titres les plus importants)
    • Style et concordance des temps
    • Phrases passe partout ou récurrentes (exemple : Plus d’infos sur…)
    • Variations de mots (WordPress, wordpress ou USA, US)
    • Traitement des listes  à puces (virgule ou point à la fin de chaque élément)
  • Vérifier les liens en dur vers le domaine courant (c-à-d s’assurer que tous les liens pointeront bien vers l’url ou le domaine de production quand le site sera lancé)
  • S’assurer qu’il ne reste pas de contenu de test sur le site (exemple : « lorem ipsum… » ou « ceci est un test »)
  • Vérifier comment les pages importantes passent lorsqu’elles sont imprimées
  • Lors d’une refonte de site, s’assurer que les anciennes urls des pages les plus importantes sont bien redirigées vers de nouvelles pages
  • Vérifier toutes les « copies cachées » (c-à-d dans le alt des images, dans les fonctions javascript)

Standards et validation

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

SEO et outils statistiques

  • 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
  • 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 )
  • 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
  • Mettre en place et configurer un compte Analytics, FeedBurner et tout autre outil permettant de vous fournir des statistiques
  • Créer une sitemap XML
  • Créer et configurer un compte google Webmaster Tools et un compte Yahoo! Site Explorer

Tests fonctionnels

  • vérifier toutes les focntions personnalisées et ou complexes du site
  • Vérifier les fonctionnalité de recherche (y compris la pertinence des résultats)
  • Tester les site sur différents navigateurs (Internet Explorer, Firefox, Safari, Chrome etc), versions (6, 7, 2.2, 3.1 etc…) et différentes plate forme (Windows, OSX, Linux)
  • Tester le site avec différentes résolutions d’écran
  • Tester tous les formulaires (c-à-d contact, commentaires et autres)
  • 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)
  • Utiliser un robots.txt si nécessaire
  • Sécurité / pénétration tests
  • Désactiver les erreurs verbose
  • Vérifier l’espace et la capacité des disques
  • Paramétrer des alertes email / sms (pour les erreurs, les alertes serveur); Mettre en place un monitoring interne et externe

Performance

  • Test de charge
  • Vérifier l’optimisation des images
  • Vérifier et implémenter un système de cache lorsque c’est nécessaire
  • Vérifier le poids des pages et le temps de téléchargement
  • Compresser les fichiers statiques (javascript, html et css)
  • Optimiser les css : utiliser des chemins courts pour les images; utiliser à fond les propriétés de cascade du CSS
  • Vérifier les configurations  à tous les niveaux (Serveur web, base de données et tout autre software c-à-d Content Management System)
  • Configurer les outils de mesuers serveurs (base de données, serveur web)

Touches finales

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

Après le lancement

Marketing

  • Marketing social : Twitter, Linkedin, Digg, Facebook, Stumbleupon, etc.
  • Soumettre le site aux moteurs de recherche
  • Paramétrer un compte addWords si nécessaire
  • Vérifier l’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 popualires etc… Et procéder aux ajustements nécessaires
  • Mettre à jour le contenu

La version PDF est également disponible sur le site de Dan Zambonini (en anglais) .

Mise  à jour : Travailleurs du web a dégainé plus vite que moi – bien plus vite d’ailleurs. Babozor a publié une traduction de l’article de Dan Zambonini sur son site en frévrier dernier. Bon ma version est plus jolie, mais lui propose en plus un pdf  à télécharger. Faites votre choix !

Réagissez

Si ce billet vous a plu ou si vous voulez apporter des précisions, ou si vous n’êtes pas d’accord avec ce que je raconte, c’est ici qu’il faut vous manifester. Je me réserve toutefois le droit de supprimer toute contribution insultante ou qui n’aurait rien à voir avec la choucroute.

  1. La checklist ultime pour le lancement d’un site web http://minurl.fr/bcx // Déjà publié, mais traduction différente 🙂

  2. … et vérifier que le style est cohérent… par exemple quand on est passé pendant quelques temps au noir et qu’on repasse au jaune : il faut vérifier que le « footer » est aussi repassé correctement en jaune… ;-p

    Aska, taquin.

  3. Pas de soucis de ce côté là : le footer en version jaune de ce thème a toujours été sur fond noir 🙂

  4. admettons…… ^^

    ça s’appelle un « plouf » ! 😉

  5. @Babozor : bon c’est balot. J’ai traduit pour rien… Travailleurs du web rentre dans mon agrégateur.

  6. Salut.

    Merci pour le boulot de traduction.
    Mais une « checklist » mérite une présentation plus rigoureuse (reprend celle du site en anglais, beaucoup plus lisible et rapide à scanner).
    ++

  7. RT: @20cent: J’aime bien aussi cette checklist Web : http://tinyurl.com/ckzqnu

  8. @Yann : j’ tinvite à récupérer le code de cette liste et à te faire ta propre feuille de style avec ta propre présentation. C’est magique les css.

  9. La checklist ultime pour le lancement d’un site web http://tinyurl.com/ckzqnu

  10. […] La checklist ultime pour le lancement d’un site web | Barbablog – Voilà une liste bien pratique des choses à penser quand on commence un projet web. Une todolist vraiment pratique ! […]

  11. […] and security points. Created by Dan Zambonini. The pdf-version is available as well and so is the French translation. The checklist is a very useful reference that may help you in your daily projects and will help […]

  12. LA checklist ultime pour le lancement d’un site web : http://bit.ly/1axjEu

  13. […] and security points. Created by Dan Zambonini. The pdf-version is available as well and so is the French translation. The checklist is a very useful reference that may help you in your daily projects and will help […]

  14. […] and security points. Created by Dan Zambonini. The pdf-version is available as well and so is the French translation. The checklist is a very useful reference that may help you in your daily projects and will help […]

  15. […] and security points. Created by Dan Zambonini. The pdf-version is available as well and so is the French translation. The checklist is a very useful reference that may help you in your daily projects and will help […]

  16. […] and security points. Created by Dan Zambonini. The pdf-version is available as well and so is the French translation. The checklist is a very useful reference that may help you in your daily projects and will help […]

  17. […] d’autres et vous renvoie vers l’excellent billet de Grégoire Pouget, qui récapitule toutes les vérifications à faire pour lancer proprement son […]

  18. Salut Greg…
    je me manifeste juste pour te signaler une coquille que j’ai reperé

    « Désactiver les erreurs vebose« , tu voulais sans doute dire verbose

    Bon, puis si je peux me permettre, j’aurais bien aimé que tu nous donnes ton sentiment sur le sujet, en fait j’aurais bien aimé ta checklist, avec pourquoi pas un coefficient de pertinence qui permettrait en fonction d’un budget « serré » de se passer de certaines vérifications que nous qualifierons de second ordre….

    Tiens en passant je teste un petit produit tout bête…ToDoList, qui s’intégrerait très bien avec cet article, sans oublier l’excellentissime Wikipad.

    Pwyll to ex collègue 🙂

    PS tiens je viens de voir une autre coquille
    « vérifier toutes les focntions personnalisées et ou complexes du site »

  19. RT @franchipane: La checklist ultime pour le lancement d’un site web http://blog.barbayellow.com/?p=1260

  20. Bon récapitulatif des tâches à effectuer, je vois que je suis complètement à jour.

    Merci pour la traduction, c’est le genre de document à imprimer à chaque création de sites internet (bon bah d’ailleurs c’est fait 😀 ).

  21. […] and security points. Created by Dan Zambonini. The pdf-version is available as well and so is the French translation. The checklist is a very useful reference that may help you in your daily projects and will help […]

  22. […] and security points. Created by Dan Zambonini. The pdf-version is available as well and so is the French translation. The checklist is a very useful reference that may help you in your daily projects and will help […]

  23. […] La checklist ultime pour le lancement d’un site web (BarbaBlog) […]

  24. […] security points. Created by Dan Zambonini. The pdf-version is available as well and so is the French translation. The checklist is a very useful reference that may help you in your daily projects and will help […]

  25. […] security points. Created by Dan Zambonini. The pdf-version is available as well and so is the French translation. The checklist is a very useful reference that may help you in your daily projects and will help […]

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *