30 listes de contrôle pour le développement Web que chaque équipe doit garder à portée de main –

Construire un site Web ou une application et le rendre disponible pour le monde est une entreprise complexe. Un certain nombre de facteurs doivent être réunis pour garantir le succès du produit final. Cela signifie attirer et garder les visiteurs, atteindre les objectifs commerciaux et minimiser les problèmes. Vous pouvez fournir un meilleur produit à l'aide de listes de contrôle de développement Web.

Comme dans la vie quotidienne, les listes de contrôle peuvent être un excellent outil d'organisation. Ils gardent les équipes de développement Web sur la bonne voie. Ils garantissent également que les tâches importantes ne sont pas négligées dans la précipitation pour terminer un projet.

Nous avons recherché sur le Web les listes de contrôle de développement Web les plus utiles. Ils couvrent tout, depuis le front-end et les performances jusqu'au référencement et au marketing.

Lancement (pré-lancement / post-lancement)

# 1 La liste de contrôle de pré-lancement essentielle pour votre site Web

Une liste de contrôle pratique qui comprend:

• éléments de conception à rechercher avant le lancement
• fonctionnalité
• test multi-navigateur
• SEO et édition de contenu

# 2 Liste de contrôle de lancement de site Web

outil de liste de contrôle créé par le développeur de Glasgow Fraser Boag .

Cet outil vous permet de:

• vérifier les éléments à mesure que vous terminez chaque tâche
• griser un élément s'il n'est pas applicable
• réinitialiser la liste de contrôle pour le préparer pour le prochain projet.

Les modifications seront enregistrées à l'aide de cookies, afin que vous puissiez facilement utiliser la liste de contrôle pendant toute la durée de votre projet.

La liste de contrôle couvre le contenu, les références et les performances, la compatibilité, l'accessibilité, l'analyse , et plus. Les éléments de la liste incluent, entre autres:

• modification du contenu
• facilité d'utilisation de la navigation
• test des liens
• Conformité GDPR
• Validité HTML et CSS
• minification des styles et des scripts

# 3 La liste de contrôle de lancement essentielle pour les applications Web et les applications mobiles

Ben Cheng présente «… une liste de contrôle de lancement simple pour les applications Web et mobiles… pour que les chefs de produit testent rapidement les performances de leurs applications».

Non seulement l'auteur inclure des tâches importantes à effectuer avant le lancement, il explique également les raisons de ses choix .

La liste présente des éléments appartenant aux domaines suivants:

• performances
• sécurité
• liens rompus [19659008] compatibilité
• SEO / social
• agréable à avoir, comme une page 404, des feuilles de style d'impression, etc.

Back-end (base de données et serveur) et sécurité

# 4 Base de données Liste de contrôle des tests

Pour la persistance des données, vous probablement besoin d'une base de données. Le bon fonctionnement et l'intégrité de la base de données sont cruciaux pour un site Web ou une application rapide et sécurisé. Dans cette liste de contrôle, vous trouverez des éléments relatifs à:

• intégrité de la base de données
• procédures stockées
• validation des champs
• contraintes
• sécurité
• transactions et plus encore.

# 5 Meilleures pratiques d'arrière-plan

Ce sont des directives indépendantes de la pile pour les meilleures pratiques qui englobent diverses architectures d'arrière-plan. Il est complet, y compris les meilleures pratiques sur:

• solutions de stockage de données
• sécurité
• environnements de serveurs
• surveillance des applications, et bien plus encore.

Vers la fin du document, vous trouverez une liste de contrôle des responsabilités pour organiser le travail de votre équipe. Vous trouverez également une liste de contrôle de version pour le lancement de votre site Web ou application.

Front-end

# 6 Une liste de contrôle de déploiement frontal

Si vous codez des pages de destination, la liste de contrôle de déploiement de Fred Rocha est ce dont vous avez besoin. C'est succinct et précis. Il comprend des éléments techniques frontaux tels que:

• vérification des performances
• validation du balisage
• vérification de la console pour les erreurs JavaScript, etc.

# 7 La liste de contrôle front-end de David Dias

Il se décrit comme "parfait pour les sites Web modernes et les développeurs méticuleux". Il s'agit d'un outil interactif en ligne qui vous permet de saisir l'URL du projet et d'obtenir un rapport complet sur les domaines suivants:

• head
• HTML
• webfonts
• CSS
• JavaScript
• images
• ] accessibilité
• performances
• SEO

La ​​vérification est approfondie et révèle quels éléments dans les différents domaines méritent une priorité élevée, moyenne ou faible.

React App Deployment and Performance

# 8 Live Liste de contrôle de préparation d'une application React

Voici une liste de tâches que vous devez effectuer avant que votre application React ne soit prête pour la production.

# 9 Death by a Thousand Cuts: A Checklist for Eliminating Common React Performance Issues

Il s'agit d'une liste de contrôle en six points avec des explications amusantes et claires sur la façon de mettre en œuvre chacune des tâches de la liste pour une application React ultra rapide.

Tests inter-navigateurs

# 10 Liste de contrôle des tests inter-navigateurs avant la mise en service

De eksha Agarwal propose une liste de contrôle de premier ordre pour garantir que votre site Web ou votre application fonctionne et qu'il ressemble à tous les navigateurs et plates-formes de votre environnement de développement local avant le lancement. Parmi les éléments que vous trouverez dans cette liste figurent:

• alignement des éléments et autres problèmes de navigateur croisé HTML et CSS
• rendu des polices
• connexions API, et bien plus encore.

# 11 Liste de contrôle des tests inter-navigateurs

Rajkumar propose cette liste de contrôle pratique où il mentionne tous les éléments dont vous avez besoin pour tester sur plusieurs systèmes d'exploitation et navigateurs.

Accessibilité

# 12 Liste de contrôle de Checkpoints for Web Content Accessibility Guidelines 1.0

Cette liste de contrôle du W3C comprend tous les éléments dont vous devez tenir compte afin que davantage de personnes puissent accéder et utiliser votre site. Les éléments sont regroupés selon un numéro de priorité de un à 3.

Il couvre:

• la fourniture de texte pour les éléments non textuels
• l'organisation des documents afin qu'ils puissent être lus sans feuilles de style
• le contraste des couleurs
• structure et éléments appropriés pour les documents HTML
• développement des acronymes et abréviations la première fois qu'ils apparaissent
• navigation dans les onglets logiques, etc.

# 13 Liste de contrôle WCAG 2 de WebAIM

Cette liste de contrôle présente WebAIM (Web Web Accessibility in Mind) recommandations d'accessibilité pour ceux qui recherchent la conformité aux WCAG.

# 14 La liste de contrôle du projet A11Y

Cette liste de contrôle du projet A11Y organise les éléments sous les titres suivants:

• contenu
• code mondial
• clavier
• images
• rubriques
• listes
• contrôles
• tableaux
• formes
• médias
• apparence
• animation
• contraste des couleurs
• mobile / tactile. 19659110] # 15 La liste de contrôle d'accessibilité du site Web définitif

  Cette liste de contrôle est présentée dans un grand tableau convivial où les éléments sont regroupés en fonction de leur niveau de priorité d'accessibilité conformément aux directives WCAG 2.0:

  • Le niveau A rend votre site Web ou application accessible à certains utilisateurs
  • Le niveau AA le rend accessible à presque tous les utilisateurs
  • Le niveau AAA le rend accessible à tous les utilisateurs . [19659115] Performances

    # 16 Liste de contrôle des performances frontales

    Il n'y a pratiquement rien qui décourage les utilisateurs plus qu'un site Web ou une application lents. Voici une autre excellente liste de contrôle de David Dias. Il nomme sa liste de contrôle «La seule liste de contrôle de performance frontale qui fonctionne plus rapidement que les autres». Pour chaque règle, vous aurez une explication de pourquoi elle est importante et comment vous pouvez résoudre ce problème spécifique. De plus, les éléments de cette liste de contrôle ont des indicateurs de priorité. Il existe trois niveaux de priorité: faible, moyen et élevé. Enfin, David répertorie également un certain nombre d'outils utiles que vous pouvez utiliser pour tester ou surveiller les performances de votre site Web ou de votre application.

    # 17 Liste de contrôle des performances frontales 2020

    Vitaly Friedman offre «un aperçu mis à jour de la les problèmes que vous devrez peut-être prendre en compte pour vous assurer que vos temps de réponse sont rapides, l'interaction des utilisateurs est fluide et que vos sites ne drainent pas la bande passante de l'utilisateur » Les éléments de cette liste de contrôle détaillée sont sous les titres suivants:

    • Préparation: planification et mesures
    • Définition d'objectifs réalistes
    • Définition de l'environnement
    • Optimisations des actifs
    • Optimisations de la construction
    • Optimisations de la livraison
    • HTTP / 2
    • Test et surveillance
    • Gains rapides. Ce sont 15 problèmes que vous pouvez résoudre rapidement si vous n'avez qu'une heure pour obtenir des résultats de performances significatifs.

    # 18 Liste de contrôle des performances Web en 18 points d'Addy Osmani

    Ben Halpern recommande la liste de contrôle des performances d'Addy Osmani, tirée de l'un des AMA d'Addy . Parmi les suggestions que vous trouverez dans cette liste:

    • fractionnement de code
    • chargement paresseux de ressources non critiques
    • compression de fichiers
    • mise en cache, et bien plus encore.

    Migration du site

    # 19 La liste de contrôle de migration de site Web SEMRush

    Il existe différentes raisons pour lesquelles vous souhaitez migrer votre site Web. Vous avez peut-être changé de HTTP en HTTPS, changé de nom de domaine ou opté pour un nouveau framework ou CMS. SEMRush propose une liste de contrôle interactive en ligne gratuite pour gérer ce processus. Vous pouvez également le télécharger au format PDF.

    # 20 La liste de contrôle ultime pour la migration de sites Web

    Les principales sections sous lesquelles les éléments sont regroupés dans cette liste de contrôle sont:

    • Pré-migration
    • Post-migration

    Les préoccupations SEO occupent une place centrale dans cette liste de contrôle. Il couvre l'examen des données analytiques, la collecte des métriques et des tendances clés, la surveillance des premières pages, etc.

    # 21 La ​​liste de contrôle de migration de site Web

    Il s'agit d'une liste de contrôle de migration de site Web complète qui regroupe ses éléments sous un [19659007] feuille de route de pré-lancement

  • jour de lancement
  • phase de post-lancement

  SEO (Search Engine Optimization)

  # 22 La liste de contrôle SEO complète pour 2020

  Ceci est une liste de contrôle SEO très complète par Backlinko qui comprend plusieurs listes de contrôle. En particulier, vous trouverez:

  • une liste de contrôle de base SEO
  • une liste de contrôle de recherche de mots clés
  • une liste de contrôle SEO sur page
  • une liste de contrôle SEO technique
  • une liste de contrôle de contenu
  • un bâtiment de liens liste de contrôle

  En prime, vous obtiendrez également des astuces et tactiques avancées de référencement ainsi que des études de cas et des exemples.

  # 23 La liste de contrôle SEO complète en 51 points pour 2020

  Les listes de Tony Griffith de ClickMinded une «liste de contrôle SEO étape par étape que vous pouvez utiliser immédiatement. C'est un processus très direct et simple qui générera plus de trafic et davantage de clients sur votre site Web le plus rapidement possible. "

  # 24 Votre liste de contrôle SEO en 9 points pour 2020

  Avec de superbes visuels et des explications claires, cette liste de contrôle couvre les tâches impliquées dans:

  • référencement de base
  • recherche de mots clés
  • référencement technique
  • référencement de contenu, etc.

  # 25 La liste de contrôle ultime pour 2020

  Cette est une liste de contrôle massive mais extrêmement conviviale de 66 points qui se concentre sur l'optimisation d'un site Web pour Google en 2020.

  # 26 Liste de contrôle SEO sur page pour 2020

  Le référencement sur page est le processus de optimiser une seule page de votre site Web, ce qui est très important pour obtenir un excellent classement Google. Nathan Gotch de GotchSEO présente sa liste de vérification SEO étape par étape, qui prend en compte:

  • Performances SEO
  • exploration et indexation
  • mots clés
  • contenu
  • images
  • vidéo
  • vidéo
  • liens
  • expérience utilisateur (UX) et conception et interface utilisateur (UI)
  • classement de votre page dans le pack local
  • données structurées
  • et plus

  Marketing numérique

  # 27 Liste de contrôle du marketing numérique pour 2020

  Voici une liste de contrôle pratique pour vous assurer que votre marketing numérique soutient votre entreprise. Un site Web axé sur la marque, réactif et convivial est bien sûr le premier sur la liste.

  # 28 Liste de vérification de marketing numérique 2020

  Voici une liste de vérification de marketing numérique 2020 en 8 points par Clear Blue Sky Numérique. Il vous présente:

  • l'apparence, la convivialité et la sécurité de votre site Web
  • ses stratégies de référencement et de SEM (marketing sur les moteurs de recherche)
  • votre approche de marketing sur les médias sociaux.

  GDPR (General Data Protection Regulation) [19659190] # 29 Une liste de contrôle de conformité au RGPD pour évaluer votre stratégie de données

  La conformité au RGPD est un must pour la plupart des entreprises à l'intérieur de l'Union européenne ou traitant avec des pays de l'Union européenne. Sa raison d'être est de donner aux citoyens de l'UE plus de contrôle et de transparence sur leurs données. Cette liste de contrôle couvre les exigences du GDPR et ce que votre entreprise doit faire pour garantir la conformité. . Si vous rencontrez des difficultés, voici une liste de contrôle qui peut aider votre entreprise à répondre à ses exigences.

  Conclusion

  Comme vous pouvez le voir, certaines listes contiennent des éléments de différentes catégories. Les éléments sous la rubrique Performances sont présents sous la rubrique SEO . En effet, la vitesse de chargement des pages est un élément clé pour atteindre les meilleurs classements des moteurs de recherche. Tous les aspects d'une présence Web doivent travailler ensemble pour atteindre le résultat final souhaité. Avec ces listes de contrôle, ce type de coordination est beaucoup plus facile.

  
  

  Maria Antonietta Perna est co-rédactrice en chef de la chaîne HTML / CSS de SitePoint et développeur Web frontal. Elle aime bricoler avec des normes CSS sympas et est curieuse de savoir comment enseigner les approches du code frontal. Lorsqu'elle ne code pas pour le Web ou n'écrit pas pour le Web, elle aime les livres de philosophie, les longues promenades et la bonne nourriture.