SlideShare une entreprise Scribd logo
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)

Contenu connexe

Tendances

Alphorm.com Formation Big Data avec Apache Spark: Initiation
Alphorm.com Formation Big Data avec Apache Spark: InitiationAlphorm.com Formation Big Data avec Apache Spark: Initiation
Alphorm.com Formation Big Data avec Apache Spark: Initiation
Alphorm
 
Alphorm.com Formation Laravel : Maîtriser les particularités de Laravel
Alphorm.com Formation Laravel : Maîtriser les particularités de LaravelAlphorm.com Formation Laravel : Maîtriser les particularités de Laravel
Alphorm.com Formation Laravel : Maîtriser les particularités de Laravel
Alphorm
 
Prsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckPrsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteck
TECOS
 

Tendances (20)

Theming drupal8 - Meetup Paris - 26-mars-2015
Theming drupal8 - Meetup Paris - 26-mars-2015Theming drupal8 - Meetup Paris - 26-mars-2015
Theming drupal8 - Meetup Paris - 26-mars-2015
 
Présentation complète de l'HTML5
Présentation complète de l'HTML5Présentation complète de l'HTML5
Présentation complète de l'HTML5
 
Formation html5 css3 java script
Formation html5 css3 java scriptFormation html5 css3 java script
Formation html5 css3 java script
 
Alphorm.com Formation ETL Talend Open Studio (1/2) - Les fondamentaux
Alphorm.com Formation ETL Talend Open Studio (1/2) - Les fondamentauxAlphorm.com Formation ETL Talend Open Studio (1/2) - Les fondamentaux
Alphorm.com Formation ETL Talend Open Studio (1/2) - Les fondamentaux
 
Optimiser les performances dans Wordpress
Optimiser les performances dans WordpressOptimiser les performances dans Wordpress
Optimiser les performances dans Wordpress
 
Les base du Html5
Les base du Html5Les base du Html5
Les base du Html5
 
Drupal & responsive
Drupal & responsiveDrupal & responsive
Drupal & responsive
 
Alphorm.com Formation Informatica PowerCenter : Niveau Avancé
Alphorm.com Formation Informatica PowerCenter : Niveau AvancéAlphorm.com Formation Informatica PowerCenter : Niveau Avancé
Alphorm.com Formation Informatica PowerCenter : Niveau Avancé
 
Séminaire Drupal 8
Séminaire Drupal 8Séminaire Drupal 8
Séminaire Drupal 8
 
Alphorm.com Formation Big Data avec Apache Spark: Initiation
Alphorm.com Formation Big Data avec Apache Spark: InitiationAlphorm.com Formation Big Data avec Apache Spark: Initiation
Alphorm.com Formation Big Data avec Apache Spark: Initiation
 
Creation de-themes-wp
Creation de-themes-wpCreation de-themes-wp
Creation de-themes-wp
 
Alphorm.com Support de la Formation WebDev 21
Alphorm.com Support de la Formation WebDev 21Alphorm.com Support de la Formation WebDev 21
Alphorm.com Support de la Formation WebDev 21
 
HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux
 
Drupal 8
Drupal 8Drupal 8
Drupal 8
 
Alphorm.com Formation Laravel : Maîtriser les particularités de Laravel
Alphorm.com Formation Laravel : Maîtriser les particularités de LaravelAlphorm.com Formation Laravel : Maîtriser les particularités de Laravel
Alphorm.com Formation Laravel : Maîtriser les particularités de Laravel
 
Drupagora linagora-20111110
Drupagora linagora-20111110Drupagora linagora-20111110
Drupagora linagora-20111110
 
HTML5, How to rethink your web strategy - Version FR
HTML5, How to rethink your web strategy - Version FRHTML5, How to rethink your web strategy - Version FR
HTML5, How to rethink your web strategy - Version FR
 
Conference drupagora-drupal-8 2012-11-09
Conference drupagora-drupal-8 2012-11-09Conference drupagora-drupal-8 2012-11-09
Conference drupagora-drupal-8 2012-11-09
 
Support Formation vidéo: MongoDB pour débutant
Support Formation vidéo: MongoDB pour débutantSupport Formation vidéo: MongoDB pour débutant
Support Formation vidéo: MongoDB pour débutant
 
Prsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckPrsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteck
 

En vedette

Connecter Drupal à des API externes
Connecter Drupal à des API externesConnecter Drupal à des API externes
Connecter Drupal à des API externes
Symetris
 

En vedette (9)

Different approaches for different scopes: How to tackle a medium-sized Dr...
Different approaches for different scopes: How to tackle a medium-sized Dr...Different approaches for different scopes: How to tackle a medium-sized Dr...
Different approaches for different scopes: How to tackle a medium-sized Dr...
 
WTF: Where To Focus when you take over a Drupal project
WTF: Where To Focus when you take over a Drupal projectWTF: Where To Focus when you take over a Drupal project
WTF: Where To Focus when you take over a Drupal project
 
Symetris présente Drupal 8 - Linux-Meetup (Montreal) 02/02/2016
Symetris présente Drupal 8 - Linux-Meetup (Montreal) 02/02/2016Symetris présente Drupal 8 - Linux-Meetup (Montreal) 02/02/2016
Symetris présente Drupal 8 - Linux-Meetup (Montreal) 02/02/2016
 
Connecter Drupal à des API externes
Connecter Drupal à des API externesConnecter Drupal à des API externes
Connecter Drupal à des API externes
 
Les particularités de Drupal en gestion de projet: une histoire d’amour et de...
Les particularités de Drupal en gestion de projet: une histoire d’amour et de...Les particularités de Drupal en gestion de projet: une histoire d’amour et de...
Les particularités de Drupal en gestion de projet: une histoire d’amour et de...
 
Mieux Filtrer ses listes WordPress avec Ajax et WP_Query
Mieux Filtrer ses listes WordPress avec Ajax et WP_QueryMieux Filtrer ses listes WordPress avec Ajax et WP_Query
Mieux Filtrer ses listes WordPress avec Ajax et WP_Query
 
Trop gros pour des mercenaires, trop petit pour une armée: Comment s'attaquer...
Trop gros pour des mercenaires, trop petit pour une armée: Comment s'attaquer...Trop gros pour des mercenaires, trop petit pour une armée: Comment s'attaquer...
Trop gros pour des mercenaires, trop petit pour une armée: Comment s'attaquer...
 
Symetris ambiance
Symetris ambianceSymetris ambiance
Symetris ambiance
 
Personnaliser l'interface administrateur de Drupal - DrupalCamp Montreal 2014
Personnaliser l'interface administrateur de Drupal - DrupalCamp Montreal 2014Personnaliser l'interface administrateur de Drupal - DrupalCamp Montreal 2014
Personnaliser l'interface administrateur de Drupal - DrupalCamp Montreal 2014
 

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

Drupal en environnement microsoft
Drupal en environnement microsoftDrupal en environnement microsoft
Drupal en environnement microsoft
LeTesteur
 
Journalisme plurimedia - Deuxième Partie
Journalisme plurimedia - Deuxième PartieJournalisme plurimedia - Deuxième Partie
Journalisme plurimedia - Deuxième Partie
yannbelloir
 

Similaire à Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails (20)

Bonnes pratiques-drupal-dans-cahier-des-charges conference-dc-lyon-2012
Bonnes pratiques-drupal-dans-cahier-des-charges conference-dc-lyon-2012Bonnes pratiques-drupal-dans-cahier-des-charges conference-dc-lyon-2012
Bonnes pratiques-drupal-dans-cahier-des-charges conference-dc-lyon-2012
 
Drupagora 2012 - Améliorations ergonomiques pour les contributeurs dans Drupal
Drupagora 2012 - Améliorations ergonomiques pour les contributeurs dans DrupalDrupagora 2012 - Améliorations ergonomiques pour les contributeurs dans Drupal
Drupagora 2012 - Améliorations ergonomiques pour les contributeurs dans Drupal
 
Pourquoi Drupal ?
Pourquoi Drupal ?Pourquoi Drupal ?
Pourquoi Drupal ?
 
Réussir son projet Drupal
Réussir son projet DrupalRéussir son projet Drupal
Réussir son projet Drupal
 
Cms et-creer-un-petit-site-avec-drupal-jdll-2012
Cms et-creer-un-petit-site-avec-drupal-jdll-2012Cms et-creer-un-petit-site-avec-drupal-jdll-2012
Cms et-creer-un-petit-site-avec-drupal-jdll-2012
 
DrupalCamp Paris 2013 - Drupal : un CMS orienté métier
 DrupalCamp Paris 2013 - Drupal : un CMS orienté métier DrupalCamp Paris 2013 - Drupal : un CMS orienté métier
DrupalCamp Paris 2013 - Drupal : un CMS orienté métier
 
Drupagora - Les clés de la réussite d'un projet Drupal
Drupagora - Les clés de la réussite d'un projet DrupalDrupagora - Les clés de la réussite d'un projet Drupal
Drupagora - Les clés de la réussite d'un projet Drupal
 
Découvrir Drupal, le CMS Open Source de référence
Découvrir Drupal, le CMS Open Source de référenceDécouvrir Drupal, le CMS Open Source de référence
Découvrir Drupal, le CMS Open Source de référence
 
Wordpress pour les entreprises
Wordpress pour les entreprisesWordpress pour les entreprises
Wordpress pour les entreprises
 
Industrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec DrupalIndustrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec Drupal
 
Meilleures pratiques pour construire un site web Drupal
Meilleures pratiques pour construire un site web DrupalMeilleures pratiques pour construire un site web Drupal
Meilleures pratiques pour construire un site web Drupal
 
Seocamp Nantes 2011 : CMS Open-Source Drupal
Seocamp Nantes 2011 : CMS Open-Source Drupal Seocamp Nantes 2011 : CMS Open-Source Drupal
Seocamp Nantes 2011 : CMS Open-Source Drupal
 
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échoué
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échouéLe Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échoué
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échoué
 
Drupal en environnement microsoft
Drupal en environnement microsoftDrupal en environnement microsoft
Drupal en environnement microsoft
 
Edge SEO & Cloud SEO : Comment faire du SEO dans le cloud quand tout le reste...
Edge SEO & Cloud SEO : Comment faire du SEO dans le cloud quand tout le reste...Edge SEO & Cloud SEO : Comment faire du SEO dans le cloud quand tout le reste...
Edge SEO & Cloud SEO : Comment faire du SEO dans le cloud quand tout le reste...
 
Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)
 
Presentation mkframework software craftsmanship a l'afup
Presentation mkframework software craftsmanship a l'afupPresentation mkframework software craftsmanship a l'afup
Presentation mkframework software craftsmanship a l'afup
 
Meetup WordPress Lyon #3 : Bien organiser son code dans WordPress.
Meetup WordPress Lyon #3 : Bien organiser son code dans WordPress.Meetup WordPress Lyon #3 : Bien organiser son code dans WordPress.
Meetup WordPress Lyon #3 : Bien organiser son code dans WordPress.
 
Journalisme plurimedia - Deuxième Partie
Journalisme plurimedia - Deuxième PartieJournalisme plurimedia - Deuxième Partie
Journalisme plurimedia - Deuxième Partie
 
Drupal7 presentation fr
Drupal7 presentation frDrupal7 presentation fr
Drupal7 presentation fr
 

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