Comment choisir un bon template WordPress ?
Vous ne pouvez ou vous ne voulez pas créer un template WordPress de A à Z, vous avez besoin de trouver un template tout prêt ? Sachez que vous allez à la quête impossible du Graal ! N’espérez pas trouver un template avec un design idéal. Il va vous falloir donc adapter, modifier, repenser. Voici quelques conseils de base pour s’en sortir avec tous les honneurs.
Modifier un thèmeWordpress, ai-je le niveau ?
- Premièrement il faut déjà savoir se servir de Worpress en Back Office et comprendre le principe de fonctionnement d’un CMS et ceux de WordPress (où sont les templates, plugins, c’est quoi un hack ?).
- Deuxièmement, être à l’aise avec (X)HTML et CSS. Ce n’est pas sorcier à apprendre si ce n’est pas le cas. Rendez-vous en fin d’article pour quelques sites incontournables…
- Troisièmement, avoir des notions de PHP et Javascript sera un plus. Comprendre à quoi servent ces 2 technologies vous aidera également.
Oubliez le template WordPress, travaillez votre arborescence et votre zoning en premier !
Si vous n’avez pas encore travaillé l’arborescence, la qualité des contenus c’est tout simplement le moment… Oubliez la quête du template idéal, n’oubliez pas que votre site, son contenu doit être pensé autour de l’attente des internautes ciblés, et non autour de l’envie de votre client ou de la vôtre. Sans aller plus loin (ce n’est pas l’objectif de ce blog) quelques principes :
- Analyser de manière critique les sites concurrents : volumétrie, qualité des contenus, critères on page/off page SEO, zoning…
- Développez vos spécificités (insister sur ce qui vous différencie de votre concurrence) : si votre avantage c’est le prix, la satisfaction client, le choix, les services… prouvez-le !
- Travaillez les titres et accroches de vos pages : pas de termes creux ou trop génériques (trop ambitieux). Ne vous inspirez pas de mon site je les travaille pas !
- Faites un zoning pertinent (documentez vous sur l’ergonomie web).
- Pensez géolocalisation et microformats…
Vous avez un zoning, de vrais contenus et une arborescence, vous pouvez partir à la chasse au template WordPress !
Premier conseil, oubliez complétement le design (images du template, codes couleur, typographie) et pensez zoning et navigation.
Face à un template gratuit ou payant analysez l’organisation des pages, le fonctionnement de la navigation. Il vous faudra donc télécharger si possible et installer ces templates sur un site de développement (jamais en production), voire une installation locale (sous Wamp, EasyPhp…) pour vous assurer que le fonctionnement global corresponde à votre souhait.
Évitez les compromis : il n’y a pas d’arrangement !
Si je me dis qu’il faut que je change un peu ma vision de la navigation de mon projet, je suis dans la mauvaise direction. L’outil doit toujours s’adapter à votre besoin et non l’inverse ! Passez donc votre chemin ou modifiez le template pour qu’il colle à votre vision. Comme le dirait Massilia Sound System : « [...]y’a pas d’arrangement« .
Je me méfie des templates personnalisables payants : ils ne sont pas gage de qualité
Je pense avoir trouvé un super template car il est connu pour son hyper-personnalisation via le back-office, il y a des chances que vous perdiez beaucoup de temps en bidouillages.
Mieux vaut modifier quelques fichiers html et la CSS du template, ce sera plus efficace au final, et le code sera plus adapté. Autre chose aussi, bien souvent les templates personnalisables à Gogo sont une catastrophe en termes de respect des standards, ou du moins des bonnes pratiques… Combien de super templates pourtant payants contiennent 3 à 4 titre H1 en page d’accueil ou à l’inverse n’en contiennent pas. Idem, ces modèles WordPress, ont parfois des règles de fonctionnement très peu académique en back-office, et animer la page d’accueil devient vite un enfer…
Vous pouvez toujours essayer de modifier ces templates mais :
- Est-ce que la licence vous y autorise ?
- Est-ce possible pour un débutant ? Certains templates sont volontairement rendus complexes par certains créateurs (fonctions éclatées entre différents fichiers, code encrypté pour une pseudo protection de copyright…)
- Le template est-il livré avec les PSD source ?
- Il y a-t-il un mode d’emploi pour l’intégration CSS ?
- L’auteur assure-t-il (comme sur Theme Forest) une assistance par mail ou via un forum ?
La mode du Responsive Webdesign
Tout comme avec l’invention du terme « Web 2.0 » par un consultant (vous savez les rois du pipeau commercial, je vous le dit d’autant plus que j’en suis un), le « Responsive Webdesign » est bien souvent un prétexte pour vendre et est donc mis à toutes les sauces. Un doute ?
Euh à quoi sert un site estampillé Responsive Webdesign ou Adaptative Webdesign, si le titre H1 est placé sur le logo et est présent sur toutes les pages du site (je parle même de sites sans rôles ARIA dans le code) ? Pourquoi tout le contenu de vos articles est chargé sur une seule page ? Est-ce cela qui va booster la performance et le trafic de votre site ?
Soyez critique, il y a d’excellents templates, mais ils ne sont pas nombreux ! Que je vous les donne ? Ben non, vous comprendrez plus loin, en la matière il faut éviter les influences…
Méfiez-vous des templates gratuits glanés en dehors du site de la communauté officielle WordPress !
Je vous préviens tout de suite, évitez les requêtes de type « template gratuit SEO WordPress » ou « free templates seo friendly wordpress »… Vous risquez d’être confronté :
- Au mieux, du pipeau, vous êtes tombé sur un site d’affiliation ou un site Made For Adsense ;
- Au pire, un template accompagné de fonctions PHP « avancées », vous voilà donc à votre insu avec du code malicieux (regardez bien les SERP Google, il y a des alertes de sécurité parfois)…
- Dans 90% des cas, vous allez retrouver des backlinks statiques et encryptés dans vos pages et vous n’allez pas comprendre pourquoi votre site ne se positionne pas …
Évitez les templates proposés dans des articles alléchants dédiés à WordPress !
« les 10 meilleurs templates wordpress 20XX » ou « Les templates incontournables de l’année… » sont à fuir. Pourquoi ? Ben parce que vous êtes là bien souvent sur un article de blogueur qui suit un programme d’affiliation. Il est là pour gagner des sous, très bien pour lui, mais dans de nombreux cas, il ne va pas pour autant faire l’effort de vérifier la qualité réelle des templates qu’il promeut (c’est un peu moins vrai sur des sites français).
Bon ben alors c’est quoi la méthode ?
- J’installe un WordPress en local, avec les vrais contenus de mon projet. J’installe un plugin de recherche de backlinks crade et code malicieux. Je vous conseille TAC par exemple.
- Je chasse en terrain connu : thèmes de la communauté WordPress ou templates pro sérieux, type Theme Forest ou Yoo Thèmes. J’évite les requêtes faciles, et de cliquer dans les liens sponsorisés de Google (euh d’ailleurs faut éviter de manière générale).
- Mon antivirus est à jour, je scanne le zip du template en local avant de le dézipper .
- J’installe les templates gratuits qui m’intéressent que j’ai préalablement recherché par zoning et non par couleur ou univers (CF moteur de recherche interne des templates en back-office ou certains sites de templates). Je teste sous TAC, s’il y a des liens statiques, pas de panique, c’est gérable, je vérifie néanmoins que je peux les enlever. Si ce n’est pas le cas, tant pis je passe mon chemin. Je trouve des liens encryptés ou du code malicieux, je supprime et j’en parle sur le net.
- Si je traque du template payant, n’achetez jamais sans être sûr(e) à 100%, inspectez les sites de démonstration, les éventuels sites réels produits avec le template, comme toujours : « Firebug, Webdevelopper et votre cerveau sont vos amis »
- Je vérifie la qualité du code (X)HTML, le validateur de la W3C pourra vous aider, ainsi que vos connaissances. Je modifie le code (funtions.php, index.php…) du template pour arriver à mes fins :
- Un code (X)HTML W3C Compliant ;
- Un seul Titre H1 par page (le titre éditorial de la page) ;
- Le respect du flux des titres Hn (un titre H3 ne peut apparaitre qu’à condition qu’un titre H2 le précède, souvenez-vous des plans détaillés à la Fac en notation scientifique cela vous aidera) ;
- Des microformats dès que je peux (fil d’arianne, commentaires…), pour cela Google est votre ami ;
- Plus de mention de « WordPress » dans le code (CF : Astuces pour sécuriser WordPress).
- C’est trop compliqué ? Je laisse tomber et passe à un autre template.
- Je m’attaque enfin à la feuille de style. Oui, ne comptez pas sur moi pour vous expliquer plus en détail, si vous ne savez pas faire commencer par apprendre (X)HTML et CSS. Ensuite Firebug, Webdevelopper Google et votre cerveau est votre ami (je radote).
- Je m’assure du bon fonctionnement du template d’avec les fonctions que je vais utiliser : plugin pour le SEO, plugin pour les formulaires, widgets… Je modifie si nécessaire.
- Je teste, reteste et archi teste avant de mettre en pré-production voire en production.
- Je travaille avec la méthode des thèmes enfants de WordPress
Pour aller plus loin dans la personnalisation de templates WordPress
Voici une première liste de sites incontournables :
W3C
- http://vali http://support.google.com/webmasters/bin/answer.py?hl=fr&answer=146897 dator.w3.org/
- http://www.w3.org/WAI/
Microformats
Sécurité WordPress
HTML-CSS
SEO et WordPress
Création de A à Z de templates WordPress
Templates frameworks WordPress
En conclusion : faut toujours travailler, il n’y a pas de mystère
J’espère que la lecture de ce billet vous aura aidé un peu. Produire un site sans travailler et passer du temps sur le code cela n’existe pas. La quête du template qui couvre tous vos besoin est illusoire, autant jouer au loto…
Si vous n’avez aucune notion technique ou que vous ne voulez pas passer du temps à coder, achetez du temps de développeur et d’intégrateur, en leur donnant un brief fonctionnel à minima.
Autrement il existe des solutions de type « PSD to XHTML » payantes qui feront que votre PSD (a condition qu’il soit bien monté) sera transformé en template unique WordPress, W3C Compliant et autre encore (ce sont des options payantes). Attention il faudra bien lire le contrat, et maîtriser l’anglais.
Quoiqu’il en soit comptez un budget entre 300 à 700 euros pour un template de base, à condition d’avoir travaillé en amont sur votre projet (maquette graphique).
En dernier lieu je vous déconseille le logiciel Artisteer, qui génère un code particulièrement alambiqué, et quasi impossible à optimiser…
Dans les grandes lignes ces principes peuvent être appliqués à la recherche de templates Joomla! Drupal et tout autre CMS qui proposent des bibliothèques de templates à gogo !