Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

36
Qualité web, bonnes pratiques et CMS Elie SLOÏM - @ElieSL

Transcript of Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Page 1: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Qualité web, bonnes pratiques et CMSElie SLOÏM - @ElieSL

Page 2: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Dis donc, toi qui t’y

connais en informatique

Page 3: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Tu peux me faire un site (vite fait) ?

Page 4: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Quelles sont les exigences des utilisateurs ?

Page 5: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

@

Structurer les exigences utilisateurs

UI

UX

Modèle VPTCS - Elie Sloïm - Eric Gateau - 2000 Infographie @nissone http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression

Page 6: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Synthèse Le web c’est fastoche

Référencement

Navigation

AccessibilitéE-commerce

Relation client

Contenus

Standards Serveur

Code

Formulaires

ImpressionTéléchargement

Traductions

Hyperliens

Sécurité Moteur

Ergonomie

Design

Cookies

Mobile

Le Web c’est facile

Page 7: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Bonnes pratiques

Utiles Réalistes

Universelles Vérifiables

?

Page 8: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017
Page 9: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

• Le site fournit aux utilisateurs la possibilité de connaître les nouveaux contenus ou services.

• Le code source de chaque page contient une métadonnée qui en décrit le contenu.

Page 10: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

10

• Les sons et vidéos sont déclenchés par l'utilisateur.

• Le site est intégralement utilisable au clavier.

• Le site propose un ou plusieurs mécanismes dédiés à l'adaptation aux terminaux mobiles.

Page 11: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

11

• Le serveur envoie les informations permettant la mise en cache des contenus.

• Le serveur envoie une page d'erreur 404 personnalisée.

• Le codage de caractères utilisé est UTF-8.

Page 12: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

• Le titre de chaque page permet d'identifier son contenu.

• Les contenus publicitaires ou sponsorisés sont identifiés comme tels.

Page 13: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

13

• La disponibilité des produits est indiquée avant la validation définitive de la commande.

• Les horaires et tarifs de fonctionnement des services mis à la disposition des utilisateurs sont indiqués.

• Une adresse de livraison différente de l'adresse de facturation peut être spécifiée.

Page 14: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Et WordPress dans tout ça ?

Page 15: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Content Management System

Séparation fond forme Délégation technique

Séparation des métiers

HTML

Page 16: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Quel est le facteur essentiel permettant d’obtenir un site de qualité avec WordPress ?

La chance

Les extensions

Les contributeurs

Les thèmes

Page 17: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Quel est le facteur essentiel permettant d’obtenir un site de qualité avec Wordpress ?

La chance Les extensions

Les contributeursLes Thèmes

Claire BizingreMembre WPParishttp://www.accesbilis.fr@accesbilis

J’appelle une amie

Page 18: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

SEO et visibilité

Page 19: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Titres de pages Métadonnées Robots d'indexation. Sitemap FIl d’ariane

Page 20: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Désinscription Confirmation Archives

Page 21: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Dépendant du thème

Graphisme Compatibilité Ergonomie

Page 22: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Accessibilité

Page 23: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Champs et étiquettes Focus clavier Liens d'accès rapide Langue du contenu. Libellé liens Moteur de recherche Plan du site

Page 24: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Performances

Page 25: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Cache Minification Scripts Compression

Page 26: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Sécurité

Page 27: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Mime Mots de passe Admin Https Backup CSP

Page 28: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Contenus

Page 29: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Tableaux Justification Liens/fenêtres. Structure de titres Abréviations Alternatives Internationalisation

Page 30: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Services

Page 31: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Accusé de réception Champs de formulaires Prévention erreurs Bonnes pratiques e-commerce

Page 32: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Facile

Créer un site

Compliqué

Faire un bon site

Page 33: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Tu peux me faire un site (vite fait) ?

Page 34: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

La qualité Web en fresh

install

Page 35: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Compétences et cultureCompétences

Page 36: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017

Merci

Elie Sloïm @ElieSL