qualité, bonnes pratiques et cms - wordcamp bordeaux - 18 mars 2017
TRANSCRIPT
![Page 1: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/1.jpg)
Qualité web, bonnes pratiques et CMSElie SLOÏM - @ElieSL
![Page 2: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/2.jpg)
Dis donc, toi qui t’y
connais en informatique
![Page 3: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/3.jpg)
Tu peux me faire un site (vite fait) ?
![Page 4: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/4.jpg)
Quelles sont les exigences des utilisateurs ?
![Page 5: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/5.jpg)
@
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](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/6.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/7.jpg)
Bonnes pratiques
Utiles Réalistes
Universelles Vérifiables
?
![Page 8: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/8.jpg)
![Page 9: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/9.jpg)
• 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](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/10.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/11.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/12.jpg)
• 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](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/13.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/14.jpg)
Et WordPress dans tout ça ?
![Page 15: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/15.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/16.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/17.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/18.jpg)
SEO et visibilité
![Page 19: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/19.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/20.jpg)
Désinscription Confirmation Archives
![Page 21: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/21.jpg)
Dépendant du thème
Graphisme Compatibilité Ergonomie
![Page 22: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/22.jpg)
Accessibilité
![Page 23: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/23.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/24.jpg)
Performances
![Page 25: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/25.jpg)
Cache Minification Scripts Compression
![Page 26: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/26.jpg)
Sécurité
![Page 27: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/27.jpg)
Mime Mots de passe Admin Https Backup CSP
![Page 28: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/28.jpg)
Contenus
![Page 29: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/29.jpg)
Tableaux Justification Liens/fenêtres. Structure de titres Abréviations Alternatives Internationalisation
![Page 30: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/30.jpg)
Services
![Page 31: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/31.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/32.jpg)
Facile
Créer un site
Compliqué
Faire un bon site
![Page 33: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/33.jpg)
Tu peux me faire un site (vite fait) ?
![Page 34: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/34.jpg)
La qualité Web en fresh
install
![Page 35: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/35.jpg)
Compétences et cultureCompétences
![Page 36: Qualité, bonnes pratiques et CMS - WordCamp Bordeaux - 18 mars 2017](https://reader031.vdocuments.net/reader031/viewer/2022030307/58e547861a28ab3a468b55b3/html5/thumbnails/36.jpg)
Merci
Elie Sloïm @ElieSL