1. Le Diable est dans les détails
***
Augmenter la qualité de vos sites Drupal:
de petits modules qui font toute la différence
Drupal Camp Montreal 2013 – Symetris.ca

2. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Libérez votre potentiel web
avec Symetris
***
• Fondée à Montréal en 2004
• 9 spécialistes web à l’interne
• Développement de sites web qui vont
au-delà du marketing
• Maîtrise des CMS open-source
• Optimisation pour les mobiles

3. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
L’équipe de présentateurs
Brad Muncs
Président
David Pinard
Développeur Web
David Arbour
Développeur Web
Matthieu Gadrat
Développeur Web
Marc-Olivier Fortin
Développeur Web
Nicolas Beaucage
Développeur Web

4. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Ordre du jour
• Pourquoi le diable est dans les détails
• L’édition de contenu
• Navigation et référencement
• Développement
• Conclusion

5. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Le DIABLE est dans les détails!

6. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Les détails capturent l’attention et
changent l’expérience de travail que vos
clients ont avec vous
C’est de cette façon
que les magiciens
travaillent.

7. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Drupal ne fait pas tout, et ne se comporte
pas toujours comme l’espère un client
Il faut donc travailler sur les détails,
et la finition pour améliorer
l’expérience du client.

8. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Les développeurs sont bons pour:
• Régler des problèmes
• Suivre des spécifications
• Comprendre des situations
• Boire du café

9. Drupal
L’édition de
contenu
SEO
Ils sont moins bons pour:
• Anticiper l’humeur des clients
• Deviner les non-dits
• Défaire des choses qui
« fonctionnent » déjà
Développe
ment
Conclusion

10. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
De projet en projet,
les mêmes enjeux apparaissent

11. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
La force des dev : suivre des specs.
Utilisez la force pour faire
votre propre checklist de modules essentiels et
anticiper les enjeux!

12. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Nous allons vous présenter des modules
qui font partie de notre trousse à outils

13. Briser la glace
Filtrer avec
AJAX
WordPress
Détail du
Code
Conclusion
Prenons comme exemple d’entreprise :
Mr. Wilkins
Mr Wilkins est un distributeur de
nourriture pour chien
•
Entreprise de taille moyenne
•
Distribue à des détaillants (B2B)
•
A besoin d'un catalogue en ligne
pour présenter ses produits

14. Briser la glace
WordPress
• Drupal est l'outil parfait
pour son
site web
• Et voici quelques
exemples concrets de
modules utilisés
Filtrer avec
AJAX
Détail du
Code
Conclusion

15. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Enjeux d’édition de contenu

16. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Problème :
Les pages d’édition de contenu sont parfois
compliquées
Elles ont parfois trop de champs

17. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Solution : Module « Field collection »
Permet d’ajouter un bloc de champs prédéterminé que
l’on peut répéter

18. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Solution : Module « Conditional Fields »
Permet d’afficher ou de cacher certains champs selon
les valeurs d’autres champs

19. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Problème :
L’édition du contenu médias et des fichiers n’est
parfois pas évidente.
(Il me semble que c’est plus facile avec WordPress)

20. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Solution : Module « elFinder »
(avec l’aide de CKEditor)
Permet de gérer les fichiers et de les insérer dans un
WYSIWYG ou dans un champ image
Permets d’avoir différents accès en fonction des rôles
(nouveau dans la version 2)
Interface facile d’utilisation

21. Drupal
L’édition de
contenu
SEO
Développe
ment
Solution : Module « elFinder »
(avec l’aide de CKEditor)
Conclusion

22. Drupal
L’édition de
contenu
SEO
Développe
ment
Solution : Module « elFinder »
(avec l’aide de CKEditor)
Conclusion

23. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Problème :
Les administrateurs du site remplissent les champs
avec trop de contenu et ça brise le design ou certaines
parties sont invisibles

24. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Maxlength
Permet de limiter à un nombre fixé les caractères d’un
champ
Affiche le nombre de caractères restant

25. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Enjeux de
navigation et de référencement

26. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Problème :
Les URLs des pages ont plein de numéros dedans et il
y a plein d’URLS pour la même page

27. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Solution : Module « Global Redirect »
Remplacer les URLs moches par des URLs plus
propres et pertinents
Les nouveaux alias agissent comme une redirection
301 « Moved Permanently »
Évite la duplication de différents URLs qui pointent au
même endroit
S’occupe des redirections vers les nodes de la bonne
langue dans des cas de multilinguisme

28. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Solution : Module « Global Redirect »
Exemple

29. Drupal
L’édition de
contenu
SEO
Développe
ment
Problème :
Les URLs de fichiers sont bizarres
Conclusion

30. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Solution : Module « Transliteration »
Lors du téléchargement d’un fichier, son nom est
standardisé en remplaçant les caractères
problématiques
Permets d’afficher des noms de fichiers conviviaux
pour les URLs
Uniformise le nom de tous les fichiers sur le site
Permets de faire des recherches avec ou sans
caractères accentués

31. Drupal
L’édition de
contenu
SEO
Développe
ment
Solution : Module « Transliteration »
Conclusion

32. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Problème :
Google m’amène vers des pages que je ne souhaite
pas voir

33. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Solution : Module « Rabbit Hole »
Pas de référencement inutile sur des pages
individuelles qu’on ne désire pas référencer
Peut choisir le comportement désiré selon le besoin
Peut s’appliquer à des types de contenu, à des termes
de taxonomies ou à des utilisateurs

34. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion

35. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Enjeux de développement

36. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Problème :
La mise à jour de certain modules crée des problèmes
majeurs dans le site.
Aucun de ces problèmes ne sont documentés sur
l’Internet.

37. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Solution : Module « HACKED! »
Révèle les « hacks »
Compare les fichiers des version actuelles des
modules avec celles des « repos »
Si le module « diff » est installé, il indique les lignes
précises qui ont été modifiées.

38. Drupal
HACKED!
L’édition de
contenu
SEO
Développe
ment
Conclusion

39. Drupal
HACKED!
L’édition de
contenu
SEO
Développe
ment
Conclusion

40. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Problème :
Multiples enjeux de traduction:
•
•
•
•
Du “core”
Des modules additionnels
Oublis de traduction
Export des “.po” files et traduction de champs

41. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Solution : Module « Localization update »
(l10n_update)
Télécharge automatiquement les fichiers de
traductions
Seul contenu à traduire = le vôtre, donc moins d’oubli
Des termes plus à jour

42. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Solution : Module « Localization update »

43. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Problème :
Valider le site en tant que différents rôles utilisateurs
est fastidieux

44. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Solution : Module « Masquerade »
Permet de changer d’utilisateur en 1 clic
Simple et rapide pour valider les permissions de vos
différentes pages / fonctionnalité.
Aide votre client à faire son QC
Réduit les erreurs (tous les rôles seront constamment
affichés)

45. Drupal
Masquerade
L’édition de
contenu
SEO
Développe
ment
Conclusion

46. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Conclusion

47. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Bref, que retenir ?
On espère que vous utiliserez un ou deux des modules qu’on a
mentionné aujourd’hui.

48. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Module
Utilité
Field Collection
Groupe des champs ensemble et permet de
répéter des collections de champs.
Conditionnal Fields Cache des champs en fonction de selections
dans des champs précédents.
elFinder
Gestionnaire de media dans Drupal.
Maxlenght
Donne une rétroaction visuelle à l’utilisateur
lorsqu’il entre du contenu dans un champ.

49. Drupal
Module
Global Redirect
L’édition de
contenu
SEO
Développe
ment
Conclusion
Utilité
Redirection 301 des chemins systèmes vers
leurs alias.
Transliteration
Retire / Remplace les caractères non-désirable
des URLs.
Rabbit Hole
Restraint l’accès / redirige lors du visionnement
de certain contenus.
HACKED!
Détecte les modifications aux fichiers des
modules .
Localisation Update Télécharge automatiquement les traductions
déjà existantes pour les modules.
Masquerade
Change rapidement de rôle / utilisateur dans un
site.

50. Drupal
L’édition de
contenu
SEO
Développe
ment
Conclusion
Prendre le temps de penser à
anticiper les besoins du client.
Adresser les détails avant qu’ils ne
tombent dans les craques.

51. Merci !
Des questions
Contactez-nous :
brad@symetris.ca
info@symetris.ca
Présentation PPT disponible sur Slideshare
Partagez vos opinions ou modules préférés sur
Twitter @symetris (ou FB)