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
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
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
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
Drupal

L’édition de
contenu

SEO

Développe
ment

Conclusion

Le DIABLE est dans les détails!
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.
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.
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é
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
Drupal

L’édition de
contenu

SEO

Développe
ment

Conclusion

De projet en projet,
les mêmes enjeux apparaissent
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!
Drupal

L’édition de
contenu

SEO

Développe
ment

Conclusion

Nous allons vous présenter des modules
qui font partie de notre trousse à outils
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
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
Drupal

L’édition de
contenu

SEO

Développe
ment

Conclusion

Enjeux d’édition de contenu
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
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
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
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)
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
Drupal

L’édition de
contenu

SEO

Développe
ment

Solution : Module « elFinder »
(avec l’aide de CKEditor)

Conclusion
Drupal

L’édition de
contenu

SEO

Développe
ment

Solution : Module « elFinder »
(avec l’aide de CKEditor)

Conclusion
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
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
Drupal

L’édition de
contenu

SEO

Développe
ment

Conclusion

Enjeux de
navigation et de référencement
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
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
Drupal

L’édition de
contenu

SEO

Développe
ment

Conclusion

Solution : Module « Global Redirect »
Exemple
Drupal

L’édition de
contenu

SEO

Développe
ment

Problème :
Les URLs de fichiers sont bizarres

Conclusion
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
Drupal

L’édition de
contenu

SEO

Développe
ment

Solution : Module « Transliteration »

Conclusion
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
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
Drupal

L’édition de
contenu

SEO

Développe
ment

Conclusion
Drupal

L’édition de
contenu

SEO

Développe
ment

Conclusion

Enjeux de développement
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.
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.
Drupal

HACKED!

L’édition de
contenu

SEO

Développe
ment

Conclusion
Drupal

HACKED!

L’édition de
contenu

SEO

Développe
ment

Conclusion
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
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
Drupal

L’édition de
contenu

SEO

Développe
ment

Conclusion

Solution : Module « Localization update »
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
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)
Drupal

Masquerade

L’édition de
contenu

SEO

Développe
ment

Conclusion
Drupal

L’édition de
contenu

SEO

Développe
ment

Conclusion

Conclusion
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.
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.
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.
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.
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)

Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails